/* header-dark */
@-webkit-keyframes link-orange {
  from {
    color: #FFFFFF;
  }
  to {
    color: #FF7226;
  }
}

@keyframes link-orange {
  from {
    color: #FFFFFF;
  }
  to {
    color: #FF7226;
  }
} 

@-webkit-keyframes link-white {
  from {
    color: #FF7226;
  }
  to {
    color: #FFFFFF;
  }
}

@keyframes link-white {
  from {
    color: #FF7226;
  }
  to {
    color: #FFFFFF;
  }
}

/*--login-button--*/
.blue-h .login {
  margin-right: 24px;
  transition: box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0,0.2,1);
}
.blue-h .login:hover {
  box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149);
  transform: scale(1.01);
  color: white;
}
.blue-h .login a {
  padding: 14px 24px;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
}

header {
  /* background: var(--white); */
  background: transparent;
}

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

.menu a {
  color: #FFFFFF;
  cursor: pointer;
}

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

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

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

.try-for-free {
  color: var(--white) !important;
  background-color: #FF7226 !important;
  border: 2px solid #FF7226 !important;
  height: 50px;
}

.try-for-free-mobile:hover {
  color: var(--black) !important;
  text-decoration: none !important;
  opacity: 0.75;
}
.try-for-free:hover {
  color: var(--white) !important;
  text-decoration: none !important;
  background-color: #ff7226e6 !important;
  border-color: #ff7226e6 !important;
}
.try-for-free:hover img {
  filter: inherit;
}
.try-for-free img {
  filter: brightness(0) invert(1);;
}
#anchor-compare:hover {
  color: #FF7226 !important;
}
.arrow.home-header {
  filter: brightness(0) invert(1);
}

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

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

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

.login-mobile a {
  color: var(--white);
}
.header-background {
  background-size: cover;
  background-image: url('/static/v3/assets/images/new_pages/gradient-background.svg');
}

.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;
  }
}
