.reverse-img {
  filter: brightness(0) !important;
}

header.sticky.sticky-active [data-header-hover='light'] {
  background-color: var(--base-color) !important;
}

header.sticky.sticky-active [data-header-hover='light'] .navbar-nav .nav-link {
  color: white !important;
}

.navbar.bg-transparent {
  @media (max-width: 991px) {
    background-color: var(--base-color) !important;
  }
}

.sticky .header-transparent .header-button .btn {
  color: var(--base-color) !important;
  border: white !important;
}

.navbar-toggler-line {
  background: white !important;
}

.typewriter-container {
  display: inline-block;
  color: var(--base-color) !important;
}

.cursor {
  display: inline-block;
  animation: blink 0.7s steps(1) infinite;
  color: black;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.btn-indus {
  background-color: var(--base-color) !important;
  border-color: var(--base-color) !important;
  color: white !important;
  text-transform: none !important;
}

.btn-indus:hover {
  background-color: var(--base-color) !important;
  border-color: var(--base-color) !important;
}

.text-indus {
  color: var(--base-color) !important;
}

.ets-card .ets-card-body {
  background-color: var(--base-color) !important;
}

.ets-card .ets-card-body a {
  color: white !important;
}

.ets-card:hover .ets-card-body {
  background-color: white !important;
}

.ets-card:hover .ets-card-body a {
  color: var(--base-color) !important;
}

.bg-gradient-solitude-blue-transparent {
  /* generate linear gradient from transparetn to  base color. base color is #9d1d96*/
  background: linear-gradient(
    to top,
    var(--base-color),
    rgba(255, 255, 255, 0)
  ) !important;
}