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

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

:root {
  --extension-landing-page---borderradiuslg: 8px;
  --extension-landing-page---buttonprimary: #1677ff;
  --extension-landing-page---colortextwhite: #fff;
  --extension-landing-page---buttonprimaryhover: #4096ff;
  --extension-landing-page---buttonprimaryclicked: #0958d9;
  --extension-landing-page---icongrey: #333;
  --extension-landing-page---colortexttertiary: #00000073;
  --extension-landing-page---colortext: #000000e0;
  --extension-landing-page---buttonborder: #00000026;
  --extension-landing-page---bglayout: #f5f5f5;
  --extension-landing-page---buttondefault: #fff;
  --extension-landing-page---colortextbuttonhover: #4096ff;
  --extension-landing-page---colortextbuttonclick: #0958d9;
  --extension-landing-page---h1font: Franie, Arial, sans-serif;
  --extension-landing-page---buttonbordersecondary: #0000000f;
  --bgcontainer: #fff;
  --extension-landing-page---bgblue: #1677ff;
  --extension-landing-page---h1weight: 600;
  --extension-landing-page---inter: Inter, sans-serif;
  --extension-landing-page---h3size: 20px;
  --extension-landing-page---h3height: 28px;
  --extension-landing-page---h3weight: 400;
  --text--colortext: var(--extension-landing-page---colortext);
  --extension-landing-page---colortextsecondary: #000000a6;
  --colorerrorbase: #ff4d4f;
  --colorsuccessbase: #52c41a;
  --colorsuccessborder: #b7eb8f;
  --green--green1: #f6ffed;
  --blue1: #e6f4ff;
  --buttontextbghover: #0000000f;
  --text--colortexttertiary: #00000073;
  --iconbluecurrent: #1677ff;
  --extension-landing-page---colortextblue: #1677ff;
  --extension-landing-page---buttonlink: #fff0;
  --extension-landing-page---iconblue: var(--extension-landing-page---colortextblue);
  --extension-landing-page---borderradiussm: 4px;
  --extension-landing-page---h1size: 48px;
  --extension-landing-page---h1height: 56px;
  --text--colortextquaternary: #00000040;
  --iconbluenoncurrent: #e6f4ff;
  --color: white;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

.extension-landing-page--buttonprimary {
  grid-row-gap: 8px;
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--extension-landing-page---buttonprimary);
  color: var(--extension-landing-page---colortextwhite);
  cursor: pointer;
  mix-blend-mode: normal;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--buttonprimary:hover {
  background-color: var(--extension-landing-page---buttonprimaryhover);
}

.extension-landing-page--buttonprimary:active {
  background-color: var(--extension-landing-page---buttonprimaryclicked);
}

.extension-landing-page--buttonprimary:focus {
  background-color: var(--extension-landing-page---buttonprimaryhover);
}

.extension-landing-page--blocktestimonies {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--blocktexttestimony {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--h3franie {
  color: #000000e0;
  text-align: center;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.extension-landing-page--blockinfluencername {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--blocktexticontertiary {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--iconinst {
  color: var(--extension-landing-page---icongrey);
  object-fit: cover;
  overflow: hidden;
}

.extension-landing-page--text-23 {
  color: var(--extension-landing-page---colortexttertiary);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}

.extension-landing-page--h1centered {
  color: var(--extension-landing-page---colortext);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--quick-stack-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  padding: 0;
}

.extension-landing-page--cell-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.extension-landing-page--h4centered {
  color: var(--extension-landing-page---colortext);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.extension-landing-page--youtube {
  border-radius: var(--extension-landing-page---borderradiuslg);
  height: 500px;
  max-height: 500px;
  overflow: hidden;
}

.extension-landing-page--link-block-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  cursor: pointer;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.extension-landing-page--logoblack {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 74px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--blockfooter {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--blockjoomcompanies {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--bodyfooter {
  color: var(--extension-landing-page---colortext);
  flex: 0 auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.extension-landing-page--address {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 278px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--icon-tittle {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--button-tittle {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--frame-1 {
  object-fit: cover;
}

.extension-landing-page--group-128 {
  width: 24px;
}

.extension-landing-page--footerend {
  grid-column-gap: 24px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.extension-landing-page--bodyfooterbold {
  color: var(--extension-landing-page---colortext);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.extension-landing-page--quick-stack-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  padding: 0;
}

.extension-landing-page--cell-9 {
  border-right: 1px solid var(--extension-landing-page---buttonborder);
  border-radius: 1px;
  padding-right: 12px;
}

.extension-landing-page--footeroffices {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.extension-landing-page--quick-stack-5 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  width: 100%;
  padding: 0;
}

.extension-landing-page--cell-10 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
}

.extension-landing-page--buttonsocial {
  cursor: pointer;
}

.extension-landing-page--blockpbaws {
  padding-top: 4px;
  padding-bottom: 4px;
}

.extension-landing-page--footercontent {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.extension-landing-page--footercontainer {
  background-color: var(--extension-landing-page---bglayout);
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-left: -32px;
  margin-right: -32px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.extension-landing-page--image-6 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  display: inline-flex;
}

.extension-landing-page--button {
  color: var(--extension-landing-page---colortext);
  cursor: pointer;
  background-color: #fff0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 300;
  text-decoration: underline;
}

.extension-landing-page--link-block {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.extension-landing-page--link-block-2 {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.extension-landing-page--buttondefault {
  border: 1px solid var(--extension-landing-page---buttonborder);
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--extension-landing-page---buttondefault);
  color: var(--extension-landing-page---colortext);
  cursor: pointer;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.extension-landing-page--buttondefault:hover {
  color: var(--extension-landing-page---colortextbuttonhover);
}

.extension-landing-page--buttondefault:active {
  border-color: var(--extension-landing-page---buttonprimaryclicked);
  color: var(--extension-landing-page---colortextbuttonclick);
}

.extension-landing-page--buttondefault:focus {
  color: var(--extension-landing-page---colortextbuttonhover);
}

.body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tabs {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.step1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  max-height: 100%;
  padding-bottom: 24px;
  display: flex;
  overflow: visible;
}

.stepheading {
  font-family: var(--extension-landing-page---h1font);
  color: var(--extension-landing-page---colortext);
  width: 100%;
  margin-top: 0;
  font-size: 24px;
  line-height: 32px;
}

.tabs-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 20%;
  display: flex;
}

.tabs-content {
  flex: 1;
  height: 100%;
  padding-left: 32px;
}

.tablink {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--extension-landing-page---buttonbordersecondary);
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--bgcontainer);
  --text--colortext: var(--extension-landing-page---colortext);
  --colorerrorbase: #ff4d4f;
  --colorsuccessbase: #52c41a;
  --colorsuccessborder: #b7eb8f;
  --green--green1: #f6ffed;
  --text--colortexttertiary: #00000073;
  --iconbluecurrent: #e6f4ff;
  --text--colortextquaternary: #00000040;
  --iconbluenoncurrent: #e6f4ff;
  --color: white;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.tablink.w--current {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-color: var(--extension-landing-page---bgblue);
  background-color: var(--bgcontainer);
  --bgcontainer: #fff;
  --text--colortext: var(--extension-landing-page---colortext);
  --colorerrorbase: #ff4d4f;
  --colorsuccessbase: #52c41a;
  --colorsuccessborder: #b7eb8f;
  --green--green1: #f6ffed;
  --blue1: #e6f4ff;
  --buttontextbghover: #0000000f;
  --text--colortexttertiary: #00000073;
  --iconbluecurrent: #1677ff;
  --text--colortextquaternary: #00000040;
  --iconbluenoncurrent: #e6f4ff;
  --color: white;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.containerfeature {
  grid-column-gap: 24px;
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: #e6f4ff;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 56px 32px 128px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.header-style {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 713px;
  text-decoration: none;
  display: flex;
}

.content-style {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h1 {
  font-family: var(--extension-landing-page---h1font);
  color: var(--extension-landing-page---colortext);
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--extension-landing-page---h1weight);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.h3 {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortext);
  font-size: var(--extension-landing-page---h3size);
  line-height: var(--extension-landing-page---h3height);
  font-weight: var(--extension-landing-page---h3weight);
}

.buttonprimary {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  margin-right: 16px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.buttonprimary:hover {
  background-color: #4096ff;
}

.buttonprimary:active {
  background-color: #0958d9;
}

.buttonprimary:focus {
  background-color: #4096ff;
}

.logocolored {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 55.9999px;
  text-decoration: none;
  display: flex;
}

.navmenu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.icon {
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.buttonprimary-3 {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.buttonprimary-3:hover {
  background-color: #4096ff;
}

.buttonprimary-3:active {
  background-color: #0958d9;
}

.buttonprimary-3:focus {
  background-color: #4096ff;
}

.div-block-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: none;
}

.navbar-2 {
  background-color: #fff;
  align-self: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 32px;
}

.buttonprimaryghost {
  color: #1677ff;
  background-color: #fff0;
  border: 1px solid #1677ff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.buttonprimaryghost:hover {
  color: #4096ff;
  border-color: #4096ff;
}

.buttonprimaryghost:active {
  color: #0958d9;
  border-color: #0958d9;
}

.container {
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1280px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.bodynavbar {
  color: #000000e0;
  text-align: left;
  flex: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.dropdown-list {
  background-color: #7a6c6c;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 8px;
  font-family: Inter, sans-serif;
  font-weight: 300;
  box-shadow: 0 9px 28px 8px #0000000d, 0 3px 6px -4px #0000001f, 0 6px 16px #00000014;
}

.dropdownlink {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32px;
  max-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 12px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
}

.dropdownlink:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.navbartabs {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.advantagesblock {
  grid-column-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: auto;
  max-width: 1200px;
  margin-left: 32px;
  margin-right: 32px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #000000e0;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 302px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  display: block;
  overflow: visible;
}

.advantage {
  grid-row-gap: 16px;
  border: 1px solid #0000000f;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.img-style-2 {
  object-fit: contain;
  border-radius: 4px;
  overflow: hidden;
}

.text-4 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #000000e0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.quick-stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  width: auto;
  max-width: 954px;
  padding: 0;
}

.tutorial {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--extension-landing-page---bglayout);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  margin: 128px 0;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
}

.tabtext {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortext);
  font-size: 16px;
  line-height: 24px;
}

.textsecondary {
  font-family: var(--extension-landing-page---inter);
  color: var(--text--colortext);
  width: 100%;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

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

.stepcontent {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.stepcontentblock {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortext);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.list {
  color: var(--extension-landing-page---colortextsecondary);
  margin-bottom: 0;
  padding-left: 16px;
  list-style-type: decimal;
}

.steptextblock {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.firststepcurrent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: block;
}

.firststep {
  width: 24px;
  max-width: 24px;
  height: 24px;
  max-height: 24px;
  display: block;
  overflow: visible;
}

.image-15 {
  width: 24px;
}

.firststepnoncurrent {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.tabpane {
  border: 1px solid var(--extension-landing-page---buttonbordersecondary);
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--bgcontainer);
  margin: 0;
  padding: 24px;
}

.pricing {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 1200px;
  max-width: 1200px;
  margin: 0 32px 128px;
  text-decoration: none;
  display: flex;
}

.plans {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 1200px;
  text-decoration: none;
  display: flex;
}

.widgettariff {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
}

.pricingplantext {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortext);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.content-style-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
}

.price {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
}

.price-2 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.currentprice {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortext);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.permonth {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #000a1a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.texttertiary {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortextsecondary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.tariffbottomblock {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: #00000073;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.tarifftopblock {
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.pricingpricenumbers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.prices {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.pricecrossed {
  font-family: var(--extension-landing-page---inter);
  color: var(--colorerrorbase);
  text-align: left;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: line-through;
}

.tag {
  grid-column-gap: 4px;
  background-color: #e6f4ff;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 8px;
  text-decoration: none;
  display: flex;
}

.tag.colorful {
  background-color: #52c41a;
  border: 1px solid #91caff;
}

.green {
  color: var(--colorsuccessbase);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.permonth-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.pricingcellcontent {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.pricingtitle {
  grid-column-gap: 0px;
  font-family: var(--extension-landing-page---inter);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pricingcontent {
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.pricingprice {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.tagpricingsale {
  grid-column-gap: 4px;
  background-color: #e6f4ff;
  border: 1px solid #1677ff;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 8px;
  text-decoration: none;
  display: flex;
}

.tagpricingsale.colorful {
  border: 1px solid var(--colorsuccessborder);
  background-color: var(--green--green1);
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}

.pricingpricedesc {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subtextfranie {
  color: var(--extension-landing-page---colortext);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.pricingbuttons {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.guarantee {
  border: 1px solid #0000000f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 136px;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-25 {
  color: var(--extension-landing-page---colortext);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.text-26 {
  font-family: var(--extension-landing-page---inter);
  color: var(--extension-landing-page---colortexttertiary);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.quick-stack-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-top: 24px;
  padding: 0;
  position: relative;
}

.pricingcellpremium {
  border: 1px solid var(--extension-landing-page---buttonborder);
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--bgcontainer);
  padding: 24px;
}

.pricingcellyear {
  border: 1px solid var(--blue1);
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--blue1);
  padding: 0;
}

.buttonlink {
  color: #1677ff;
  text-align: center;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #fff0;
  width: 100%;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttonlink:hover {
  color: #4096ff;
}

.buttonlink:active {
  color: #0958d9;
}

.buttondefault {
  color: #000000e0;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 8px;
  flex: 0 auto;
  align-self: auto;
  width: auto;
  max-width: none;
  height: 40px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttondefault:hover {
  color: #4096ff;
}

.buttondefault:active {
  color: #0958d9;
  border-color: #0958d9;
}

.buttondefault:focus {
  color: #4096ff;
}

.h1centered {
  font-family: var(--extension-landing-page---h1font);
  color: var(--extension-landing-page---colortext);
  font-size: 32px;
  line-height: 48px;
  font-weight: var(--extension-landing-page---h1weight);
  text-align: center;
  width: 100%;
}

.buttonprimaryfull {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.buttonprimaryfull:hover {
  background-color: #4096ff;
}

.buttonprimaryfull:active {
  background-color: #0958d9;
}

.buttonprimaryfull:focus {
  background-color: #4096ff;
}

.div-block-11 {
  z-index: 1;
  width: auto;
  height: 22px;
  position: absolute;
  inset: 8px -8px auto auto;
}

.image-16 {
  width: auto;
  min-width: auto;
  height: 22px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.blocktestimonies {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 60px;
  display: flex;
}

.blocktexttestimony {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.h3franie {
  color: var(--extension-landing-page---colortext);
  text-align: center;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.blockinfluencername {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.blocktexticontertiary {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 411px;
  text-decoration: none;
  display: flex;
}

.iconinst {
  color: var(--extension-landing-page---icongrey);
  object-fit: cover;
  overflow: hidden;
}

.linkinstagram {
  color: var(--extension-landing-page---colortexttertiary);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}

.h1centered-2 {
  color: var(--extension-landing-page---colortext);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  text-decoration: none;
  display: flex;
}

.quick-stack-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  padding: 0;
}

.cell-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
}

.h4centered {
  color: var(--extension-landing-page---colortext);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.youtube {
  box-sizing: border-box;
  aspect-ratio: 9 / 16;
  border-radius: var(--extension-landing-page---borderradiuslg);
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  width: 100%;
  max-width: none;
  height: auto;
  overflow: hidden;
}

.link-block-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  cursor: pointer;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttontext {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--extension-landing-page---colortext);
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #fff0;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 40px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.buttontext:hover, .buttontext:active, .buttontext:focus {
  background-color: var(--buttontextbghover);
}

.navbarback {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.image-17 {
  color: var(--extension-landing-page---colortextbuttonhover);
  padding-left: 0;
}

.livedemo {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 80px;
  margin-left: 32px;
  margin-right: 32px;
  text-decoration: none;
  display: flex;
}

.banners {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.text-33 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 292px;
  text-decoration: none;
  display: flex;
}

.button-style {
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.content-style-4 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.freedemo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 411px;
  height: 411px;
  max-height: 300px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-40 {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  text-decoration: none;
}

.webinar-2 {
  grid-row-gap: 0px;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 845px;
  height: 300px;
  min-height: 300px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-41 {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 325px;
  text-decoration: none;
  display: flex;
}

.text-42 {
  color: #fff;
  flex: 0 auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.live-date {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.text-44 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.button-style-3 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.text-45 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  place-content: stretch flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-46 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-47 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.logo {
  object-fit: cover;
}

.text-48 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.quick-stack-7 {
  width: 100%;
  max-width: 1280px;
  height: 50%;
  padding: 0;
}

.cell-11 {
  border-radius: var(--extension-landing-page---borderradiuslg);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/imgLive.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: content-box;
}

.div-block-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
}

.logoblack {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 74px;
  text-decoration: none;
  display: flex;
}

.blockfooter {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.blockjoomcompanies {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.address {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 278px;
  text-decoration: none;
  display: flex;
}

.icon-tittle {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-tittle {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1 {
  object-fit: cover;
}

.group-128 {
  width: 24px;
}

.footerend {
  grid-column-gap: 24px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.footeroffices {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.buttonsocial {
  cursor: pointer;
}

.blockpbaws {
  padding-top: 4px;
  padding-bottom: 4px;
}

.footercontent {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.buttondefaultpricing {
  color: #000000e0;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 8px;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttondefaultpricing:hover {
  color: #4096ff;
}

.buttondefaultpricing:active {
  color: #0958d9;
  border-color: #0958d9;
}

.buttondefaultpricing:focus {
  color: #4096ff;
}

.image-18 {
  border-radius: var(--extension-landing-page---borderradiuslg);
  flex: 0 auto;
  width: 100%;
  height: 50%;
  max-height: 100%;
  padding-top: 24px;
  overflow: hidden;
}

.step2-new, .step3-new, .step4-new, .step5-new {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.step6-new {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.alert {
  grid-column-gap: 12px;
  background-color: #e6f4ff;
  border: 1px solid #91caff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px 24px;
  text-decoration: none;
  display: flex;
}

.icon-infocirclefilled {
  object-fit: cover;
  overflow: hidden;
}

.text-wrapper {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.head {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.alert-title {
  color: var(--extension-landing-page---colortext);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-49 {
  color: #000000e0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.featurestarblock {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.star {
  grid-column-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-top: 6px;
  text-decoration: none;
  display: flex;
}

.union {
  object-fit: cover;
}

.h4block {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bodyright {
  color: #000000a6;
  text-align: left;
  flex: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttonoutlineicon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--extension-landing-page---buttonbordersecondary);
  color: var(--extension-landing-page---colortext);
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #fff0;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 40px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.buttonoutlineicon:hover {
  background-color: var(--bgcontainer);
}

.buttonoutlineicon:active, .buttonoutlineicon:focus {
  background-color: var(--buttontextbghover);
}

.text-block-2 {
  color: var(--extension-landing-page---colortextbuttonhover);
  flex: 0 auto;
}

.options {
  grid-column-gap: 24px;
  grid-row-gap: 4px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.option {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-calendaroutlined {
  object-fit: cover;
  overflow: hidden;
}

.text-50 {
  color: var(--text--colortexttertiary);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.div-block-17 {
  height: 100%;
  position: relative;
}

.step2image {
  background-color: var(--iconbluecurrent);
  -webkit-text-fill-color: inherit;
  --text--colortext: var(--extension-landing-page---colortext);
  --colorerrorbase: #ff4d4f;
  --colorsuccessbase: #52c41a;
  --colorsuccessborder: #b7eb8f;
  --green--green1: #f6ffed;
  --text--colortexttertiary: #00000073;
  --iconbluecurrent: #e6f4ff;
  --text--colortextquaternary: #00000040;
  --iconbluenoncurrent: #e6f4ff;
  --color: white;
  background-clip: border-box;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.text-block-3 {
  color: var(--extension-landing-page---colortextwhite);
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.step1image {
  background-color: var(--iconbluecurrent);
  -webkit-text-fill-color: inherit;
  --bgcontainer: #fff;
  --text--colortext: var(--extension-landing-page---colortext);
  --colorerrorbase: #ff4d4f;
  --colorsuccessbase: #52c41a;
  --colorsuccessborder: #b7eb8f;
  --green--green1: #f6ffed;
  --blue1: #e6f4ff;
  --buttontextbghover: #0000000f;
  --text--colortexttertiary: #00000073;
  --iconbluecurrent: #1677ff;
  --text--colortextquaternary: #00000040;
  --iconbluenoncurrent: #e6f4ff;
  --color: white;
  background-clip: border-box;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.div-block-18 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.div-block-19 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 30%;
  margin-top: 8px;
  display: flex;
}

.image-19 {
  width: auto;
  max-width: 324px;
  height: auto;
}

.div-block-20 {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.youtube-3 {
  border-radius: 8px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20%;
  max-height: 50%;
  display: block;
  overflow: hidden;
}

.link-block-4 {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.footercontainer-2 {
  background-color: #f5f5f5;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-left: -32px;
  margin-right: -32px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.cell-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
}

.button-2 {
  color: #000000e0;
  cursor: pointer;
  background-color: #fff0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 300;
  text-decoration: underline;
}

.bodyfooterbold-2 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.cell-13 {
  border-right: 1px solid #00000026;
  border-radius: 1px;
  padding-right: 12px;
}

.quick-stack-8 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  width: 100%;
  padding: 0;
}

.image-20 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  display: inline-flex;
}

.link-block-5 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.bodyfooter-2 {
  color: #000000e0;
  flex: 0 auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.quick-stack-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  padding: 0;
}

.containerbuttons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  display: flex;
}

.bold-text {
  font-size: 32px;
  line-height: 48px;
}

.h1header {
  font-family: var(--extension-landing-page---h1font);
  color: var(--extension-landing-page---colortext);
  font-size: 48px;
  line-height: 56px;
  font-weight: var(--extension-landing-page---h1weight);
  flex: 0 auto;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.textlogo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.imggoogle {
  object-fit: cover;
}

.div-block-22 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 24px;
  display: flex;
}

.topwidgettext {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-24 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.code-embed-2 {
  width: 0;
  height: 0%;
}

.div-block-25 {
  padding: 4px;
}

.dropdown-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.buttontextsmall {
  color: #000000e0;
  cursor: pointer;
  background-color: #fff0;
  padding: 4px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.buttontextsmall:hover {
  color: #000000e0;
  background-color: #0000000f;
  border-radius: 6px;
}

.buttontextsmall:active {
  color: #000000e0;
  background-color: #00000026;
}

.buttontextsmall:focus {
  color: #000000e0;
}

.tab {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbarbuttontext {
  color: #1677ff;
  text-align: center;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #fff0;
  width: auto;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.navbarbuttontext:hover {
  color: #4096ff;
}

.navbarbuttontext:active {
  color: #0958d9;
}

.div-block-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.tariffname {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tariffdescritpion {
  font-family: var(--extension-landing-page---inter);
  color: var(--text--colortext);
  line-height: 22px;
}

.div-block-27 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-28 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.containerbuttonsnavbar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: 40px;
  display: flex;
}

.pricingcelldiamond {
  border-radius: var(--extension-landing-page---borderradiuslg);
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(270deg, #e5c155, #ac915e);
  background-clip: border-box;
  padding: 1px;
}

.widgettariffdiamond {
  grid-row-gap: 24px;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  text-decoration: none;
  display: flex;
}

.widgettariff-copy {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 23px;
  text-decoration: none;
  display: flex;
}

.div-block-30 {
  background-color: var(--bgcontainer);
  border-radius: 7px;
  width: 100%;
  height: 100%;
  padding: 23px;
}

.buttonprimarypricing {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.buttonprimarypricing:hover {
  background-color: #4096ff;
}

.buttonprimarypricing:active {
  background-color: #0958d9;
}

.buttonprimarypricing:focus {
  background-color: #4096ff;
}

.tabs-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-top: 0;
  display: flex;
}

.tab-pane-tab-1, .tabs-content-2 {
  width: 100%;
}

.tabs-menu-2 {
  background-color: var(--extension-landing-page---bglayout);
  border-radius: 6px;
  padding: 2px;
  display: flex;
}

.tab-link-tab-1 {
  background-color: var(--extension-landing-page---bglayout);
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: 3px 12px;
  display: flex;
}

.tab-link-tab-1.w--current {
  background-color: var(--bgcontainer);
  border-radius: 4px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;
}

.tab-link-tab-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--extension-landing-page---bglayout);
  vertical-align: baseline;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 12px;
  display: flex;
}

.tab-link-tab-2.w--current {
  background-color: var(--bgcontainer);
  border-radius: 4px;
}

.text-block-4, .text-block-5 {
  font-family: var(--extension-landing-page---inter);
  color: var(--text--colortext);
  line-height: 22px;
}

.container-2 {
  width: auto;
}

.frame-287 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.group-283 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1254px;
  height: 96px;
  text-decoration: none;
  display: flex;
}

.frame-285 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.group-284 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 264px;
  text-decoration: none;
  display: flex;
}

.group-282 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 104px;
  text-decoration: none;
  display: flex;
}

.frame-288 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.text-51 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  text-decoration: none;
}

.text-52 {
  color: #000000a6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-3181 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.group-285 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 264px;
  text-decoration: none;
  display: flex;
}

.group-286 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 104px;
  text-decoration: none;
  display: flex;
}

.bold-text-2 {
  width: 100%;
}

.container-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.frame-3182 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.frame-3183 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.frame-3169 {
  grid-row-gap: 16px;
  background-color: #f6ffed;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 616px;
  max-width: 616px;
  height: auto;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.text-53 {
  color: #000000e0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-282 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-3184 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-checkcirclefilled {
  object-fit: cover;
  overflow: hidden;
}

.text-54 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-3185 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fffbe6;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 616px;
  max-width: 616px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-3186 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-3170 {
  grid-column-gap: 16px;
  border: 1px solid #00000026;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-bottom: 40px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.importe-os-produtos-voc-mesmo-0 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.container-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 40px;
  display: flex;
}

.container-5 {
  width: 100%;
  max-width: 1200px;
  height: auto;
  padding-top: 24px;
  display: flex;
}

.container-6 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  padding-top: 0;
  display: flex;
}

.container-3-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-31 {
  margin-bottom: 128px;
}

.frame-3187 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.frame-283 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-3188 {
  grid-column-gap: 16px;
  background-color: #f2f8ff;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 410px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.icon-packageimport {
  object-fit: cover;
  width: 100px;
  overflow: hidden;
}

.frame-3189 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  display: flex;
}

.frame-3190 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-55 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.text-56 {
  color: #000000a6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-3191 {
  grid-column-gap: 16px;
  background-color: #f2f8ff;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 411px;
  height: auto;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-3192 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-3193 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 275px;
  text-decoration: none;
  display: flex;
}

.buttondefault-2 {
  border: 1px solid var(--extension-landing-page---buttonborder);
  border-radius: var(--extension-landing-page---borderradiuslg);
  background-color: var(--extension-landing-page---buttondefault);
  color: var(--extension-landing-page---colortext);
  cursor: pointer;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttondefault-2:hover {
  color: var(--extension-landing-page---colortextbuttonhover);
}

.buttondefault-2:active {
  border-color: var(--extension-landing-page---buttonprimaryclicked);
  color: var(--extension-landing-page---colortextbuttonclick);
}

.buttondefault-2:focus {
  color: var(--extension-landing-page---colortextbuttonhover);
}

.tabs-menu-3 {
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 2px;
  display: flex;
}

.div-block-33 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricecrossed-2 {
  color: #ff4d4f;
  text-align: left;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: line-through;
}

.green-2 {
  color: #52c41a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.text-block-6 {
  color: #000000e0;
  font-family: Inter, sans-serif;
  line-height: 22px;
}

.pricingcellpremium-2 {
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 8px;
  padding: 24px;
}

.quick-stack-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-top: 24px;
  padding: 0;
  position: relative;
}

.div-block-34 {
  background-color: #fff;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  padding: 23px;
}

.div-block-32 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
}

.tab-link-tab-2-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  vertical-align: baseline;
  background-color: #f5f5f5;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 12px;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  background-color: #fff;
  border-radius: 4px;
}

.tariffdescritpion-2 {
  color: #000000e0;
  font-family: Inter, sans-serif;
  line-height: 22px;
}

.currentprice-2 {
  color: #000000e0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.texttertiary-2 {
  color: #000000a6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.tab-link-tab-1-2 {
  background-color: #f5f5f5;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: 3px 12px;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  background-color: #fff;
  border-radius: 4px;
  padding-bottom: 3px;
  padding-left: 12px;
  padding-right: 12px;
}

.pricingplantext-2 {
  color: #000000e0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-block-7 {
  color: #000000e0;
  font-family: Inter, sans-serif;
  line-height: 22px;
}

.h1centered-3 {
  color: #000000e0;
  text-align: center;
  width: 100%;
  font-family: Franie, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.plans-2 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 1200px;
  margin-top: 128px;
  margin-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.pricingcelldiamond-2 {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(270deg, #e5c155, #ac915e);
  background-clip: border-box;
  border-radius: 8px;
  padding: 1px;
}

.tutorial-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  margin: 128px 0;
  padding-top: 128px;
  padding-bottom: 128px;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
}

.tabpane-2 {
  background-color: #fff;
  border: 1px solid #0000000f;
  border-radius: 8px;
  width: 1200px;
  max-width: 1200px;
  margin: 32px 0 0;
  padding: 24px;
  position: static;
}

.tabs-content-3 {
  display: block;
}

.bold-text-4 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.bold-text-5 {
  width: 100%;
}

.stepheading-2 {
  color: #000000e0;
  width: 100%;
  margin-top: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.h1-2 {
  color: #000000e0;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.div-block-36 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.textsecondary-2 {
  color: #000000e0;
  width: 100%;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.image-21 {
  border-radius: 8px;
  flex: 0 auto;
  width: 1152%;
  height: 50%;
  max-height: 100%;
  padding-top: 0;
  overflow: hidden;
}

.text-block-8 {
  color: #4096ff;
  flex: 0 auto;
}

.image-22 {
  color: #4096ff;
  padding-left: 0;
}

.buttonoutlineicon-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000000e0;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #fff0;
  border: 1px solid #0000000f;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 40px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.buttonoutlineicon-2:hover {
  background-color: #fff;
}

.buttonoutlineicon-2:active, .buttonoutlineicon-2:focus {
  background-color: #0000000f;
}

.buttonprimary-4 {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.buttonprimary-4:hover {
  background-color: #4096ff;
}

.buttonprimary-4:active {
  background-color: #0958d9;
}

.buttonprimary-4:focus {
  background-color: #4096ff;
}

.dropdown-toggle-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  object-fit: fill;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: flex;
}

.dropdown-list-2 {
  background-color: #7a6c6c;
}

.dropdown-list-2.w--open {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  font-family: Inter, sans-serif;
  font-weight: 300;
  display: flex;
  position: absolute;
  box-shadow: 0 9px 28px 8px #0000000d, 0 3px 6px -4px #0000001f, 0 6px 16px #00000014;
}

.div-block-37 {
  width: auto;
  max-width: none;
  padding: 4px;
}

.dropdownlink-2 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 32px;
  max-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 12px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
  position: relative;
}

.dropdownlink-2:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.dropdown-toggle-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  object-fit: fill;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: flex;
}

.dropdown-list-3 {
  background-color: #7a6c6c;
}

.dropdown-list-3.w--open {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  font-family: Inter, sans-serif;
  font-weight: 300;
  display: flex;
  position: absolute;
  box-shadow: 0 9px 28px 8px #0000000d, 0 3px 6px -4px #0000001f, 0 6px 16px #00000014;
}

.h3-2 {
  color: #000000e0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.text-72 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.buttonprimary-5 {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.buttonprimary-5:hover {
  background-color: #4096ff;
}

.buttonprimary-5:active {
  background-color: #0958d9;
}

.buttonprimary-5:focus {
  background-color: #4096ff;
}

.containerfeature-2 {
  grid-column-gap: 24px;
  background-color: #e6f4ff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 56px 32px 128px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.image-23 {
  width: auto;
  max-width: 450px;
}

.div-block-38 {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.div-block-39 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-style-7 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.header-style-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 660px;
  max-width: 720px;
  text-decoration: none;
  display: flex;
}

.buttondefault-3 {
  color: #000000e0;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00000026;
  border-radius: 8px;
  flex: 0 auto;
  align-self: auto;
  width: auto;
  max-width: none;
  height: 40px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttondefault-3:hover {
  color: #4096ff;
}

.buttondefault-3:active {
  color: #0958d9;
  border-color: #0958d9;
}

.buttondefault-3:focus {
  color: #4096ff;
}

.containerbuttons-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  display: flex;
}

.h1header-2 {
  color: #000000e0;
  flex: 0 auto;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Franie, Arial, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

.div-block-40 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.buttontext-2 {
  color: #000000e0;
  cursor: pointer;
  background-color: #fff0;
  padding: 4px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.buttontext-2:hover {
  color: #000000e0;
  background-color: #0000000f;
  border-radius: 6px;
}

.buttontext-2:active {
  color: #000000e0;
  background-color: #00000026;
}

.buttontext-2:focus {
  color: #000000e0;
}

.containerfeature-3 {
  grid-column-gap: 24px;
  background-color: #e6f4ff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 56px 32px 128px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.text-73 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.div-block-41 {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.h3-3 {
  color: #000000e0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.header-style-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 713px;
  text-decoration: none;
  display: flex;
}

.youtube-4 {
  border-radius: 8px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20%;
  max-height: 50%;
  display: block;
  overflow: hidden;
}

.div-block-42 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-43 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.buttonprimary-6 {
  grid-row-gap: 8px;
  color: #fff;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #1677ff;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.buttonprimary-6:hover {
  background-color: #4096ff;
}

.buttonprimary-6:active {
  background-color: #0958d9;
}

.buttonprimary-6:focus {
  background-color: #4096ff;
}

@media screen and (max-width: 991px) {
  .extension-landing-page--footercontent {
    margin-left: 32px;
    margin-right: 32px;
  }

  .extension-landing-page--footercontainer {
    margin-left: 0;
    margin-right: 0;
  }

  .tabs {
    width: 100%;
  }

  .step1 {
    flex-flow: column;
  }

  .tabs-menu {
    justify-content: flex-start;
    align-items: stretch;
    width: 30%;
  }

  .containerfeature {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .h1 {
    font-size: 24px;
    line-height: 31.2px;
  }

  .buttonprimary {
    flex-flow: row;
    width: auto;
    display: block;
  }

  .navbar-2 {
    width: 100%;
    margin-left: 32px;
    margin-right: 32px;
  }

  .container {
    margin-left: 32px;
    margin-right: 32px;
  }

  .advantagesblock {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .text-4 {
    height: auto;
  }

  .steptextblock {
    width: auto;
  }

  .guarantee {
    height: auto;
  }

  .buttondefault {
    flex: none;
  }

  .h1centered {
    font-size: 24px;
    line-height: 31.2px;
  }

  .blocktestimonies {
    width: 704px;
    margin-left: 32px;
    margin-right: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .h1centered-2 {
    width: auto;
    max-width: 1200px;
  }

  .quick-stack-2 {
    width: 704px;
  }

  .youtube {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .buttontext {
    margin-left: 32px;
  }

  .navbarback {
    margin-left: 32px;
    margin-right: 32px;
  }

  .livedemo {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .text-40 {
    font-size: 24px;
    line-height: 31.2px;
  }

  .footercontent {
    margin-left: 32px;
    margin-right: 32px;
  }

  .image-18 {
    width: auto;
  }

  .step2-new, .step3-new, .step4-new, .step5-new {
    flex-flow: column;
  }

  .step6-new {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .options {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-18 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .div-block-19 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-20 {
    width: 100%;
    height: 50%;
    padding-top: 32px;
  }

  .footercontainer-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .cell-14 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .containerbuttons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bold-text {
    font-size: 24px;
    line-height: 31.2px;
  }

  .textlogo {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .topwidgettext {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .div-block-24 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .containerbuttonsnavbar {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .buttonprimarypricing {
    flex-flow: row;
    width: auto;
    display: block;
  }

  .h1centered-3, .h1-2 {
    font-size: 24px;
    line-height: 31.2px;
  }

  .div-block-36 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .image-21 {
    width: auto;
  }

  .buttonprimary-4, .buttonprimary-5 {
    flex-flow: row;
    width: auto;
    display: block;
  }

  .containerfeature-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .div-block-38 {
    width: 100%;
    height: 50%;
    padding-top: 32px;
  }

  .div-block-39 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .buttondefault-3 {
    flex: none;
  }

  .containerbuttons-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .containerfeature-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .div-block-41 {
    width: 100%;
    height: 50%;
    padding-top: 32px;
  }

  .div-block-42 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .buttonprimary-6 {
    flex-flow: row;
    width: auto;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .extension-landing-page--buttonprimary {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .extension-landing-page--h1centered {
    font-size: 24px;
    line-height: 32px;
  }

  .extension-landing-page--quick-stack-2 {
    box-sizing: border-box;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    object-fit: fill;
    position: static;
  }

  .extension-landing-page--cell-9 {
    border-radius: 0;
  }

  .extension-landing-page--quick-stack-5 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .extension-landing-page--footercontent {
    flex-flow: column;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .extension-landing-page--footercontainer {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

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

  .tabs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: auto;
  }

  .step1 {
    flex-flow: column;
  }

  .tabs-menu {
    flex-flow: column;
    width: auto;
  }

  .tabs-content {
    padding-top: 32px;
    padding-left: 0;
  }

  .containerfeature {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .buttonprimary {
    flex: 0 auto;
    width: auto;
    height: 40px;
  }

  .logocolored {
    width: 80px;
    height: 39px;
  }

  .brand {
    padding-left: 0;
  }

  .navmenu {
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .buttonprimary-3 {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .div-block-9 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding: 12px;
    display: flex;
  }

  .navbar-2 {
    width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }

  .buttonprimaryghost {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex;
  }

  .container {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 16px;
    margin-right: 16px;
  }

  .navbartabs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
  }

  .advantagesblock {
    grid-row-gap: 40px;
    flex-flow: column;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .img-style-2 {
    object-fit: contain;
    width: 238px;
    height: 235px;
  }

  .tutorial {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .steptextblock {
    width: auto;
  }

  .pricing {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }

  .plans {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .prices {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tag.colorful {
    background-color: #52c41a;
    border-style: none;
    border-width: 0;
  }

  .green {
    color: var(--extension-landing-page---colortextwhite);
  }

  .pricingcellcontent {
    height: auto;
  }

  .pricingcontent {
    margin-bottom: 0;
  }

  .tagpricingsale.colorful {
    background-color: #52c41a;
    border-style: none;
    border-width: 0;
  }

  .guarantee {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 92%;
    height: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .text-25 {
    width: auto;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-26 {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .quick-stack-6 {
    width: auto;
  }

  .h1centered {
    width: auto;
    font-size: 24px;
    line-height: 32px;
  }

  .buttonprimaryfull {
    flex: 0 auto;
    width: 100%;
    height: auto;
  }

  .blocktestimonies {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .h1centered-2 {
    font-size: 24px;
    line-height: 32px;
  }

  .quick-stack-2 {
    box-sizing: border-box;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    object-fit: fill;
    width: auto;
    position: static;
  }

  .youtube {
    width: 100%;
    height: auto;
  }

  .buttontext {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-left: 0;
    padding-left: 16px;
  }

  .navbarback {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .livedemo {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .text-40 {
    font-size: 24px;
    line-height: 32px;
  }

  .cell-11 {
    background-image: url('../images/imgLiveMobile.png');
    background-position: 50%;
  }

  .div-block-16 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .footercontent {
    flex-flow: column;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .image-18 {
    width: auto;
  }

  .step2-new, .step3-new, .step4-new, .step5-new, .step6-new {
    flex-flow: column;
  }

  .alert {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .icon-infocirclefilled {
    flex: none;
  }

  .buttonoutlineicon {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .options {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-18 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .div-block-19 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .div-block-20 {
    height: auto;
    padding-top: 0;
  }

  .youtube-3 {
    height: auto;
  }

  .footercontainer-2 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .cell-13 {
    border-radius: 0;
  }

  .quick-stack-8 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .containerbuttons {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 7%;
  }

  .h1header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 32px;
    line-height: 40px;
    display: block;
  }

  .textlogo {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-22 {
    width: 100%;
    margin-right: 24px;
  }

  .topwidgettext {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-24 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .dropdown {
    display: block;
  }

  .tab {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
  }

  .div-block-26 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .containerbuttonsnavbar {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 7%;
  }

  .buttonprimarypricing {
    text-align: center;
    flex: 0 auto;
    align-self: auto;
    width: 100%;
    height: 40px;
    display: block;
  }

  .green-2 {
    color: #fff;
  }

  .quick-stack-10 {
    width: auto;
  }

  .h1centered-3 {
    width: auto;
    font-size: 24px;
    line-height: 32px;
  }

  .plans-2 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .tutorial-2 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-35 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .h1-2 {
    font-size: 24px;
    line-height: 32px;
  }

  .div-block-36 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .image-21 {
    width: auto;
  }

  .buttonoutlineicon-2 {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .buttonprimary-4, .buttonprimary-5 {
    flex: 0 auto;
    width: auto;
    height: 40px;
  }

  .containerfeature-2 {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .div-block-38 {
    height: auto;
    padding-top: 0;
  }

  .div-block-39 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .containerbuttons-2 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 7%;
  }

  .h1header-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 32px;
    line-height: 40px;
    display: block;
  }

  .div-block-40 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .containerfeature-3 {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .div-block-41 {
    height: auto;
    padding-top: 0;
  }

  .youtube-4 {
    height: auto;
  }

  .div-block-42 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .div-block-43 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    place-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .buttonprimary-6 {
    flex: 0 auto;
    width: auto;
    height: 40px;
  }
}

#w-node-_5686809f-1f95-0f4e-be05-d9507a1ad146-ff842616 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f5921e2d-f8cd-00b5-81db-36d30093c581-ff842616, #w-node-f5921e2d-f8cd-00b5-81db-36d30093c5bc-ff842616 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0521d38a-e21c-22a5-ca02-c0316856845c-ff842616 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

#w-node-d8981afc-172f-6d8d-3e95-85d428b0db5a-ff842616 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-d8981afc-172f-6d8d-3e95-85d428b0db87-ff842616 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-f5921e2d-f8cd-00b5-81db-36d30093c581-ff842616, #w-node-f5921e2d-f8cd-00b5-81db-36d30093c5bc-ff842616 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_0521d38a-e21c-22a5-ca02-c0316856845c-ff842616 {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5686809f-1f95-0f4e-be05-d9507a1ad146-ff842616, #w-node-f5921e2d-f8cd-00b5-81db-36d30093c581-ff842616, #w-node-f5921e2d-f8cd-00b5-81db-36d30093c5bc-ff842616 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0521d38a-e21c-22a5-ca02-c0316856845c-ff842616 {
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }

  #w-node-d8981afc-172f-6d8d-3e95-85d428b0db5a-ff842616, #w-node-d8981afc-172f-6d8d-3e95-85d428b0db87-ff842616 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Franie';
  src: url('../fonts/Franie-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Franie';
  src: url('../fonts/Franie-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}