@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif;
}

.flex {
  display: flex;
}

body {
  background-color: #222222;
}

header {
  background-color: #222222;
}
header .header-item-link {
  font-weight: 400;
  color: #d8d8d8;
}
header .header-item .active {
  color: #fff;
  font-weight: 500;
}
@-webkit-keyframes bounce {
  0% { transform: perspective(800px) rotateY(-25deg) scale(0.9) rotateX(10deg) translateY(0); }
  100% { transform: perspective(800px) rotateY(-25deg) scale(0.9) rotateX(10deg) translateY(-10px); }
}
@keyframes bounce {
  0% { transform: perspective(800px) rotateY(-25deg) scale(0.9) rotateX(10deg) translateY(0); }
  100% { transform: perspective(800px) rotateY(-25deg) scale(0.9) rotateX(10deg) translateY(-10px); }
}

.text-light {
  color: #d8d8d8;
}

main .heading {
  height: 20vh;
}

.action-button {
  background: linear-gradient(90deg, #4ed6f6, #7ff4df);
  transition: 1s ease-in-out;
}
.action-button:hover {
  background: linear-gradient(90deg, #53b6cd, #7c9fc4);
}

.secondary-button {
  border: 2px solid #fff;
}

.copyright p {
  border-top: 1px solid rgba(44, 44, 44, 0.1);
}

.main-photo-transparency {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0), rgb(34, 34, 34));
}

.feature,
.pricing-box,
.bg-gradik {
  transition: 0.4s all ease-in-out;
  background: linear-gradient(90deg, rgba(78, 214, 246, 0.5), rgba(127, 244, 223, 0.5));
}

.pricing-box:hover {
  background: linear-gradient(90deg, rgba(65, 181, 208, 0.5), rgba(114, 207, 223, 0.5));
}

.bg-sec {
  background-color: #242424;
}

.faq-box {
  background-color: rgba(54, 54, 54, 0.8);
}

.mobile-menu {
  background-color: #222222;
}/*# sourceMappingURL=main.css.map */