/* header-dark */
@-webkit-keyframes link-orange {
  from {
    color: var(--black);
  }
  to {
    color: var(--orange);
  }
}

@keyframes link-orange {
  from {
    color: var(--black);
  }
  to {
    color: var(--orange);
  }
}

@-webkit-keyframes link-white {
  from {
    color: var(--orange);
  }
  to {
    color: var(--black);
  }
}

@keyframes link-white {
  from {
    color: var(--orange);
  }
  to {
    color: var(--black);
  }
}

header {
  background: var(--white);
}

.menu {
  color: var(--black);
}

.menu a {
  color: var(--black);
  cursor: pointer;
}

.menu-mobile.active,
header .active,
header .accordion:hover {
  background-color: var(--black) !important;
}

.dropdown-content a,
.pricing a,
.login a,
.login-mobile a {
  color: var(--black);
}

.menu a:hover,
.login a:hover {
  text-decoration: none !important;
}

.try-for-free:hover,
.try-for-free-mobile:hover {
  color: var(--white) !important;
  text-decoration: none !important;
}

.hamburger span {
  background-color: var(--black);
}

.hamburger.active span {
  background-color: var(--white);
}

.menu-mobile,
.menu-mobile.hidden {
  background-color: var(--black);
}

.login-mobile a {
  color: var(--white);
}

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

.dropdown-content-mobile a {
  color: var(--white);
}

/* presentation-white */
.presentation-white {
  margin-top: 104px;
  position: relative;
  overflow: hidden;
}

.presentation-white.legal {
  overflow: initial;
}

.presentation-white .bubbles-left,
.presentation-white .bubbles-right {
  position: absolute;
  z-index: 0;
}

.presentation-white .bubbles-left {
  top: 149px;
  left: 0;
}

.presentation-white .bubbles-right {
  top: 188px;
  right: 0;
}

@media screen and (max-width: 1024px) {
  .presentation-white .bubbles-left,
  .presentation-white .bubbles-right {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .presentation-white {
    height: auto;
  }
}