* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
}

.sub-font {
  font-family: "Roboto", sans-serif;
}

.landing {
  height: 100vh;
  background-color: #9de296;
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4rem 22rem 0 14rem;
}
.nav-container .nav-links {
  display: flex;
}
.nav-container li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.4rem;
  margin-right: 3rem;
}
.nav-container ul {
  list-style: none;
}
.nav-container .try-it-free {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.1764705882);
  border-radius: 87px;
}

.main-container {
  display: flex;
  justify-content: space-around;
  margin-top: 15rem;
  align-items: center;
}
.main-container h1 {
  font-size: 7.5rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 3rem;
}
.main-container p {
  font-size: 2.1rem;
  color: #fff;
  margin-bottom: 6rem;
}
.main-container .main-button {
  text-decoration: none;
  font-size: 1.6rem;
  color: #1fca74;
  padding: 1rem 3rem;
  background-color: #fff;
  border-radius: 40px;
  margin-right: 2rem;
}
.main-container .sub-button {
  text-decoration: none;
  font-size: 1.6rem;
  color: #fff;
  padding: 1rem 3rem;
  border-radius: 40px;
  border: 1px #5b6075 solid;
}

.app-showcase-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 12rem;
}
.app-showcase-container h2 {
  font-size: 4.5rem;
  color: #2b353e;
  margin-bottom: 3rem;
  margin-top: 11.5rem;
}
.app-showcase-container p {
  font-size: 1.8rem;
  color: #2b353e;
  margin-bottom: 5rem;
}
.app-showcase-container img {
  max-width: 101.6rem;
  margin: 0 auto;
}

.solution {
  background-color: rgba(120, 137, 152, 0.3490196078);
}

.solution-container {
  display: flex;
  justify-content: space-between;
  padding-top: 21.5rem;
  align-items: center;
  padding-bottom: 12.5rem;
}
.solution-container .solution-heading {
  margin-right: 13.5rem;
  padding-left: 2rem;
}
.solution-container h3 {
  font-size: 4.5rem;
  color: #2b353e;
  margin-bottom: 2rem;
}
.solution-container p {
  font-size: 2.1rem;
  color: rgba(43, 53, 62, 0.6901960784);
  margin-bottom: 2.5rem;
}
.solution-container .plans-button {
  font-size: 1.6rem;
  color: #2b353e;
  padding: 1rem 3rem;
  background-color: #fff;
  border-radius: 40px;
  text-decoration: none;
}
.solution-container .ratings-container {
  display: flex;
  align-items: flex-start;
  margin-top: 4rem;
}
.solution-container .ratings-container img {
  margin-right: 25px;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  margin-top: 6.5rem;
  margin-left: 14rem;
  margin-right: 23.6rem;
}
.footer-container .footer-section {
  display: flex;
  flex-direction: column;
}
.footer-container h4 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  font-weight: 400;
}
.footer-container .footer-section a {
  text-decoration: none;
  font-size: 1.3rem;
  color: rgba(43, 53, 62, 0.7254901961);
  margin-bottom: 1.2rem;
}
.footer-container img {
  max-width: 10.5rem;
}
.footer-container .copyright {
  margin-top: 23.7rem;
  margin-bottom: 3rem;
}/*# sourceMappingURL=style.css.map */