* {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
}

/* html,
body {
  height: 100%;
} */
/*
.hero {
  width: 100%;
  min-height: 120vh;
  background: linear-gradient(45deg, #5600CD, #7226a2);
  padding-left: 8%;
  padding-right: 8%;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
nav {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.ncb {
  font-size: 3em;
  margin-right: 20px;
} */
.logo {
  animation: move 5s linear infinite;
  width: 30px;
}

@keyframes move {
  0% {
    transform: translate(-15px, 0px);
  }
  25% {
    transform: translate(0px, -15px);
  }
  50% {
    transform: translate(15px, 0px);
  }
  75% {
    transform: translate(0px, 15px);
  }
  100% {
    transform: translate(-15px, 0px);
  }
}
/*
nav ul {
  flex: 1;
  text-align: right;
}
nav ul li {
  display: inline-block;
  list-style: none;
  margin: 0 15px;
}
a {
  text-decoration: none;
  color: #fff;
}
.btn {
  border: 2px solid #fff;
  padding: 6px 25px;
  border-radius: 30px;
  margin-left: 30px;
}
nav .btn:hover {
  background: #fff;
  color: #4d19db;
  font-weight: 500;
  transition: 0.1s;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1%;
  justify-content: space-between;
}

.col-1 {
  flex-basis: 40%;
  min-width: 300px;
  position: relative;
}
.col-2 {
  flex-basis: 55%;
  min-width: 300px;
  margin-top: 230px;
}
.col-1 img {
  width: 65%;
  margin-left: 150px;
}
.col-2 h1 {
  font-size: 62px;
  font-weight: 600;
}
.col-2 input {
  height: 30px;
  width: 30%;
  font-size: 14px;
  font-weight: 500;
  padding: 2px 0px 2px 5px;
}
span {
  color: #6CFFF4;
}
.col-2 p {
  margin: 10px 0 30px;
  max-width: 580px;
  font-size: x-large;
}
.col-2 .btn {
  margin-left: 0;
  margin-right: 30px;
  background: #fff;
  color: #5600CD;
  font-weight: 500;
}
.col-2 .btn:hover {
  background: rgb(230, 234, 236);
  transition: 0.2s;
}
.elements {
  position: absolute;
  left: 0;
  top: 0;
} */


.triangle1 {
  position: absolute;
  left: 50%;
  top: -180px;
  transform: translate(-50%);
  width: 400px;
  z-index: -1;
  opacity: 0.7;
}
.triangle2 {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
  width: 400px;
  z-index: -1;
  opacity: 0.7;
}
.circle {
  position: absolute;
  right: -180px;
  bottom: -300px;
  width: 500px;
  z-index: -1;
  opacity: 0.5;
}

a.navbar-brand {
  font-size: 3em;
  color: white;
  font-weight: bolder;
}
.navbar-area.sticky a.navbar-brand {
  color: white;
}


.navbar-brand-wrap {
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mobile-screenshot {
  width: 64%;
  margin-top: 170px;
}

.mobile-screenshot2 {
  width: 50%;
}

.store-icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.store-icons a:not(:last-child) {
  margin-right: 20px;
}

.store-icons img {
  height: 50px;
}

@media only screen and (max-width: 768px) {
  .store-icons a {
    margin: 0;
  }
  .store-icons {
    justify-content: space-around;
  }
}