:root {
  --black: #080808;
  --white: white;
  --pink: #fe4082;
  --orange: #f7630c;
  --gold: #f0b90b;
  --violet: #8925fe;
  --grey2: #d8d8d8;
  --green: #bad80a;
  --blue: #1160d7;
  --elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>: #6e7191;
  --elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>: #eff0f6;
  --elements-webflow-library--neutral--100\<deleted\|variable-07926372\>: white;
  --elements-webflow-library--neutral--500\<deleted\|variable-769b0229\>: #a0a3bd;
  --elements-webflow-library--accent--primary-1\<deleted\|variable-86b36df2\>: #4a3aff;
  --elements-webflow-library--general--shadow-02\<deleted\|variable-cfed2663\>: #14142b14;
  --elements-webflow-library--general--shadow-03\<deleted\|variable-0fec43f0\>: #14142b1a;
  --elements-webflow-library--neutral--800\<deleted\|variable-44c33ad4\>: #211f54;
  --grey-200: #d8d8d8;
}

.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 {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body-alert {
  background-color: var(--black);
  font-family: SF, Arial, sans-serif;
  font-weight: 400;
}

.section-home {
  flex-flow: column;
  width: 100%;
  height: 120vh;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.home-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  z-index: 5;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50vh;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
  top: 0;
}

.home-alert-animation {
  perspective: 2000px;
  perspective-origin: 50%;
  transform-origin: 50% 0;
  justify-content: center;
  align-items: center;
  height: 75vh;
  display: flex;
  position: relative;
  top: -20vh;
  overflow: hidden;
}

.alert-animation {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  transform-style: preserve-3d;
  perspective: 2000px;
  perspective-origin: 50% 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 120vw;
  max-width: 2280px;
  height: 175vh;
  display: grid;
  position: absolute;
  top: -10vw;
  left: auto;
  right: auto;
  transform: rotateX(65deg)rotateY(0)rotate(0)translateY(-25vh);
}

.alert-home-animation {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.alert-home-1 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  grid-template: "Area"
                 "."
                 "."
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 60px;
  display: grid;
  position: relative;
}

.alert-img-div {
  border-radius: 20px;
  width: 100%;
  max-width: 500px;
  height: 100%;
  overflow: hidden;
}

.alert-animation-shadow {
  z-index: 1;
  background-image: linear-gradient(#080808 40%, #02020200 77%, #0000 89%, #080808 98%);
  width: 140vw;
  height: 100%;
  position: absolute;
}

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

.section-what-is {
  z-index: 5;
  flex-flow: column;
  padding: 5% 15%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.alert-home-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  display: grid;
  position: relative;
}

.grid-header-alert {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  height: auto;
  display: grid;
  position: relative;
}

.grid-header-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-end;
  place-items: center end;
  height: 100%;
  padding-right: 20px;
  display: grid;
  position: relative;
}

.grid-header-right {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.big-head-txt {
  color: var(--white);
  text-align: center;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6vw;
  line-height: 120%;
}

.big-head-txt.thin-txt {
  font-weight: 100;
  line-height: 120%;
}

.big-head-txt.thin-txt.color-pink {
  color: var(--pink);
}

.big-head-txt.color-green.opacity50 {
  opacity: .5 !important;
}

.big-head-txt.color-green.opacty10, .big-head-txt.color-green.opacty10-copy {
  opacity: .1 !important;
}

.big-head-txt.color-green.color-black-green50 {
  color: #bad80a80;
}

.big-head-txt.color-green.color-black-green10 {
  color: #bad80a1a;
}

.big-head-txt.color-orange {
  color: var(--orange);
}

.big-head-txt.font-pacifico {
  background-image: linear-gradient(90deg, var(--gold), var(--pink));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Pacifico, Arial, sans-serif;
  line-height: 200%;
}

.medium-head-txt {
  color: var(--white);
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 150%;
}

.medium-head-txt.font-menu-txt {
  color: var(--white);
  font-size: clamp(16px, 1.1vw, 18px);
  font-weight: 400;
}

.navigation {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1500px;
  height: 8vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-navigation {
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  display: flex;
}

.button-navigation.logo-socials {
  background-image: url('../images/Social-Icons-X.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

.button-navigation.logo-socials.discord-logo {
  opacity: .3;
  background-image: url('../images/Social-Icons-Discord.svg');
}

.button-navigation.logo-socials.instagram-logo {
  background-image: url('../images/Social-Icons-Instagram.svg');
}

.button-navigation.logo-socials.linkedin-logo {
  background-image: url('../images/icon-likedin.svg');
}

.button-navigation.logo-socials.telegram-logo {
  background-image: url('../images/Social-Icons-Telegram.svg');
}

.button-navigation.logo-socials.telegram-logo.telegram-view {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  padding-left: 0;
  padding-right: 0;
}

.button-navigation.logo-socials.facebook-logo {
  opacity: .3;
  background-image: url('../images/facebook-icon.svg');
}

.menu-link {
  color: var(--white);
  text-decoration: none;
}

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

.logo-dexalert-navigation {
  background-image: url('../images/DexAlert.fun.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 50px;
  margin-right: 50px;
}

.wrap-navigation {
  z-index: 10;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  position: sticky;
  top: 0;
}

.buttons-start {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.button-start {
  background-image: linear-gradient(90deg, var(--gold), var(--pink));
  cursor: pointer;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-start.w--current {
  background-image: linear-gradient(90deg, var(--violet), var(--pink));
}

.button-start.color-gray {
  border: 1px solid var(--grey2);
  background-color: #242424;
  background-image: none;
}

.button-start.button-start-violet {
  background-image: linear-gradient(90deg, var(--violet), var(--pink));
}

.button-start.button-start-green {
  background-image: linear-gradient(90deg, var(--green), var(--blue));
}

.button-txt {
  color: var(--white);
  font-size: 18px;
  line-height: 25px;
}

.section-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

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

.color-pink {
  color: var(--pink);
}

.color-violet {
  color: var(--violet);
}

.grid-chart-trading {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 3vw auto 1fr 8vw;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.number-chart {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.icon-chart {
  border: 2px solid var(--white);
  box-shadow: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2.5vw;
  height: 2.5vw;
  margin-right: 20px;
  display: flex;
  overflow: hidden;
}

.profit-chart {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.name-token-chart {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.txt-chart {
  opacity: .4;
  color: var(--pink);
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
}

.chart-animation-show {
  background-image: linear-gradient(90deg, var(--violet) 61%, var(--pink));
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5vw;
  padding-left: 30px;
  display: flex;
}

.chart-animation-show.chart-animation-2 {
  width: 60%;
}

.chart-animation-show.chart-animation-3 {
  width: 50%;
}

.chart-animation-show.chart-animation-4 {
  width: 40%;
}

.chart-animation-show.chart-animation-5 {
  width: 28%;
}

.chart-size-text {
  color: var(--white);
  font-size: 1.5vw;
  font-weight: 500;
}

.img-icon-chart {
  width: 100%;
  height: 100%;
}

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

.icon-boost {
  height: 2vw;
  margin-right: 5px;
}

.container-chart-trading {
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 50px;
  display: flex;
}

.section-predict-react-profit {
  grid-column-gap: 0px;
  grid-row-gap: 10vh;
  flex-flow: column;
  width: 100%;
  padding: 5%;
  display: flex;
  position: relative;
}

.container-p-r-p {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.info-small-txt {
  color: #5e5e5e;
  padding-left: 3vw;
  font-size: 16px;
  line-height: 120%;
}

.heading-name {
  background-image: linear-gradient(180deg, transparent, var(--black) 20%);
  z-index: 5;
  width: 15%;
}

.big-head-name-txt {
  transform-origin: 0 100%;
  text-wrap: nowrap;
  font-size: 7vw;
  font-weight: 700;
  line-height: 120%;
  transform: translate(0)rotate(90deg);
}

.big-head-name-txt.color-pink {
  transform-origin: 0 100%;
  transform: translate(0)rotate(90deg);
}

.react-cointainer {
  border-left: 2px solid var(--violet);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.predict-container {
  border-left: 2px solid var(--pink);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.info-what-is {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: linear-gradient(180deg, transparent, var(--black) 20%);
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.animation-alert {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.color-container-dexalert {
  grid-row-gap: 20px;
  border: 2px none var(--white);
  background-image: none;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
  transform: skew(0deg);
}

.txt-dexalert {
  color: #fff;
  text-align: center;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 100%;
}

.wrap-txt-alert {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-info {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.alert-telegram-animation {
  border-radius: 20px;
  width: 80%;
  height: 100%;
  position: relative;
  top: 0;
  overflow: hidden;
}

.alert-img-animation {
  width: 100%;
  position: absolute;
  top: 0;
}

.section-join {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
  position: relative;
  top: 0;
}

.color-gold {
  color: var(--gold);
}

.profit-container {
  border-left: 2px solid var(--gold);
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.empty-container {
  width: 100%;
  height: 30vh;
  position: relative;
  top: 0;
}

.heading-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.big-boost {
  background-image: url('../images/boost-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6vw;
  height: 6vw;
}

.brix---color-neutral-600 {
  color: var(--elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>);
}

.brix---color-neutral-300 {
  color: var(--elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>);
}

.brix---color-neutral-100 {
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
}

.brix---mg-bottom-8px {
  margin-bottom: 8px;
}

.brix---mg-bottom-16px {
  margin-bottom: 16px;
}

.brix---mg-bottom-24px {
  margin-bottom: 24px;
}

.brix---mg-bottom-40px {
  margin-bottom: 40px;
}

.brix---position-relative {
  position: relative;
}

.footer-dex-alert {
  flex-flow: column;
  max-width: 1500px;
  display: flex;
}

.brix---footer-wrapper {
  border-top: 1px none var(--elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>);
  padding-left: 100px;
  padding-right: 100px;
}

.brix---grid-footer-v1 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.brix---footer-logo {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.brix---footer-logo:hover {
  transform: scale3d(.97, .97, 1.01);
}

.brix---footer-list-wrapper {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.brix---footer-list-item {
  margin-bottom: 18px;
  padding-left: 0;
}

.dex-footer-link {
  color: var(--grey2);
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.brix---footer-top {
  padding-top: 120px;
  padding-bottom: 120px;
}

.brix---footer-bottom {
  border-top: 1px solid var(--elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>);
  color: var(--elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>);
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 18px;
  line-height: 30px;
}

.brix---error-message {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 18px;
  line-height: 30px;
}

.grid-footer-2-cols---form---icon {
  grid-column-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.brix---icon-list-item-wrapper {
  align-items: center;
  display: flex;
}

.brix---icon-list {
  width: 25px;
  margin-right: 16px;
}

.brix---success-message-white {
  border: 1px solid var(--elements-webflow-library--neutral--500\<deleted\|variable-769b0229\>);
  background-color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  color: var(--elements-webflow-library--accent--primary-1\<deleted\|variable-86b36df2\>);
  border-radius: 24px;
  padding: 28px;
  font-size: 18px;
  line-height: 30px;
  box-shadow: 0 3px 8px #211f5433;
}

.brix---paragraph-default {
  color: var(--white);
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---icon-square-36px {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
  overflow: hidden;
}

.brix---icon-square-36px:hover {
  transform: scale(.92);
}

.footer-col-title {
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.brix---icon-success-message-left {
  color: var(--black);
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.brix---text-200-bold {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.big-icon-left {
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.brix---text-300-bold {
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.brix---social-media-grid-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  grid-auto-flow: row;
  justify-content: start;
  align-self: center;
  place-items: center stretch;
}

.brix---footer-top-cta {
  background-image: linear-gradient(90deg, var(--gold), var(--pink));
  border-radius: 20px;
  margin-top: 5vh;
  padding: 50px 40px;
}

.brix---footer-cta-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brix---input-large-button-inside {
  border: 1px solid var(--elements-webflow-library--neutral--300\<deleted\|variable-37cef123\>);
  background-color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02\<deleted\|variable-cfed2663\>);
  border-radius: 100px;
  min-height: 76px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.brix---input-large-button-inside:hover {
  border-color: var(--elements-webflow-library--accent--primary-1\<deleted\|variable-86b36df2\>);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03\<deleted\|variable-0fec43f0\>);
}

.brix---input-large-button-inside:focus {
  border-color: var(--elements-webflow-library--accent--primary-1\<deleted\|variable-86b36df2\>);
  color: var(--elements-webflow-library--neutral--800\<deleted\|variable-44c33ad4\>);
}

.brix---input-large-button-inside::placeholder {
  color: var(--elements-webflow-library--neutral--600\<deleted\|variable-06b40b4b\>);
  font-size: 18px;
}

.brix---btn-primary-inside-input {
  background-color: var(--black);
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  display: flex;
  position: absolute;
  inset: 8px 8px 8px auto;
}

.brix---btn-primary-inside-input:hover {
  background-color: var(--pink);
  color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
  transform: translate3d(0, -3px, .01px);
}

.brix---flex-horizontal---vertical-mbp {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-dexalert {
  background-color: var(--black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  padding: 10px;
  display: flex;
}

.link-footer {
  color: var(--white);
  text-decoration: none;
}

.text-block {
  color: var(--black);
}

.section-footer {
  width: 100%;
  position: relative;
  top: 0;
}

.container-alerts {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
}

.container-alerts.flex-margin {
  justify-content: space-between;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
}

.square-alerts {
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: auto;
  display: flex;
  position: static;
  top: auto;
}

.square-alerts.boost-alerts-40 {
  width: 40px;
}

.square-alerts.boost-alerts-60 {
  width: 60px;
}

.container-join {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-2 {
  width: 50%;
}

.wrap-alerts {
  pointer-events: none;
  width: 100%;
  height: 110vh;
  position: fixed;
  top: 0;
}

.empty-join {
  width: 100%;
  height: 20vh;
}

.wrapper-doc {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.section-doc {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50vh;
  margin-bottom: 50vh;
  padding-bottom: 5vh;
  display: flex;
}

.btn-logo {
  background-image: url('../images/up-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.btn-logo.btn-logo-telegram {
  background-image: url('../images/Social-Icons-Telegram.svg');
  background-repeat: no-repeat;
}

.btn-logo.btn-logo-arrow-up {
  margin-left: 0;
}

.documentation-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section-introduction {
  width: 100%;
  margin-bottom: 20vh;
  padding-top: 10vh;
}

.doc-head-wrao {
  flex-flow: column;
  margin-bottom: 50px;
  display: flex;
}

.wrap-documetation-txt {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrap-documetation-txt.flex-right {
  justify-content: flex-start;
  align-items: flex-end;
}

.wrap-img-txt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
  position: relative;
  top: 0;
}

.token-trending-img {
  max-width: 500px;
  height: 80vh;
  overflow: visible;
}

.medium-txt {
  color: var(--white);
  font-size: 4vw;
  line-height: 120%;
}

.alert-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.legend-doc {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 60%;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: flex;
}

.documentation-txt {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
}

.wrap-alert-img {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 12vh;
}

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

.wrap-small-doc {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.wrap-into-small-doc {
  padding-left: 50px;
  display: flex;
}

.wrap-into-small-doc.margin-top {
  margin-top: 20px;
  padding-left: 0;
}

.alert-img-doc {
  width: 80%;
  height: 30vh;
}

.fixed-btn-up {
  cursor: pointer;
  z-index: 10;
  width: auto;
  position: fixed;
  bottom: 50px;
  right: 50px;
}

.animate-txt {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .3s;
  display: flex;
}

.faq-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: stretch stretch;
  width: 100%;
  margin-bottom: 5vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vh;
  display: flex;
}

.faq-question {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding: 15px 50px;
  transition: all .3s;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.faq-question:hover {
  transform: scale(.96);
}

.faq-answer-question {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  z-index: 1;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

.btn-close-open-faq {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.wrap-question {
  transition: all .2s;
  position: relative;
  top: 0;
}

.wrap-answer {
  overflow: hidden;
}

.bgc-faq-quesion {
  opacity: .5;
  background-image: linear-gradient(270deg, #cc3368, #6e1ecc);
  border: 1px solid #000;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.faq-question-txt {
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
}

.section-faq {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  z-index: 5;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30vh;
  display: flex;
  position: relative;
  top: 0;
}

.arrow-close-open {
  transform-origin: 50%;
  background-image: url('../images/up-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: static;
  transform: rotate(-180deg);
}

.tabs {
  flex-flow: column;
  width: 100%;
}

.wrap-start-faq {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 50vh;
  padding-bottom: 5vh;
  display: flex;
}

.section-start-faq {
  width: 100%;
  margin-bottom: 10vh;
}

.bgc-faq-question-2 {
  opacity: 0;
  background-color: #620080;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.number-faq {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  display: flex;
  position: absolute;
  right: 100%;
}

.tabs-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  overflow: visible;
}

.number-faq-txt {
  color: var(--white);
  font-size: 2vw;
  font-weight: 400;
  line-height: 120%;
}

.buttons-faq {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-pane-tab-1, .tab-pane-tab-2, .tab-pane-tab-3, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6 {
  width: 100%;
}

.wrapped-faq {
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  position: relative;
}

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

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

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.wrapper-roadmap {
  height: 100vh;
  margin-top: -8vh;
  overflow: hidden;
}

.container-roadmap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.phase-roadmap {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.phase-roadmap.phase-roadmap-start {
  justify-content: center;
  align-items: center;
  padding-left: 5vw;
}

.animated-item-roadmap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vh;
  padding: 30px;
  display: flex;
  position: relative;
}

.color-green {
  color: var(--green);
}

.progress-bar-container {
  z-index: 5;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
}

.progress-bar {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  transform: translate(-100%);
}

.roadmap-item-txt {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.head-roadmap-text {
  color: var(--green);
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.small-roadmap-txt {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.img-alert {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.img-alert.small-alert {
  padding-right: 50px;
}

.img-alert.img-website {
  padding-left: 0%;
  padding-right: 0%;
}

.img-roadmap {
  opacity: 1;
  border-radius: 20px;
  overflow: clip;
}

.bgc-animated-item-roadmap {
  -webkit-backdrop-filter: blur(10px) brightness(130%);
  backdrop-filter: blur(10px) brightness(130%);
  z-index: -1;
  border: 2px solid #bad80a80;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
}

.dex-alert-team {
  color: var(--green);
  text-align: right;
  width: 100%;
  font-family: Pacifico, Arial, sans-serif;
  font-size: 20px;
  line-height: 120%;
}

.empty-section-roadmap {
  width: 30vw;
}

.menu-mobile {
  display: none;
}

.image-3, .image-4 {
  opacity: .3;
}

@media screen and (min-width: 1280px) {
  .section-what-is {
    padding-left: 10%;
    padding-right: 10%;
  }

  .medium-head-txt {
    font-size: 1.6vw;
  }

  .grid-chart-trading {
    grid-template-columns: 3vw auto 1fr 10vw;
  }

  .icon-chart {
    width: 3vw;
    height: 3vw;
  }

  .txt-chart {
    font-size: 2.5vw;
  }

  .chart-animation-show {
    height: 3vw;
  }

  .chart-size-text {
    font-size: 2vw;
  }

  .info-what-is {
    width: 45%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .animation-alert {
    width: 40%;
  }

  .color-container-dexalert {
    height: 70vh;
  }

  .alert-telegram-animation {
    width: 100%;
  }

  .section-doc {
    margin-bottom: 25vh;
  }

  .token-trending-img {
    max-width: 400px;
  }

  .legend-doc {
    width: 70%;
  }

  .documentation-txt {
    padding-top: 5px;
    font-size: 1.6vw;
  }

  .tabs-menu {
    flex-flow: wrap;
  }

  .faq-question-txt {
    font-size: 2.5vw;
  }

  .container-roadmap {
    overflow: hidden;
  }

  .animated-item-roadmap {
    width: 30vw;
    max-width: 500px;
  }

  .img-alert {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media screen and (min-width: 1440px) {
  .alert-animation-shadow {
    background-image: linear-gradient(180deg, #080808 40%, #02020200 77%, #0000 89%, #080808 98%), radial-gradient(circle farthest-corner at 50% 50%, transparent 59%, var(--black));
  }

  .brix---grid-footer-v1 {
    grid-column-gap: 91px;
    grid-template-columns: minmax(340px, 1fr) auto auto auto auto;
  }

  .grid-footer-2-cols---form---icon {
    grid-column-gap: 150px;
    grid-template-columns: 1.48fr 1.4fr;
  }

  .animated-item-roadmap {
    width: 50vh;
    max-width: none;
  }

  .img-alert {
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media screen and (max-width: 991px) {
  .section-home {
    height: 100vh;
  }

  .home-header {
    height: 50vh;
    padding-bottom: 10vh;
  }

  .home-alert-animation {
    height: 50vh;
    top: -10vh;
  }

  .alert-animation {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 150vw;
    top: -30vw;
    transform: rotateX(50deg)rotateY(0)rotate(0)translateY(-25vh);
  }

  .alert-home-animation.alert-home-tablet {
    display: none;
  }

  .alert-home-1 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 40px;
  }

  .alert-animation-shadow {
    background-image: linear-gradient(180deg, var(--black) 18%, #08080800 68%, var(--black) 96%), radial-gradient(circle farthest-corner at 50% 50%, transparent 28%, var(--black));
    width: 100vw;
    height: 100%;
    bottom: 0;
  }

  .section-what-is {
    padding-left: 5%;
    padding-right: 5%;
  }

  .alert-home-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 40px;
  }

  .big-head-txt {
    font-size: 8vw;
  }

  .medium-head-txt {
    font-size: 2.4vw;
  }

  .medium-head-txt.font-menu-txt {
    font-size: clamp(16px, 1vw, 18px);
  }

  .button-navigation {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-navigation.logo-socials {
    width: 15px;
    height: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-dexalert-navigation {
    width: 50px;
    margin-right: 20px;
  }

  .wrap-navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buttons-start {
    flex-flow: wrap;
  }

  .button-start {
    padding: 12px 15px;
  }

  .button-txt {
    font-size: 16px;
    line-height: 20px;
  }

  .grid-chart-trading {
    grid-column-gap: 10px;
    grid-template-columns: 3vw auto 1fr 12vw;
  }

  .icon-chart {
    width: 5vw;
    height: 5vw;
  }

  .txt-chart {
    font-size: 3vw;
  }

  .chart-animation-show {
    height: 5vw;
  }

  .chart-size-text {
    font-size: 2.5vw;
  }

  .icon-boost {
    height: 3vw;
  }

  .heading-name {
    width: 10%;
  }

  .heading-name.border-gold {
    background-image: linear-gradient(180deg, transparent, var(--black) 12%);
  }

  .big-head-name-txt {
    font-size: 7.5vw;
  }

  .react-cointainer, .predict-container {
    top: 10vh;
  }

  .info-what-is {
    background-image: linear-gradient(180deg, transparent, var(--black) 12%);
    justify-content: flex-start;
    align-items: center;
    padding-top: 20vh;
    padding-left: 5%;
    padding-right: 5%;
  }

  .animation-alert {
    width: 40%;
  }

  .color-container-dexalert {
    height: 60vh;
  }

  .txt-dexalert {
    font-size: 3vw;
  }

  .alert-telegram-animation {
    width: 100%;
    height: 60%;
  }

  .section-join {
    height: 70vh;
  }

  .profit-container {
    top: 10vh;
  }

  .brix---grid-footer-v1 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .brix---footer-top {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .brix---footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .grid-footer-2-cols---form---icon {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .footer-col-title {
    margin-bottom: 24px;
  }

  .brix---social-media-grid-left {
    grid-column-gap: 10px;
  }

  .brix---btn-primary-inside-input {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container-alerts {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .section-doc {
    margin-bottom: 10vh;
  }

  .btn-logo.btn-logo-telegram {
    width: 20px;
    height: 20px;
  }

  .wrap-documetation-txt.flex-right {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrap-img-txt {
    grid-template-columns: 1fr 43%;
    align-items: stretch;
  }

  .token-trending-img {
    max-width: 100%;
    height: auto;
    min-height: 300px;
  }

  .medium-txt {
    font-size: 5vw;
  }

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

  .legend-doc {
    width: 90%;
  }

  .documentation-txt {
    font-size: 2.5vw;
  }

  .wrap-alert-img {
    margin-bottom: 10vh;
    top: 20%;
  }

  .wrap-into-small-doc.margin-top {
    width: 100%;
  }

  .alert-img-doc {
    height: 100%;
  }

  .tabs-menu {
    flex-flow: wrap;
  }

  .faq-question-txt {
    font-size: 3.5vw;
  }

  .number-faq {
    justify-content: center;
    align-items: center;
    padding-right: 10px;
  }

  .number-faq-txt {
    font-size: 3vw;
  }

  .wrapped-faq {
    padding-left: 6%;
    padding-right: 6%;
  }

  .head-roadmap-text {
    font-size: 2.4vw;
  }

  .small-roadmap-txt {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 767px) {
  .home-header {
    height: 60vh;
    padding-left: 5%;
    padding-right: 5%;
  }

  .alert-animation {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
    width: 150vw;
    top: -30vw;
    transform: rotateX(60deg)rotateY(0)rotate(0)translateY(-25vh);
  }

  .alert-home-animation.display-mobile {
    display: none;
  }

  .alert-animation-shadow {
    background-image: linear-gradient(#080808 36%, #02020200 87%, #0000 89%, #080808 98%);
  }

  .big-head-txt {
    font-size: 7.3vw;
  }

  .medium-head-txt {
    text-align: left;
    font-size: 3.7vw;
  }

  .medium-head-txt.center-txt {
    text-align: center;
    font-size: 3.7vw;
  }

  .header-bottom {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .wrap-navigation, .button-start.color-gray.mobile-none {
    display: none;
  }

  .button-start.color-black {
    border: 2px solid var(--white);
    background-image: linear-gradient(90deg, var(--black), var(--black));
  }

  .button-start.color-black.none-social {
    opacity: .3;
    border-color: #333;
  }

  .grid-chart-trading {
    grid-template-columns: auto 1fr 13vw;
  }

  .number-chart {
    display: none;
  }

  .name-token-chart {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .info-small-txt {
    font-size: 10px;
  }

  .heading-name {
    background-image: linear-gradient(180deg, transparent, var(--black) 10%);
  }

  .react-cointainer, .predict-container {
    top: 10vh;
  }

  .info-what-is {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 70vw;
    padding-top: 20vh;
  }

  .animation-alert {
    opacity: .5;
    flex: none;
    width: 60vw;
    padding-top: 5vh;
    padding-bottom: 10vh;
  }

  .color-container-dexalert {
    height: 100%;
    padding-top: 5vh;
    padding-bottom: 10vh;
  }

  .wrap-txt-alert.mobile-none {
    display: none;
  }

  .alert-telegram-animation {
    width: 100%;
    height: 100%;
  }

  .alert-img-animation {
    height: auto;
  }

  .section-join {
    padding: 5%;
  }

  .profit-container {
    top: 10vh;
  }

  .heading-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .brix---footer-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .brix---grid-footer-v1 {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    grid-template-columns: 1fr 1fr;
  }

  .brix---footer-logo-wrapper {
    width: 239px;
  }

  .brix---footer-list-item {
    margin-bottom: 10px;
  }

  .brix---footer-top {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-col-title {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
  }

  .brix---text-200-bold {
    font-size: 16px;
    line-height: 18px;
  }

  .big-icon-left {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---text-300-bold {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---social-media-grid-left {
    grid-column-gap: 20px;
    justify-content: start;
    justify-items: start;
  }

  .brix---input-large-button-inside {
    min-height: 68px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brix---btn-primary-inside-input {
    padding: 12px 32px;
  }

  .container-alerts {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .container-alerts.flex-margin {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: none;
  }

  .wrapper-doc {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-doc {
    margin-bottom: 0;
  }

  .btn-logo.btn-logo-telegram.btn-logo-x {
    background-image: url('../images/Social-Icons-X.svg');
  }

  .btn-logo.btn-logo-telegram.btn-logo-instagram {
    background-image: url('../images/Social-Icons-Instagram.svg');
  }

  .btn-logo.btn-logo-telegram.btn-logo-likedin {
    background-image: url('../images/icon-likedin.svg');
  }

  .documentation-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .documentation-container.roadmap-document {
    width: 90vw;
    margin-left: 5vw;
  }

  .section-introduction {
    margin-bottom: 10vh;
  }

  .wrap-img-txt {
    grid-template-columns: 1fr;
    place-items: stretch start;
  }

  .medium-txt {
    font-size: 7vw;
  }

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

  .legend-doc {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .documentation-txt {
    padding-top: 15px;
    font-size: 3.2vw;
  }

  .wrap-alert-img {
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-bottom: 0;
  }

  .wrap-into-small-doc {
    padding-left: 30px;
  }

  .faq-question {
    padding: 20px;
  }

  .faq-question:hover {
    transform: none;
  }

  .faq-answer-question {
    padding-right: 0%;
  }

  .btn-close-open-faq {
    width: 30px;
    height: 30px;
    padding: 0;
  }

  .faq-question-txt {
    font-size: 4vw;
  }

  .faq-question-txt.center-txt {
    text-align: center;
  }

  .phase-roadmap {
    padding-left: 0;
  }

  .phase-roadmap.phase-roadmap-start {
    width: 100vw;
    padding-left: 5%;
    padding-right: 5%;
  }

  .animated-item-roadmap {
    width: 45vh;
  }

  .head-roadmap-text {
    font-size: 4vw;
  }

  .small-roadmap-txt {
    font-size: 3vw;
  }

  .menu-mobile {
    z-index: 10;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 70px;
    padding-top: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .mobile-menu-bgc {
    background-image: url('../images/DexAlert.fun.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 40%;
    width: 100%;
    position: absolute;
    inset: 0%;
  }

  .mobile-menu-hamburger {
    width: 150px;
    height: 70px;
    position: relative;
    top: 0;
    right: 0;
  }

  .code-embed {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    padding: 10px 20px 10px 50px;
    display: flex;
  }

  .mobile-menu-stroke {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 70px;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .menu-mobile-all {
    background-color: #080808e6;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100svw;
    height: 100vh;
    padding-left: 2%;
    padding-right: 2%;
    display: none;
    position: absolute;
    top: 0;
    overflow-x: hidden;
  }

  .buttons-menu-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    place-content: flex-start center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .button-menu {
    background-image: linear-gradient(90deg, var(--pink), var(--violet));
    border-radius: 10px;
    padding: 10px 30px;
    text-decoration: none;
    display: flex;
  }

  .button-menu-mobile {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .name-menu-mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10%;
    margin-bottom: 5%;
    display: flex;
  }

  .name-menu-mobile.margin-up {
    margin-top: 20%;
  }

  .wrap-menu-mobile {
    width: 100%;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 479px) {
  .section-home {
    height: 100vh;
    padding-left: 0%;
    padding-right: 0%;
  }

  .home-header {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-end;
    align-items: center;
    height: 65vh;
    padding-bottom: 10vh;
    padding-left: 5%;
    padding-right: 5%;
  }

  .home-alert-animation {
    width: 100%;
    height: 70vh;
    position: absolute;
    inset: auto 0 0;
  }

  .alert-animation {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    width: 160vw;
  }

  .alert-home-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 20px;
  }

  .alert-animation-shadow {
    background-image: linear-gradient(180deg, var(--black) 44%, #08080800 80%, #080808 89%), radial-gradient(circle farthest-corner at 50% 50%, transparent 59%, var(--black));
    height: 100%;
  }

  .alert-home-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 20px;
  }

  .grid-header-alert {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: stretch;
    place-items: center stretch;
  }

  .grid-header-left {
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .grid-header-right {
    width: 100%;
  }

  .big-head-txt {
    font-size: 14vw;
  }

  .medium-head-txt {
    font-size: 5vw;
  }

  .medium-head-txt.center-txt {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    font-size: 5vw;
  }

  .wrap-navigation {
    width: 100vw;
    display: none;
    overflow: hidden;
  }

  .button-txt {
    font-size: 15px;
  }

  .grid-chart-trading {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    justify-content: flex-start;
    place-items: center stretch;
    display: flex;
  }

  .icon-chart {
    display: none;
  }

  .name-token-chart {
    width: 100%;
  }

  .chart-animation-show {
    height: 10vw;
  }

  .chart-size-text {
    font-size: 4vw;
  }

  .icon-boost {
    height: 5vw;
  }

  .container-chart-trading {
    grid-row-gap: 20px;
  }

  .section-predict-react-profit {
    padding-left: 0%;
    padding-right: 0%;
    top: 0;
  }

  .info-small-txt.margin-bottom {
    font-size: 14px;
  }

  .heading-name {
    border-left: 3px solid var(--pink);
    width: 9vw;
  }

  .heading-name.border-violet {
    border-left-color: var(--violet);
  }

  .heading-name.border-gold {
    border-left-color: var(--gold);
  }

  .big-head-name-txt {
    font-size: 8vw;
    transform: translate(0, 50%)rotate(90deg);
  }

  .big-head-name-txt.color-pink {
    transform: translate(0, 50%)rotate(90deg);
  }

  .react-cointainer, .predict-container {
    border-left-style: none;
  }

  .info-what-is {
    background-image: linear-gradient(180deg, transparent, var(--black) 10%);
    justify-content: flex-start;
    align-items: center;
    width: 60vw;
    padding-top: 15vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .animation-alert {
    opacity: .2;
    width: 31vw;
  }

  .alert-telegram-animation {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .alert-img-animation {
    width: auto;
    max-width: none;
    height: 150%;
  }

  .profit-container {
    border-left-style: none;
  }

  .big-boost {
    width: 14vw;
    height: 14vw;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-24px {
    margin-bottom: 16px;
  }

  .footer-dex-alert {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---grid-footer-v1 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---footer-logo {
    width: 100%;
    max-width: 240px;
  }

  .brix---footer-list-item {
    margin-bottom: 8px;
  }

  .dex-footer-link {
    font-size: 16px;
    line-height: 19px;
  }

  .brix---footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .brix---icon-list {
    width: 24px;
    margin-right: 8px;
  }

  .brix---paragraph-default {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---icon-square-36px {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .footer-col-title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---icon-success-message-left {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .brix---text-200-bold {
    font-size: 15px;
    line-height: 16px;
  }

  .big-icon-left {
    border-radius: 14px;
    max-width: 56px;
    margin-right: 0;
  }

  .brix---text-300-bold {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---social-media-grid-left {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---footer-top-cta {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---footer-cta-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .brix---input-large-button-inside {
    min-height: 64px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---input-large-button-inside::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .brix---btn-primary-inside-input {
    background-color: var(--elements-webflow-library--neutral--100\<deleted\|variable-07926372\>);
    color: var(--elements-webflow-library--accent--primary-1\<deleted\|variable-86b36df2\>);
    width: 100%;
    margin-top: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: static;
  }

  .brix---flex-horizontal---vertical-mbp {
    flex-direction: column;
  }

  .container-alerts {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .container-alerts.flex-margin {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .square-alerts {
    width: 10px;
  }

  .square-alerts.boost-alerts-40 {
    width: 20px;
  }

  .section-doc {
    height: 70vh;
    padding-bottom: 10vh;
  }

  .btn-logo.btn-logo-telegram {
    margin-left: 5px;
  }

  .btn-logo.btn-logo-telegram.btn-logo-discord {
    background-image: url('../images/Social-Icons-Discord.svg');
  }

  .btn-logo.btn-logo-telegram.btn-logo-facebook {
    background-image: url('../images/facebook-icon.svg');
  }

  .btn-logo.btn-logo-arrow-up {
    width: 20px;
    height: 20px;
  }

  .section-introduction {
    padding-top: 5vh;
  }

  .doc-head-wrao {
    margin-bottom: 40px;
  }

  .wrap-documetation-txt.flex-right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .wrap-img-txt {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
  }

  .token-trending-img {
    min-height: 200px;
  }

  .medium-txt {
    font-size: 8vw;
  }

  .alert-wrap {
    width: 100%;
  }

  .legend-doc {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .documentation-txt {
    padding-top: 5px;
    font-size: 4vw;
  }

  .wrap-alert-img {
    width: 100%;
    margin-bottom: 5vh;
    position: static;
  }

  .alert-img-doc.mobile-none {
    width: 100%;
    height: 200px;
    display: block;
  }

  .fixed-btn-up {
    bottom: 20px;
    right: 20px;
  }

  .faq-question-txt {
    font-size: 5vw;
  }

  .section-start-faq {
    justify-content: center;
    align-items: flex-end;
    height: 70vh;
    padding-bottom: 10vh;
    display: flex;
  }

  .number-faq {
    padding-right: 5px;
  }

  .number-faq-txt {
    font-size: 4vw;
  }

  .wrapped-faq {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-roadmap {
    overflow: hidden;
  }

  .phase-roadmap.phase-roadmap-start {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .animated-item-roadmap {
    width: 80vw;
  }

  .head-roadmap-text {
    font-size: 5vw;
  }

  .small-roadmap-txt {
    font-size: 4vw;
  }

  .wrap-website {
    width: 100vw;
    height: auto;
    position: static;
  }

  .menu-mobile-all {
    background-color: #080808f2;
    display: none;
  }

  .button-menu {
    border-radius: 10px;
  }

  .name-menu-mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .name-menu-mobile.margin-up {
    margin-top: 25%;
  }
}

#w-node-_8d88220e-fdd6-83b3-4d04-e35a04473943-b1d4efbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-fca03d11-7290-44f3-108e-0beb0c78bfdc-b1d4efbf {
  justify-self: start;
}

#w-node-a53a8f24-19fa-0302-2588-95bcda00eb8c-b1d4efbf, #w-node-_0660b267-fe3a-8165-c70a-5aa9abf20021-b1d4efbf, #w-node-_69e317b6-70bc-4c37-b941-4d27139124da-b1d4efbf, #w-node-_68ff2ed7-544e-64f0-7e55-eaae14f796fb-b1d4efbf, #w-node-b99fe11b-53ad-34cd-e9ae-7c955271f2f5-b1d4efbf {
  place-self: center;
}

#w-node-_1dc7263f-89a3-36bf-af8e-6adc027d6f59-2d3d1c78 {
  place-self: start center;
}

#w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a988-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a994-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9a0-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9ac-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9b8-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9c4-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9d0-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9dc-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9e8-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5a9f4-0904bdaf, #w-node-_3f9ebd45-fbc4-9703-c6a9-a2cceaf5aa00-0904bdaf, #w-node-_0725c506-37a0-00df-139e-3d732a27de33-0904bdaf, #w-node-_0725c506-37a0-00df-139e-3d732a27de42-0904bdaf, #w-node-_0725c506-37a0-00df-139e-3d732a27de51-0904bdaf, #w-node-_0725c506-37a0-00df-139e-3d732a27de60-0904bdaf, #w-node-_0725c506-37a0-00df-139e-3d732a27de6f-0904bdaf, #w-node-_0725c506-37a0-00df-139e-3d732a27de7e-0904bdaf, #w-node-_559ea279-97ac-452a-1a18-65d4d878754b-0904bdaf, #w-node-_0c36c808-5a6e-bd3f-a09d-2acbdfc0e4a0-0904bdaf, #w-node-_705a5c44-062c-2a6c-4b0e-d0f857a2eee6-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c530e-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c531d-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c532c-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c533b-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c534a-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c5359-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c5368-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c5377-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c5386-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c5395-0904bdaf, #w-node-c1899eab-1204-b854-4bd6-a6ff8e3c53a4-0904bdaf, #w-node-_3f7ce26c-7031-0543-b148-d8dee1e13bda-0904bdaf {
  place-self: center;
}

#w-node-f9d9d82a-154f-1eb8-d233-b749c196ce9a-0904bdaf {
  place-self: center start;
}

#w-node-f9d9d82a-154f-1eb8-d233-b749c196cea9-0904bdaf, #w-node-f9d9d82a-154f-1eb8-d233-b749c196ceb8-0904bdaf, #w-node-f9d9d82a-154f-1eb8-d233-b749c196cec7-0904bdaf, #w-node-bf712401-db98-8b2b-5d42-5a1d6663050b-0904bdaf, #w-node-bf712401-db98-8b2b-5d42-5a1d6663051a-0904bdaf, #w-node-bf712401-db98-8b2b-5d42-5a1d66630529-0904bdaf, #w-node-bf712401-db98-8b2b-5d42-5a1d66630538-0904bdaf, #w-node-bf712401-db98-8b2b-5d42-5a1d66630547-0904bdaf, #w-node-bf712401-db98-8b2b-5d42-5a1d66630556-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab03482b8-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab03482c7-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab0348231-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab0348240-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab034824f-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab034825e-0904bdaf, #w-node-_6f30f2b3-8488-4860-ac96-350ab034826d-0904bdaf {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-bd821373-72fb-d179-d174-9e84d9cd069b-d9cd0676 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bd821373-72fb-d179-d174-9e84d9cd069b-d9cd0676 {
    grid-column: span 2 / span 2;
  }

  #w-node-_1dc7263f-89a3-36bf-af8e-6adc027d6f59-2d3d1c78 {
    order: 0;
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d701f27c-a5f1-70f6-2b97-5bff6b2063f1-2d3d1c78 {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-_968f4055-22e6-3a29-9c78-125084f3b7e2-2d3d1c78, #w-node-fb3a99d8-6a53-9e33-fccf-b8895c6487f1-2d3d1c78 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8d88220e-fdd6-83b3-4d04-e35a04473943-b1d4efbf {
    grid-column: span 2 / span 2;
    justify-self: auto;
  }

  #w-node-fca03d11-7290-44f3-108e-0beb0c78bfdc-b1d4efbf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ecfb4ed1-a545-7dd8-aac9-2c60f7f87a97-2d3d1c78 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_1dc7263f-89a3-36bf-af8e-6adc027d6f59-2d3d1c78 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1a5cc3fc-c5cb-ad66-0e14-8f723d924a11-2d3d1c78 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d701f27c-a5f1-70f6-2b97-5bff6b2063f1-2d3d1c78, #w-node-_968f4055-22e6-3a29-9c78-125084f3b7e2-2d3d1c78, #w-node-fb3a99d8-6a53-9e33-fccf-b8895c6487f1-2d3d1c78 {
    grid-area: 1 / 1 / 2 / 2;
  }
}


@font-face {
  font-family: 'SF';
  src: url('../fonts/SFPRODISPLAYBOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF';
  src: url('../fonts/SFPRODISPLAYMEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF';
  src: url('../fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF';
  src: url('../fonts/SFPRODISPLAYTHINITALIC.OTF') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pacifico';
  src: url('../fonts/Pacifico-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}