:root {
  --color-background: #000000;
  --color-text: #fff;
  --color-header-bg: #131315;
  --color-section-bg: #272830;
  --color-title-highlight: #4DFBB6;
  --color-gradient-start: #ABFFDE;
  --color-gradient-end: #89E0BE;
  --color-footer-bg: #1FDEAC;
  --color-footer-border: #1DBA91;
}

.how-title::after,
body {
  background-color: var(--color-background);
  color: var(--color-text);
}

.header-container {
  background-color: var(--color-header-bg);
}

h1,
.header-container ul a {
  color: var(--color-text);
}

.faq-item,
.business-container,
.how-title::before,
.how-body,
.how-header .how-white {
  background-color: var(--color-section-bg);
}

.header-container ul.active {
  background-color: #202020;
}

.how-section .title div {
  background-color: transparent;
}

.download .box {
  background: linear-gradient(90deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
}

footer {
  background: var(--color-section-bg);
}

.bussines-item {
  background-color: transparent;
  border: 1px solid var(--color-footer-bg)
}

.slider {
  border: 1px solid var(--color-text);;
}

.slider::before {
  background-color: var(--color-text);;
}

.business-container>a {
  box-shadow: 0px 0px 12px 0px var(--color-title-highlight);
  background: linear-gradient(123.69deg, var(--color-title-highlight) -2.33%, #2E956C 152.35%);
}

.footer-container>.info a {
  color: #ACACAC;
}

.footer-container>.info h4 {
  color: var(--color-footer-bg)
}

.footer-container>a {
  color: var(--color-text);
}

.download .box p,
.download .box h4 {
  color: var(--color-background);
}

.icon-mobile {
  display: none;
}

.apple path,
.google path {
  fill: var(--color-text);
}


.faq-item.active {
  border: 1px solid var(--color-footer-bg);
}

@media (max-width: 992px) {
  .header-container {
    border: 0px;
  }

  .swipe svg path {
    fill: var(--color-text);
    cursor: pointer;
  }

  .download {
    background: linear-gradient(90deg, #ABFFDE 0%, #89E0BE 100%);
  }

  .bussines-item {
    background-color: #202020;
    border: 0;
  }

  .business-container {
    background-color: transparent;
  }

  .faq-item {
    border-top: 1px solid var(--color-footer-bg);
  }

  .icon-mobile-dark {
    display: block;
  }

  .faq-item,
  .how-body {
    background-color: transparent;
  }

  .faq-item.active {
    border-left: 0;
    border-right: 0;
  }
}