.fa {
  font-family: Font Awesome\6 Pro;
  font-family: var(--fa-style-family, 'Font Awesome 6 Pro');
  font-weight: 900;
  font-weight: var(--fa-style, 900);
}

.fa,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-brands {
  font-family: Font Awesome\6 Brands;
}

:root {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

@font-face {
  font-family: Font Awesome\6 Brands;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(fonts/fa-brands-400.be11a8ceec48d3f8898.woff2) format('woff2'),
    url(fonts/fa-brands-400.49b8352a46635e21fcc.ttf) format('truetype');
}

.fa-brands {
  font-weight: 400;
}

.fa-instagram:before {
  content: '\f16d';
}

:root {
  --fa-style-family-duotone: 'Font Awesome 6 Duotone';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro';
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro';
}

@font-face {
  font-family: Font Awesome\6 Pro;
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(fonts/fa-light-300.01bdddb3d78c58b49c7.woff2) format('woff2'),
    url(fonts/fa-light-300.c2cc682f62427a2eb2d.ttf) format('truetype');
}

@font-face {
  font-family: Font Awesome\6 Pro;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(fonts/fa-regular-400.c5b2870c28d289fd210.woff2) format('woff2'),
    url(fonts/fa-regular-400.e39853fb270778d3751.ttf) format('truetype');
}

@font-face {
  font-family: Font Awesome\6 Pro;
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(fonts/fa-solid-900.510019a1400e2f201c4.woff2) format('woff2'),
    url(fonts/fa-solid-900.947f22f3f4a02650ef5.ttf) format('truetype');
}

@font-face {
  font-family: Font Awesome\6 Pro;
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url(fonts/fa-thin-100.1a4c84453d9af4c0406.woff2) format('woff2'),
    url(fonts/fa-thin-100.55ea626685be3cd3a99.ttf) format('truetype');
}

.fi-br {
  background-image: url(../images/4x3/br.svg);
}

.fi-es {
  background-image: url(../images/4x3/es.svg);
}

.fi-us {
  background-image: url(../images/4x3/us.svg);
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.li-b2 {
  position: relative;
}

.li-b2::before {
  content: '';
  background-color: var(--accent-dark);
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  left: -20px;
}

footer,
main,
menu,
nav,
section {
  display: block;
}

progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: 700;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

code {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type='button'],
input[type='reset'] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

img {
  vertical-align: middle;
}

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

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898ec;
  color: #fff;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}

input.w-button {
  -webkit-appearance: button;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  margin-bottom: 10px;
}

h1 {
  font-size: 38px;
  line-height: 44px;
}

h1,
h2 {
  margin-top: 20px;
}

h2 {
  font-size: 32px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}

ol,
p,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}

ol,
ul {
  padding-left: 40px;
}

.w-embed:after,
.w-embed:before {
  content: ' ';
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-embed:after {
  clear: both;
}

[type='button'],
[type='reset'],
button {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}

.w-container:after,
.w-container:before {
  content: ' ';
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-container:after {
  clear: both;
}

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

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/jost-cyrillic-800-normal.3b6b9659a0ad0adf495.woff2)
      format('woff2'),
    url(fonts/jost-cyrillic-800-normal.c99b1521a62d308f728.woff) format('woff');
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/jost-latin-ext-800-normal.219fe2c9f43d7021256.woff2)
      format('woff2'),
    url(fonts/jost-latin-ext-800-normal.b5eafb396fe6d877527.woff) format('woff');
  unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff,
    u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Jost;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/jost-latin-800-normal.70a6711630c955a2491.woff2)
      format('woff2'),
    url(fonts/jost-latin-800-normal.a0fa2cc9cd1cd531056.woff) format('woff');
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
    u+2193, u+2212, u+2215, u+feff, u+fffd;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/raleway-cyrillic-ext-500-normal.2105b7e26a01e486f0b.woff2)
      format('woff2'),
    url(fonts/raleway-cyrillic-ext-500-normal.a4bb6329332f35e520f.woff)
      format('woff');
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/raleway-cyrillic-500-normal.aaf903a7c4acb224354.woff2)
      format('woff2'),
    url(fonts/raleway-cyrillic-500-normal.207e227274e5e91142b.woff)
      format('woff');
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/raleway-vietnamese-500-normal.9fd7220eafb123bb1d9.woff2)
      format('woff2'),
    url(fonts/raleway-vietnamese-500-normal.19df5153dabae782828.woff)
      format('woff');
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/raleway-latin-ext-500-normal.338b97159692fed5426.woff2)
      format('woff2'),
    url(fonts/raleway-latin-ext-500-normal.83395d64330c74dec90.woff)
      format('woff');
  unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff,
    u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/raleway-latin-500-normal.58b924467174c048e42.woff2)
      format('woff2'),
    url(fonts/raleway-latin-500-normal.f0ca0bbdb718d19a7f9.woff) format('woff');
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
    u+2193, u+2212, u+2215, u+feff, u+fffd;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/raleway-cyrillic-ext-700-normal.823b4c9dcae0f247a65.woff2)
      format('woff2'),
    url(fonts/raleway-cyrillic-ext-700-normal.7af5d742e3b4e576a06.woff)
      format('woff');
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/raleway-cyrillic-700-normal.537a2318cff9be1d63b.woff2)
      format('woff2'),
    url(fonts/raleway-cyrillic-700-normal.3ed06e46efa454e2ac6.woff)
      format('woff');
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/raleway-vietnamese-700-normal.5a4fd28650e9dac2763.woff2)
      format('woff2'),
    url(fonts/raleway-vietnamese-700-normal.ae815e81d76aa791447.woff)
      format('woff');
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/raleway-latin-ext-700-normal.cbfabbb2577e81559d5.woff2)
      format('woff2'),
    url(fonts/raleway-latin-ext-700-normal.042bfc396a93854bb63.woff)
      format('woff');
  unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff,
    u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/raleway-latin-700-normal.f1315ab89803ad5a327.woff2)
      format('woff2'),
    url(fonts/raleway-latin-700-normal.68629896be7900cab27.woff) format('woff');
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
    u+2193, u+2212, u+2215, u+feff, u+fffd;
}

:root {
  --black: #090d06;
  --grey-60: #979f90;
  --white: #f1fbe8;
  --accent: #009929;
  --accent-opacity-25: #02bd3469;
  --accent-opacity-10: #02421369;
  --accent-hover: #01c936;
  --accent-light: #e1ffc7;
  --accent-dark: #024413;
  --light-orange: #ffc295;
  --dark-orange: #602606;
  --light-yellow: #ffe27d;
  --dark-yellow: #564801;
  --dark-green-1: #00992981;
  --dark-green-2: #009929ad;
  --accent-opacity-13: #01c936;
  --white-opacity-30: hsla(92, 70%, 95%, 0.3);
  --accent-opacity-6: #03c437ad;
}

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

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

body {
  background-color: #090d06;
  background-color: var(--black);
  color: #979f90;
  color: var(--grey-60);
  font-family: Raleway, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}

h1 {
  letter-spacing: -2px;
  font-size: 80px;
}

h1,
h2 {
  color: #f1fbe8;
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-weight: 800;
  line-height: 92%;
}

h2 {
  letter-spacing: -1.5px;
  font-size: 72px;
}

h3 {
  letter-spacing: -1px;
  font-size: 48px;
}

h3,
h4 {
  color: #f1fbe8;
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-weight: 800;
  line-height: 92%;
}

h4 {
  letter-spacing: -0.8px;
  font-size: 40px;
}

p {
  margin-bottom: 0;
}

a {
  color: #f1fbe8;
  color: var(--white);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.section.is--hero {
  min-height: 840px;
}

.section.is--404,
.section.is--hero {
  height: 100vh;

  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.is--404 {
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1680px;
  padding-left: 80px;
  padding-right: 80px;
}

.container.is--hero {
  height: 100%;
  flex-direction: column;
  display: flex;
}

.nav {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.nav.is--404 {
  justify-content: center;
}

.nav__logo-wrapper {
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nav__logo-wrapper:hover {
  transform: scale(0.95);
}

.nav__logo {
  width: 111px;
  height: auto;
}

.nav__menu {
  grid-column-gap: 20px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav__menu-item {
  padding: 2px 4px;
}

.medium-s {
  font-size: 16px;
  line-height: 140%;
}

.menu-item__line {
  width: 100%;
  height: 2px;
  background-color: #a9ff5c;
  background-color: var(--accent);
}

.btn-secondary {
  border: 1px solid #a9ff5c;
  border: 1px solid var(--accent);
  border: 2px solid var(--accent-hover);
  cursor: pointer;
  background-color: rgba(169, 255, 92, 0);
  border-radius: 12px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #a9ff5c;
  background-color: var(--accent);
  color: var(--white);
}

.bold-s {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

.logo-wrapper {
  padding-right: 95px;
}

.offer {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  display: flex;
}

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

.is--accent {
  color: #a9ff5c;
  color: var(--accent);
}

.medium-l {
  font-size: 20px;
  line-height: 140%;
}

.is--max-width-632--m-320 {
  max-width: 632px;
}

.wrapper.is--testimonials {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.is--max-width-848 {
  max-width: 848px;
}

.is--margin-bottom-32 {
  margin-bottom: 32px;
}

.is--v-flex-center-start {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.images-chips {
  grid-column-gap: 16px;
  border: 1px solid #426027;
  border: 1px solid var(--accent-opacity-25);
  background-color: #1f2b15;
  background-color: var(--accent-opacity-10);
  border-radius: 104px;
  padding: 8px 24px 8px 8px;
}

.images-chips,
.images-chips__images-wrapper {
  align-items: center;
  display: flex;
}

.chips-image {
  width: 32px;
  height: 32px;
  border: 2px solid #1f2b15;
  border: 2px solid var(--accent-opacity-10);
  border-radius: 50%;
}

.chips-image.is--offset {
  margin-left: -12px;
}

.images-chips__text {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.is--icon-size-16 {
  width: 16px;
  height: 16px;
}

.btn-primary {
  background-color: #a9ff5c;
  background-color: var(--accent);
  border: 5px solid #13251880;
  color: var(#fff);
  border-radius: 12px;
  padding: 20px 28px;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  box-shadow: 0 0 100px #00751f6e;
  animation: bounce 1s ease-in-out infinite;
}

@keyframes bounce {
  0% {
    scale: 1;
  } 
  50% {
    scale: 1.05;
  }
  100% {
    scale: 1;
  }
}



.btn-primary:focus,
.btn-primary:hover {
  background-color: #7fd136;
  background-color: var(--accent-hover);
  color: var(--accent-light);
}

.is--accent-light {
  color: #e1ffc7;
  color: var(--accent-light);
}

.is--margin-bottom-40 {
  margin-bottom: 40px;
}

.is--margin-top-176--a-80 {
  margin-top: 176px;
}

.is--margin-bottom-20 {
  margin-bottom: 20px;
}

.is--max-width-584 {
  max-width: 584px;
}

.is--margin-bottom-56--m-48 {
  margin-bottom: 56px;
}

.image-card-large {
  background-color: #e1ffc7;
  background-color: var(--accent-light);
  border-radius: 28px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-card-large__text-wrapper {
  flex: 1;
  padding: 56px 56px 64px;
}

.is--accent-dark {
  color: var(--accent-dark);
}

.is--black {
  color: #090d06;
  color: var(--black);
}

.is--max-width-456--m-280 {
  max-width: 456px;
}

.is--max-width-504 {
  max-width: 504px;
}

.image-card-large__icon {
  width: 88px;
  height: 88px;
  background-color: var(--accent-dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.is--icon-size-40--m-32 {
  width: 40px;
  height: 40px;
}

.is--margin-bottom-48--m-32 {
  margin-bottom: 48px;
}

.image-card-large__image {
  width: 50%;
  height: 100%;
  background-image: url(../images/site/ilgmyzin-_ZZ0KTqKv5g-unsplash.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 28px;
}

.image-card-big {
  background-color: #e1ffc7;
  background-color: var(--accent-light);
  border-radius: 28px;
}

.is--bg-light-orange {
  background-color: #ffc295;
  background-color: var(--light-orange);
}

.image-card-big__image {
  height: 288px;
  border-radius: 28px;
}

.image-card-big__image.is--card-image-1 {
  background-image: url(../images/site/philip-oroni-4mc2fpA83lo-unsplash.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-card-big__image.is--card-image-2 {
  background-image: url(../images/site/liquid-marbling-paint.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-card-big__text-wrapper {
  padding: 56px 56px 64px;
}

.is--max-width-504--m-424 {
  max-width: 504px;
}

.is--dark-orange {
  color: #602606;
  color: var(--dark-orange);
}

.medium-m.is--black.is--illustration-card-paragraph {
  text-align: center;
}

.medium-m.is--accent-light.is--testimonial {
  margin: 24px 32px;
}

.is--margin-bottom-16 {
  margin-bottom: 16px;
}

.is--bg-light-yellow {
  background-color: #ffe27d;
  background-color: var(--light-yellow);
}

.is--dark-yellow {
  color: #564801;
  color: var(--dark-yellow);
}

.about-adaptation-embed {
  display: none;
}

.is--margin-top-224--t-200--m-160 {
  margin-top: 224px;
}

.illustation-card-grid {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.illustration-card {
  grid-row-gap: 32px;
  background-color: #e1ffc7;
  background-color: var(--accent-light);
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  padding: 24px 32px 48px;
  display: flex;
}

.illustration-card__illustration-wrapper {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.illustration-card__ellipse {
  z-index: 0;
  width: 200px;
  height: 200px;
  background-color: var(--accent-hover);
  border-radius: 50%;
  position: absolute;
}

.illustration-card__illustration {
  z-index: 1;
  width: 264px;
  height: 264px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
}




.h4.is--accent-dark.is--center.is--margin-bottom-16.is--illustration-card-heading {
  text-align: center;
}

.h4.is--accent-dark.is--illustration-card-heading {
  text-align: center;
  margin-bottom: 16px;
}

.services-adaptation-embed {
  display: none;
}

.is--max-width-580 {
  max-width: 580px;
}

.is--margin-bottom-128--t-112--m-72 {
  margin-bottom: 128px;
}

.steps-grid {
  width: 100%;
  grid-column-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 4.9fr 6.5fr;
}

.steps-scrollbar {
  width: 4px;
  background-color: #1f2b15;
  background-color: var(--accent-opacity-10);
  border-radius: 28px;
}

.steps-scrollbar__line {
  width: 4px;
  height: 112px;
  background-color: var(--accent);
  border-radius: 28px;
  position: sticky;
  top: 96px;
}

.steps-wrapper {
  grid-row-gap: 128px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.step {
  width: 100%;
}

.is--max-width-456 {
  max-width: 456px;
}

.steps-content {
  grid-column-gap: 40px;
  align-items: stretch;
  display: flex;
}

.steps-lottie {
  width: 100%;
  height: auto;
  position: sticky;
  top: 40px;
}

.large-banner {
  background-color: var(--dark-green-1);
  border-radius: 28px;
  overflow: hidden;
}

.large-banner__content {
  justify-content: center;
  align-items: center;
  padding: 96px 104px;
  display: flex;
  position: relative;
}

.is--padding-top-64 {
  padding: 64px 0 0;
}

.is--margin-top--112--a-16 {
  margin-top: 112px;
}

.is--margin-top-160--t-136--m-96 {
  margin-top: 160px;
}

.is--white {
  color: #f1fbe8;
  color: var(--white);
}

.icon-chips {
  grid-column-gap: 12px;
  border: 1px solid var(--accent-dark);
  background-color: var(--dark-green-2);
  border-radius: 100px;
  align-items: center;
  padding: 8px 24px;
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
}

.icon-chips:hover {
  transform: scale(0.95);
}

.is--accent-hover {
  color: var(--accent-hover);
}

.is--icon-size-20 {
  width: 20px;
  height: 20px;
}

.icon-chips__content {
  grid-column-gap: 6px;
  align-items: center;
  display: flex;
}

.large-banner-content__illustration-left {
  width: 440px;
  height: 440px;
  position: absolute;
  top: auto;
  bottom: -56px;
  left: -88px;
  right: auto;
  transform: rotate(30deg);
}

.large-banner-content__illustration-right {
  width: 560px;
  height: 560px;
  position: absolute;
  top: auto;
  bottom: -144px;
  left: auto;
  right: -160px;
  transform: rotate(-30deg);
}

.large-banner__statistics-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  background-color: var(--dark-green-2);
  border-radius: 28px;
  justify-content: space-between;
  padding: 80px;
  display: flex;
  position: relative;
}

.large-banner__statistic {
  flex: 1;
}

.large-heading {
  color: #f1fbe8;
  color: var(--white);
  letter-spacing: -2.2px;
  text-transform: uppercase;
  font-family: Jost, sans-serif;
  font-size: 112px;
  font-weight: 800;
  line-height: 92%;
}

.large-heading.is--accent {
  color: var(--accent);
}

.is--margin-bottom-8 {
  margin-bottom: 8px;
}

.large-banner-embed {
  display: none;
}

.testimonials-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
}

.testimonials-column {
  grid-row-gap: 16px;
}

.testimonial,
.testimonials-column {
  flex-direction: column;
  display: flex;
}

.testimonial {
  grid-row-gap: 20px;
  background-color: var(--accent-opacity-10);
  border-radius: 20px;
  align-items: stretch;
  z-index: 0;
}

.testimonial,
.testimonial img {
  border-radius: 28px;
}

.testimonial__person {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.testimonial__person-image-wrapper {
  width: 36px;
  height: 36px;
  border: 1px solid var(--accent-hover);
  border-radius: 50%;
  overflow: hidden;
}

.testimonial__person-image {
  width: 100%;
  height: 100%;
}

.testimonials-linear {
  width: 100%;
  height: 400px;
  background-image: linear-gradient(rgba(9, 13, 6, 0), var(--black));
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.testimonials-embed {
  display: none;
}

.banners-grid {
  width: 100%;
  grid-template-columns: 5fr 2fr 5fr;
}

.banner-small {
  border-radius: 28px;
  padding: 56px 72px 56px 56px;
}

.is--max-width-504--m-400 {
  max-width: 504px;
}

.banner-big {
  border-radius: 28px;
  align-items: flex-end;
  padding: 56px 72px 56px 56px;
  display: flex;
}

.banner-big.is--first {
  background-image: url(../images/site/Abstract-Background.webp);
}

.banner-big.is--first,
.banner-big.is--second {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-big.is--second {
  background-image: url(../images/site/Abstract-Background-1.webp);
}

.is--w-100p {
  width: 100%;
}

.faq-item {
  background-color: var(--accent-opacity-10);
  border-radius: 20px;
}

.faq-item__trigger {
  background-color: #e1ffc7;
  background-color: var(--accent-light);
  cursor: pointer;
  border-radius: 20px;
  flex-direction: row;
  display: flex;
}

.faq-item__trigger-question {
  flex: 1;
  padding: 24px 32px;
}

.faq-item__icon {
  background-color: var(--accent-hover);
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.is--icon-size-28 {
  width: 28px;
  height: 28px;
}

.faq-item__content {
  overflow: hidden;
}

.contact-cards-grid {
  grid-template-rows: auto;
}

.contact-card {
  grid-row-gap: 32px;
  background-color: #e1ffc7;
  background-color: var(--accent-light);
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  padding: 48px 32px;
  display: flex;
}

.contact-card__icon {
  background-color: var(--accent-dark);
  border-radius: 20px;
  padding: 24px;
}

.is--icon-size-32 {
  width: 32px;
  height: 32px;
}

.is--dark-green-1 {
  color: var(--dark-green-1);
}

.form-image-grid {
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
}

.form-wrapper {
  background-color: var(--accent-opacity-13);
  border-radius: 28px;
  padding: 48px 40px;
}

.form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.form-input {
  height: 62px;
  border: 1px solid hsla(92, 70%, 95%, 0.3);
  border: 1px solid var(--white-opacity-30);
  color: #f1fbe8;
  color: var(--white);
  background-color: hsla(0, 0%, 100%, 0);
  border-radius: 12px;
  margin-bottom: 28px;
  padding: 24px;
  font-size: 16px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.form-input:focus,
.form-input:hover {
  border-color: #f1fbe8;
  border-color: var(--white);
}

.form-input::-moz-placeholder {
  color: hsla(92, 70%, 95%, 0.4);
}

.form-input::placeholder {
  color: hsla(92, 70%, 95%, 0.4);
}

.form-input.is--last {
  margin-bottom: 32px;
}

.form-image {
  background-image: url(../images/site/gui.jpeg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 28px;
}

.is--margin-bottom-80--t-64--m-24 {
  margin-bottom: 80px;
}

.footer {
  padding-bottom: 80px;
}

.footer-content {
  grid-row-gap: 40px;
  background-color: #131c0b;
  background-color: var(--dark-green-1);
  border-radius: 28px;
  flex-direction: column;
  padding: 48px;
  display: flex;
}

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

.footer-logo-wrapper {
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footer-logo-wrapper:hover {
  transform: scale(0.95);
}

.footer__logo {
  width: 111px;
  height: auto;
}

.footer-content__menu {
  grid-column-gap: 20px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.form-block__success {
  background-color: #e1ffc7;
  background-color: var(--accent-light);
  border-radius: 20px;
  padding: 40px 32px 48px;
}

.success-content {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.is--max-width-400 {
  max-width: 400px;
}

.success-icon {
  background-color: var(--accent-hover);
  border-radius: 20px;
  padding: 24px;
}

.form-block__error {
  background-color: #ffc295;
  background-color: var(--light-orange);
  border-radius: 12px;
  margin-top: 32px;
  padding: 16px 24px;
}

.medium-xs {
  font-size: 14px;
  line-height: 140%;
}

.medium-xs.is--copyright {
  text-align: center;
}

.is--max-width-368 {
  max-width: 368px;
}

.footer-menu-item {
  padding: 2px 4px;
  transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footer-menu-item:hover {
  color: #979f90;
  color: var(--grey-60);
}

.footer-content__socials {
  grid-column-gap: 8px;
  display: flex;
}

.social-link-block {
  width: 38px;
  height: 38px;
  background-color: var(--accent);
  border-radius: 10px;
  justify-content: center;
  color: #131c0b;
  text-align: center;
  font-size: 21px;
  align-items: center;
  padding: 10px;
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
}

.social-link-block:hover {
  transform: scale(0.95);
}

.is--icon-size-18 {
  width: 18px;
  height: 18px;
}

.footer-legal {
  border-top: 1px solid var(--accent-opacity-10);
  padding-top: 24px;
}

.h1-word {
  margin-bottom: -12px;
  padding-right: 3px;
  display: inline-block;
  overflow: hidden;
}

@media (max-width: 800px) {
  .h1-word {
  margin-bottom: 0px;
  padding-right: 3px;
  display: inline-block;
  overflow: hidden;
}

.h1-word.primeiro{
  padding-bottom: 20px;
}
}





.menu-adaptation,
.menu-close-wrapper,
.menu-hamburger-wrapper,
.smooth-scroll {
  display: none;
}

.is--max-width-848--m-460 {
  max-width: 848px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

._404-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.is--margin-bottom-12 {
  margin-bottom: 12px;
}

._404-illustration-left {
  width: 720px;
  height: 720px;
  position: absolute;
  top: -24px;
  bottom: auto;
  left: -184px;
  right: auto;
}

._404-illustration-right {
  width: 720px;
  height: 720px;
  transform-style: preserve-3d;
  position: absolute;
  top: auto;
  bottom: -152px;
  left: auto;
  right: -144px;
  transform: rotateX(0) rotateY(-180deg) rotate(0);
}

._404-embed {
  display: none;
}

#w-node-_4fb84fa3-aae4-3418-a1ae-c85c032a1246-9174ba8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_064d7657-5345-bc88-8a92-33658f5da0e4-9174ba8d,
#w-node-_0e7e1bc5-6bff-923d-01d7-261e7a225e4f-9174ba8d,
#w-node-_134dbb56-3e6c-4380-879a-a4b233b15b6a-9174ba8d,
#w-node-_22f8647a-3877-559e-15c1-47e932c4f5a9-9174ba8d,
#w-node-_49d838e2-cb09-20b9-0ad5-c72b44225886-9174ba8d,
#w-node-_4d48ea2c-9938-cb37-cb57-faa2bce053bd-9174ba8d,
#w-node-_5c9bc4a8-a51a-0ba1-83df-1ab8659a7f60-9174ba8d,
#w-node-_5eb2ba53-57cd-5223-0b18-6e07cf89320d-9174ba8d,
#w-node-_82ef0335-6ef8-929f-4687-662357ef7b51-9174ba8d,
#w-node-_95479fd9-1322-2511-3a51-c0cbcee3e70c-9174ba8d,
#w-node-aa741f5c-71b4-37c4-b5de-b05fb237e2bb-9174ba8d,
#w-node-be24eef5-9e11-b89d-8b25-1e4530684717-9174ba8d,
#w-node-ca57f2ac-491e-2be0-7c8b-e9adffdc7336-9174ba8d,
#w-node-cbfbe46b-81da-a0dc-538b-99cae083aa6b-9174ba8d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bbaa0801-a0d4-f028-870c-c5eae15f88b5-9174ba8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1b308ae3-f32b-0063-38bd-d4546a3d6a23-9174ba8d,
#w-node-be797436-6a27-7b37-a98c-42b0687109aa-9174ba8d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c45752a4-0bd1-d197-1d5f-0bb5358189df-9174ba8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0572e67a-e6e1-824e-d09d-758ff03edad9-9174ba8d,
#w-node-_467eaae4-2c06-2f27-28e5-cf275a014b12-9174ba8d,
#w-node-d8656aab-4568-7fc8-b60a-31ff3f8d8b56-9174ba8d,
#w-node-de04076e-4857-f362-70dc-7812f0ba1613-9174ba8d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

  h1 {
    letter-spacing: -1.7px;
    font-size: 86px;
  }

  .container {
    padding-left: 64px;
    padding-right: 64px;
  }

  .container.is--h-100p {
    height: 100%;
  }

  .container.is--menu-open {
    height: 100vh;
    flex-direction: column;
    display: flex;
  }

  .nav__menu {
    display: none;
  }

  .is--margin-top-176--a-80 {
    margin-top: 80px;
  }

  .large-cards-grid {
    grid-template-columns: 1fr;
  }

  .image-card-large {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .image-card-large__text-wrapper {
    flex: 0 auto;
  }

  .image-card-large__image {
    width: 100%;
    flex: 0 auto;
  }

  .medium-m.is--black.is--illustration-card-paragraph {
    text-align: left;
  }

  .is--margin-top-224--t-200--m-160 {
    margin-top: 200px;
  }

  .illustation-card-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .illustration-card {
    grid-column-gap: 32px;
    flex-direction: row;
    padding-bottom: 24px;
  }

  .illustration-card__illustration-wrapper {
    width: auto;
    flex: none;
  }

  .illustraction-card__text-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .h4.is--accent-dark.is--center.is--margin-bottom-16.is--illustration-card-heading,
  .h4.is--accent-dark.is--illustration-card-heading {
    text-align: left;
  }

  .is--margin-bottom-128--t-112--m-72 {
    margin-bottom: 112px;
  }

  .steps-grid {
    grid-row-gap: 88px;
    grid-template-rows: auto auto;
    grid-template-columns: 4.9fr;
  }

  .steps-scrollbar__line {
    top: 224px;
  }

  .steps-wrapper {
    grid-row-gap: 88px;
  }

  .large-banner__content {
    padding-left: 56px;
    padding-right: 56px;
  }

  .is--margin-top--112--a-16 {
    margin-top: 16px;
  }

  .is--margin-top-160--t-136--m-96 {
    margin-top: 136px;
  }

  .large-heading {
    letter-spacing: -1.5px;
    font-size: 72px;
  }

  .banners-grid {
    grid-template-columns: 5fr;
  }

  .banner-big {
    align-items: center;
  }

  .form-image-grid {
    grid-template-columns: 5fr;
  }

  .form-image {
    height: 560px;
  }

  .is--margin-bottom-80--t-64--m-24 {
    margin-bottom: 64px;
  }

  .footer {
    padding-bottom: 64px;
  }

  .footer-content__menu-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }

  .medium-xs.is--copyright {
    text-align: left;
  }

  .menu-hamburger-wrapper {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-hamburger {
    width: 44px;
    height: 44px;
  }

  .nav__button-hamurger {
    grid-column-gap: 28px;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .menu-adaptation {
    z-index: 100;
    width: 100%;
    height: 100vh;
    background-color: #090d06;
    background-color: var(--black);
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
  }

  .menu-close-wrapper {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .menu-close {
    width: 24px;
    height: 24px;
  }

  .menu-adaptation__content {
    min-height: 560px;
    grid-row-gap: 40px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-adaptation__link {
    padding: 2px 4px;
  }

  .menu-adaptation__link-text {
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: Jost, sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 92%;
  }

  .menu-adaptation__socials-wrapper {
    grid-column-gap: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 64px;
    display: flex;
  }

  .menu-adaptation__social {
    width: 52px;
    height: 52px;
    color: #131c0b;
    text-align: center;
    font-size: 28px;
    background-color: #a9ff5c;
    background-color: var(--accent);
    border-radius: 10px;
    padding: 12px;
  }

  .menu-adaptation__links-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-embed {
    display: none;
  }

  #w-node-_4fb84fa3-aae4-3418-a1ae-c85c032a1246-9174ba8d,
  #w-node-bbaa0801-a0d4-f028-870c-c5eae15f88b5-9174ba8d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1b308ae3-f32b-0063-38bd-d4546a3d6a23-9174ba8d {
    order: -9999;
  }

  #w-node-c45752a4-0bd1-d197-1d5f-0bb5358189df-9174ba8d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

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

  h1 {
    letter-spacing: -1.2px;
    font-size: 45px;
    line-height: 100%;
  }

  h2 {
    letter-spacing: -0.8px;
    font-size: 40px;
  }

  h3 {
    letter-spacing: -0.6px;
    font-size: 32px;
  }

  h4 {
    font-size: 30px;
  }

  p {
    font-size: 16px;
    line-height: 140%;
  }

  .section.is--404,
  .section.is--hero {
    min-height: 720px;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .offer {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .medium-l {
    font-size: 18px;
  }

  .is--max-width-632--m-320 {
    max-width: 320px;
  }

  .images-chips.is--margin-bottom-32 {
    grid-column-gap: 12px;
  }

  .chips-image {
    width: 24px;
    height: 24px;
  }

  .chips-image.is--offset {
    margin-left: -10px;
  }

  .is--margin-bottom-56--m-48 {
    margin-bottom: 48px;
  }

  .image-card-large__text-wrapper {
    padding: 40px 24px 48px;
  }

  .is--max-width-456--m-280 {
    max-width: 280px;
  }

  .image-card-large__icon {
    width: 72px;
    height: 72px;
  }

  .is--icon-size-40--m-32 {
    width: 32px;
    height: 32px;
  }

  .is--margin-bottom-48--m-32 {
    margin-bottom: 32px;
  }

  .image-card-big__text-wrapper {
    padding: 40px 24px 48px;
  }

  .is--max-width-504--m-424 {
    max-width: 424px;
  }

  .medium-m.is--black.is--illustration-card-paragraph {
    text-align: center;
  }

  .medium-m.is--accent-light.is--testimonial {
    margin-left: 24px;
    margin-right: 24px;
  }

  .is--margin-top-224--t-200--m-160 {
    margin-top: 160px;
  }

  .illustration-card {
    flex-direction: column;
    padding: 16px 24px 48px;
  }

  .illustraction-card__text-wrapper {
    max-width: 440px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .h4.is--accent-dark.is--center.is--margin-bottom-16.is--illustration-card-heading,
  .h4.is--accent-dark.is--illustration-card-heading {
    text-align: center;
  }

  .is--margin-bottom-128--t-112--m-72 {
    margin-bottom: 72px;
  }

  .steps-grid {
    grid-row-gap: 56px;
  }

  .steps-scrollbar__line {
    top: 16px;
  }

  .steps-wrapper {
    grid-row-gap: 56px;
  }

  .steps-content {
    grid-column-gap: 24px;
  }

  .large-banner__content {
    padding: 64px 24px;
  }

  .is--margin-top-160--t-136--m-96 {
    margin-top: 96px;
  }

  .large-banner-content__illustration-left,
  .large-banner-content__illustration-right {
    display: none;
  }

  .large-banner__statistics-wrapper {
    padding: 48px 24px;
  }

  .large-heading {
    letter-spacing: -1px;
    font-size: 56px;
  }

  .banner-small {
    padding: 40px 24px 48px;
  }

  .is--max-width-504--m-400 {
    max-width: 400px;
  }

  .banner-big {
    padding: 40px 24px 48px;
  }

  .faq-item__trigger-question {
    padding-left: 24px;
    padding-right: 24px;
  }

  .contact-cards-grid.is--margin-bottom-16 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-card {
    padding: 40px 24px;
  }

  .form-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .form-image {
    height: 400px;
  }

  .is--margin-bottom-80--t-64--m-24 {
    margin-bottom: 24px;
  }

  .footer {
    padding-bottom: 24px;
  }

  .footer-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .menu-adaptation {
    display: none;
  }

  .menu-adaptation__content {
    min-height: 480px;
    grid-row-gap: 24px;
  }

  .menu-adaptation__link-text {
    letter-spacing: -0.7px;
    font-size: 36px;
  }

  .menu-adaptation__socials-wrapper {
    padding-bottom: 48px;
  }

  .is--max-width-848--m-460 {
    max-width: 460px;
  }
}

@media screen and (max-width: 479px) {
  .section.is--404,
  .section.is--hero {
    min-height: 728px;
  }

  .offer {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .images-chips.is--margin-bottom-32 {
    padding-left: 24px;
  }

  .about-adaptation-embed,
  .images-chips__images-wrapper {
    display: none;
  }

  .steps-scrollbar__line {
    top: 144px;
  }

  .large-banner__statistics-wrapper {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  ._404-illustration-left,
  .hero-embed,
  .is--mobile-portrait-hide,
  .menu-adaptation {
    display: none;
  }

  ._404-illustration-right {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background-color: var(--black);
}

::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border-radius: 6px;
  border: 3px solid var(--black);
}

::-webkit-scrollbar-button {
  display: none;
}

* {
  scrollbar-color: var(--accent) var(--black);
  scrollbar-width: thin;
}

body {
  scrollbar-face-color: #356905;
  scrollbar-track-color: var(--black);
  scrollbar-highlight-color: var(--black);
  scrollbar-arrow-color: var(--black);
  scrollbar-shadow-color: var(--black);
  scrollbar-darkshadow-color: var(--black);
}

/* MODIFICAÇÕES NÃO ORIGINAIS ***************************************************************************/

.smoke-wrap {
  position: absolute;
  width: 70px;
  top: 180px;
  right: 630px;
  animation: smokeOpacity 2s linear;
}

.smoke, .smoke2, .smoke3 {
  filter: blur(5px);
  transform-origin: 50% 50%;

}

@media (max-width: 500px) {
  .smoke-wrap {
  position: absolute;
  width: 70px;
  top: 90px;
  right: 220px;
  animation: smokeOpacity 2s linear;
}
}

.smoke {
  animation:  smoke1 3s linear infinite;
  animation-delay: 0.5s;
}

.smoke2 {
  animation: smoke2 3s linear infinite;
  animation-delay: 1.5s;
}

.smoke2 {
  width: 500px;
  animation: smoke3 4s linear infinite;
  animation-delay: 2.5s;
}

@keyframes smokeOpacity {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@keyframes smoke1 {
  0% {
    filter: blur(0px);
    transform: translateY(0px) scale(-1, 1);
    opacity: 0;
  }
  25% {
    filter: blur(3px);
    transform: translateY(-10px) scale(-1, 1.05);
    opacity: 0.5;
  }
  50% {
    filter: blur(5px);
    transform: translateY(-20px) scale(-1, 1.1);
    opacity: 1;
  }
  75% {
    filter: blur(5px);
    transform: translateY(-30px) scale(-1, 1.15);
    opacity: 0.5;
  }
  100% {
    filter: blur(7px);
    transform: translateY(-40px) scale(-1, 1.2);
    opacity: 0;
  }
}

@keyframes smoke2 {
  0% {
    filter: blur(0px);
    transform: translateY(0px) scale(1);
    opacity: 0;
  }
  25% {
    filter: blur(3px);
    transform: translateY(-10px) scale(1.05);
    opacity: 0.5;
  }
  50% {
    filter: blur(5px);
    transform: translateY(-20px) scale(1.1);
    opacity: 1;
  }
  75% {
    filter: blur(5px);
    transform: translateY(-30px) scale(1.15);
    opacity: 0.5;
  }
  100% {
    filter: blur(7px);
    transform: translateY(-40px) scale(1.2);
    opacity: 0;
  }
}

@keyframes smoke3 {
  0% {
    filter: blur(0px);
    transform: translateY(0px) scale(1);
    opacity: 0;
  }
  25% {
    filter: blur(3px);
    transform: translateY(-20px) scale(1.05);
    opacity: 0.5;
  }
  50% {
    filter: blur(5px);
    transform: translateY(-40px) scale(1.1);
    opacity: 1;
  }
  75% {
    filter: blur(5px);
    transform: translateY(-60px) scale(1.15);
    opacity: 0.5;
  }
  100% {
    filter: blur(7px);
    transform: translateY(-80px) scale(1.2);
    opacity: 0;
  }
}





/* Contêiner principal da seção */
.objetivo-section .container {
  max-width: 1100px; /* Largura máxima do conteúdo */
  margin: 0 auto; /* Centraliza o contêiner na página */
  display: flex; /* ATIVA O LAYOUT FLEXBOX! */
  align-items: center; /* Alinha os itens verticalmente ao centro */
  gap: 40px; /* Espaço entre as duas colunas */
}

/* Coluna da esquerda (textos) */
.coluna-esquerda {
  flex: 1; /* Faz a coluna ocupar o espaço disponível */
  max-width: 60%; /* Garante que ela não passe de 50% */
}

.coluna-esquerda h1 {
  font-size: 50px; /* Tamanho do título principal */
  font-weight: 700; /* Negrito */
  line-height: 50px;
  color: var(--accent);
  font-family: 'Jost', sans-serif;
}

.coluna-esquerda .subtitulo {
  font-size: 16px;
  color: var(--accent-light);
  margin-top: 15px;
  margin-bottom: 30px;
}

.coluna-esquerda h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--accent-light);
}

/* Estilo da lista de objetivos */
.coluna-esquerda ul {
  list-style: none; /* Remove os marcadores padrão da lista */
  padding: 0;
  margin: 0;
}

.coluna-esquerda ul li {
  display: flex; /* Alinha o ícone e o texto na mesma linha */
  align-items: center;
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px; /* Espaçamento entre os itens da lista */
  margin-left: 30px;
  position: relative;
}
.coluna-esquerda ul li::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: var(--accent);
  border-radius: 50%;
}

/* Botão do Telegram */
.telegram-button {
  display: inline-block;
  background-color: var(
    --accent
  ); /* Cor de fundo do botão (azul Telegram) - ajuste se a imagem tiver outra cor */
  color: #000; /* Texto branco */
  padding: 15px 30px; /* Espaçamento interno do botão */
  border-radius: 8px; /* Bordas arredondadas */
  text-decoration: none; /* Remove o sublinhado do link */
  font-weight: 600;
  margin-top: 20px;
  transition: background-color 0.3s ease; /* Efeito suave ao passar o mouse */

}

.telegram-button:hover {
  background-color: var(--accent-hover); /* Cor mais escura ao passar o mouse */
}

/* Coluna da direita (imagem) */
.coluna-direita {
  flex: 1; /* Ocupa o espaço restante */
  max-width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circulo-imagem {
  width: 300px; /* Largura do círculo */
  height: 300px; /* Altura do círculo */
  background: radial-gradient(
    circle,
    var(--accent-opacity-10),
    var(--accent-dark)
  ); /* Gradiente de verde para o círculo */
  border-radius: 50%; /* ESSENCIAL para fazer o formato de círculo */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/* Ajustes para telas menores (Responsividade) */
@media (max-width: 768px) {
  .objetivo-section .container {
    flex-direction: column; /* Colunas ficam uma em cima da outra */
  }

  .coluna-esquerda,
  .coluna-direita {
    max-width: 100%; /* Ocupam a largura total */
  }

  .coluna-direita {
    margin-top: 40px; /* Espaço entre as colunas no modo mobile */
  }
}



/* ======================================================= */
/* ============ ESTILOS DA SEÇÃO CORRETORA ============ */
/* ======================================================= */



.corretora {
  margin: 0 auto 250px auto;
  background-image: linear-gradient(rgba(9, 13, 6, 0), var(--black));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}



.corretora .desktop {
  border-radius: 40px;
  position: relative;
  z-index: -2;  
}


.corretora .mobile {
  position: absolute;
  top: 50%;
  left: 22%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background-image: url(/assets/images/site/appoficial.png);
  box-shadow: 0 0 30px rgba(0, 0, 0, 1);
  border-radius: 50px;
  z-index: 100;
  width: 300px;
  height: 590px;
}


@media (max-width: 900px) {
  .corretora {
    background-image: linear-gradient(rgba(9, 13, 6, 0), var(--black));
    height: 40%;
    margin-bottom: 20px;
    margin-top: -60px;
  }

.corretora .mobile {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  z-index: 100;
  background-image: url(/assets/images/site/appoficial.png);
  box-shadow: 0 0 30px rgba(0, 0, 0, 1);
  border-radius: 13px;
  z-index: 100;
  width: 100px;
  height: 190px;
}

  .corretora .desktop {
    transform: scale(1.1);   
    margin-left: 0px; 
    margin-bottom: 0px;
  }


}

/* ======================================================= */
/* ============ ESTILOS DA SEÇÃO COMUNIDADE ============ */
/* ======================================================= */

.comunidade-section {
  padding: 80px 20px;
  position: relative; /* Necessário para o posicionamento do padrão de fundo */
  overflow: hidden; /* Garante que nada "vaze" da seção */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Estilo do padrão de fundo SVG */
.comunidade-section .background-pattern {
  background-image: url('../assets/images/site/BG-Pattern.svg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.05; /* Deixa o padrão bem sutil */
  z-index: 0; /* Coloca o padrão atrás de todo o conteúdo */
}

/* O container precisa de z-index para ficar na frente do padrão */
.comunidade-section .container {
  position: relative;
  z-index: 1;
  display: flex; /* Layout de colunas */
  align-items: center;
  gap: 60px; /* Espaço entre as colunas */
}

/* Coluna da Imagem (Esquerda) */
.coluna-imagem {
  flex: 1;
  position: relative; /* ESSENCIAL para posicionar os cards sobre ela */
  display: flex;
  justify-content: center;
  align-items: center;
}

.coluna-imagem::before {
    content: "";
    width: 800px;
    height: 650px;
    background-color: var(--accent-opacity-10);
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}
.coluna-imagem::after {
    content: "";
    width: 200px;
    height: 250px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    border-radius: 20%;
    position: absolute;
    top: 85%;
    left: 20%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
@media (max-width: 900px) {
  .coluna-imagem {
    margin-bottom: 50px;
  }
  .coluna-imagem::before {
    content: "";
    width: 900px;
    height: 600px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    background-color: var(--accent);
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 140%;
    transform: translate(-50%, -50%);
}
.coluna-imagem::after {
    content: "";
    width: 200px;
    height: 250px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    border-radius: 30px;
    position: absolute;
    top: 70%;
    left: 10%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
}

@media (max-width: 600px) {
  .coluna-imagem {
    margin-bottom: 50px;
  }
  .coluna-imagem::before {
    content: "";
    width: 900px;
    height: 460px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    background-color: var(--accent-dark);
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 140%;
    transform: translate(-50%, -50%);
}
.coluna-imagem::after {
    content: "";
    width: 200px;
    height: 250px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    border-radius: 30px;
    position: absolute;
    top: 70%;
    left: 10%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
}

.imagem-principal {
  width: 115%;
  max-width: 500px;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
  position: relative;
}


/* Estilo base para os cards sobrepostos */
.overlay-card {
  position: absolute; /* A MÁGICA ACONTECE AQUI! */
  padding: 15px;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);

  /* EFEITO DE VIDRO FOSCO (GLASSMORPHISM) */
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Para compatibilidade com Safari */

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
}

/* Posição específica do card de Configurações */
.card-settings {
  top: 20px;
  left: -10px;
}
.card-settings img {
  width: 80px;
}

/* Posição específica do card de Chat */
.card-chat {
  bottom: 20px;
  right: -40px;
  gap: 10px;
}
.card-chat img {
  width: 40px;
}
.chat-text {
  color: #fff;
  font-family: 'Poppins', sans-serif;
}
.chat-text strong {
  font-size: 18px;
  display: block;
}
.chat-text span {
  font-size: 14px;
  opacity: 0.8;
}

/* Coluna de Texto (Direita) */
.coluna-texto {
  flex: 1;
  color: #ffffff; /* Texto branco */
}

.coluna-texto h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 20px;
  color: var(--accent-light);
}

.coluna-texto h1 span {
  color: var(--accent);
  background-color: var(--accent-opacity-10);
  border-right: 2.5px solid var(--accent);
  padding: 5px 10px 5px 2px;
  margin-left: 5px;
  position: relative;
}

.coluna-texto h1 span::before {
  content: '';
  position: absolute;
  right: -6px;
  top: -5px;
  background-color: var(--accent);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.coluna-texto .subtitulo {
  font-size: 18px;
  opacity: 0.8; /* Leve transparência para o subtitulo */
  margin-bottom: 30px;
  color: var(--accent-light);
}


.coluna-texto ul {
  list-style: none;
  padding: 0;
  margin-bottom: 40px;
}

.coluna-texto ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 15px;
  color: var(--white);
  position: relative;
  margin-left: 30px;
}

.coluna-texto ul li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: var(--accent);
  border-radius: 50%;
}

/* Botão do Telegram (versão para fundo escuro) */
.telegram-button-dark {
  display: inline-block;
  background-color: var(--accent); /* Verde vibrante */
  border: 5px solid #13251880;
  color: #fff;
  padding: 15px 35px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.3s ease;
  text-align: center;
  box-shadow: 0 0 100px #00751f6e;
    animation: bounce 1s ease-in-out infinite;
}

.telegram-button-dark:hover {
  background-color: var(--accent-hover); /* Verde mais escuro */
  color: var(--white);
}

/* Ajustes para telas menores (Responsividade) */
@media (max-width: 992px) {
  .comunidade-section .container {
    flex-direction: column-reverse; /* Inverte a ordem e empilha: texto em cima, imagem embaixo */
    text-align: left;
  }

  .coluna-texto h1 {
    font-size: 29px;
  }

  .coluna-texto h1 span {
    color: var(--accent);
    background-color: var(--accent-opacity-10);
    border-right: 2.5px solid var(--accent);
    padding: 5px 10px 5px 2px;
    margin-left: 5px;
    position: relative;
  }

  .coluna-texto h1 span::before {
    content: '';
    position: absolute;
    right: -6px;
    top: -5px;
    background-color: var(--accent);
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }

  .coluna-imagem {
    margin-top: 50px;
  }

  .card-settings {
    left: -20px; /* Ajusta posição dos cards para telas menores */
  }
  .card-chat {
    right: -30px;
  }
}






/* Container principal da seção */
.trading-section {
  max-width: 1100px;
  width: 100%;
  padding: 40px 20px;
  box-sizing: border-box;
  margin: 90px auto;
}


/* Grid para o layout de duas colunas */
.trading-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px; /* Espaçamento entre as colunas */
  align-items: center;
  margin-top: 150px;
}

.left-column {
  position: relative;
}
.left-column::before {
    content: "";
    width: 500px;
    height: 550px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

/* Coluna da Esquerda */
.left-column h1 {
  font-size: 2.5rem; /* 40px */
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 15px 0;
  color: var(--accent-light); /* Cor do título */
}

.left-column .highlight {
  color: var(--accent); /* Verde destacado da imagem */
  background-color: var(--accent-opacity-10);
  padding: 5px 10px 5px 0px;
  position: relative;
  border-right: 2.5px solid var(--accent);
}
.left-column .highlight::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50px;
  background-color: var(--accent);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.left-column .subtitle {
  font-size: 1.125rem; /* 18px */
  margin: 0 0 20px 0;
  color: var(--grey-60);
}

.left-column .disclaimer {
  font-size: 1rem; /* 14px */
  font-weight: 400;
  line-height: 1.5;
  color: var(--accent-light);
}

/* Coluna da Direita */
.right-column p {
  font-size: 1rem; /* 16px */
  line-height: 1.7;
  margin: 0 0 20px 0;
  color: var(--accent-light);
}

.right-column p:last-child {
  margin-bottom: 0;
}

.right-column p span {
  color: var(--accent); /* Verde destacado da imagem */
  background-color: var(--accent-opacity-10);
  padding: 5px 10px 5px 2px;
  position: relative;
  border-right: 2.5px solid var(--accent);
}
.right-column p span::before {
  content: '';
  position: absolute;
  right: -4.8px;
  top: 0px;
  background-color: var(--accent);
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

/* Design Responsivo */
/* Para telas menores que 992px (tablets) */
@media (max-width: 992px) {
   .left-column {
    margin-left: 50px;
   }
  .left-column h1 {
    font-size: 2rem; /* 32px */
  }
  .trading-grid {
    gap: 40px;
  }
}

/* Para telas menores que 768px (mobile) */
@media (max-width: 768px) {
  .trading-grid {
    grid-template-columns: 1fr; /* Colunas empilhadas */
    gap: 40px;
  }

  .trading-section {
    padding: 30px 20px;
  }

     .left-column {
    margin-left: 0;
   }

   .left-column::before {
    content: "";
    width: 500px;
    height: 550px;
    border-top: 1px solid var(--accent);
    border-left: 1px solid var(--accent);
    border-bottom: 0px solid var(--accent);
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

  .left-column h1 {
    font-size: 1.8rem; /* 28px */
    text-align: center;
  }

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

  .left-column .subtitle,
  .left-column .disclaimer,
  .right-column p {
    text-align: center;
  }

  .left-column .highlight::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 35px;
    background-color: var(--accent);
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }


  .right-column p span::before {
  content: '';
  position: absolute;
  right: -4.8px;
  top: 0px;
  background-color: var(--accent);
  width: 0px;
  height: 0px;
  border-radius: 50%;
}
}

@media (max-width: 900px) {
  .left-column .highlight::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 40px;
    background-color: var(--accent);
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }

}


.h2-mural {
    font-size: 35px;
    color: var(--accent-opacity-13);
}

.h2-mural span {
  color: #fff;
}