.top-bar {
  z-index: 9999;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.navigation-bar {
  background-color: #15171f;
  border: 1px solid #21232a;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 20px 12px 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 8px #0000000a;
}

.vector {
  object-fit: cover;
}

.nav-links-main-nav-links {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link---desktop---dark {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.container-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nav-item {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.nav-item:hover {
  color: #fffc;
  font-weight: 500;
}

.buttonsbutton {
  grid-column-gap: 6px;
  background-color: #cbff20;
  border-radius: 96px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.buttonsbutton:hover {
  background-color: #98c321;
}

.text-padding {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text {
  color: #1c2239;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.text:hover {
  color: #1c2239cc;
  font-weight: 500;
}

.body {
  background-color: #0d0d0d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 96px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.section-container {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.section-header {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-title {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.section-description {
  color: #cfcfcf;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.benefits-container {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: 360px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.benefit-1 {
  grid-row-gap: 40px;
  background-color: #15171f;
  border: 1px solid #21232a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.version-a {
  background-image: linear-gradient(#a9baff 0%, #15171f 100%);
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon {
  background-color: #f3f5ff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.frame-style {
  object-fit: cover;
  overflow: hidden;
}

.border {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.title-copy {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.benefit-title {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.benefit-description {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.subsection-container {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subsection-header {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.subsection-title {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.subsection-description {
  color: #cfcfcf;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.feature-section {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.features-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.default {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 164px;
  text-decoration: none;
  display: flex;
}

.version-a-2 {
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-2 {
  background-color: #f4fbdd;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.border-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-description-container {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
}

.feature-title {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.feature-description {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.right-section {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.iphone-16-17-pro---1 {
  background-color: #d9d9d9;
  overflow: hidden;
}

.content-container-2 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 96px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.subsection-container-2 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subsection-header-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.subsection-title-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.subsection-description-2 {
  color: #cfcfcf;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.feature-section-2 {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.features-container-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.default-2 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon-container-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 164px;
  text-decoration: none;
  display: flex;
}

.version-a-3 {
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-3 {
  background-color: #f4fbdd;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.border-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-description-container-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
}

.feature-title-2 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.feature-description-2 {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.right-section-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.rectangle-34 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.feature-section-3 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.features-container-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 612px;
  text-decoration: none;
  display: flex;
}

.feature-title-3 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.section-title-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.testimonials-container {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.benefit-2 {
  background-color: #15171f;
  border: 1px solid #21232a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding: 32px;
  display: flex;
}

.container-3 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.stars-container {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.testimonial-quote {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.title-copy-2 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.testimonial-name {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.section-title-3 {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.collapsible-container {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.collapsible-item {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #15171f;
  border: 1px solid #21232a;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.collapsible-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.footer {
  background-color: #15171f;
  border: 0 solid #0d0d0d;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.container-4 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 40px 32px;
  text-decoration: none;
  display: flex;
}

.container-5 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-left-section {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.vector-2 {
  object-fit: cover;
  width: auto;
}

.footer-description {
  color: #cfcfcf;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.footer-mid-section {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.container-6 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-heading {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.nav {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-link {
  color: #cfcfcf;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.footer-link:hover {
  color: #cfcfcfcc;
  font-weight: 400;
}

.horizontalborder {
  border: 0 solid #849bfb;
  border-top-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  text-decoration: none;
  display: flex;
}

.main-content-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.container-7 {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.left-section {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.left-content-container {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-container {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-style {
  color: #d0daff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.subtitle {
  color: #fff;
  letter-spacing: -.9px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.description {
  color: #cfcfcf;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.button-container {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-2 {
  grid-column-gap: 6px;
  background-color: #a9baff;
  border-radius: 96px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.buttonsbutton-2:hover {
  background-color: #849bfb;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.text-padding-2 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #1c2239;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.text-2:hover {
  font-weight: 500;
}

.buttonsbutton-3 {
  grid-column-gap: 6px;
  border: 1px solid #ffffff4d;
  border-radius: 96px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.buttonsbutton-3:hover {
  background-color: #ffffff1a;
  font-weight: 600;
}

.text-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.text-3:hover {
  font-weight: 500;
}

.iphone-16-17-pro---2 {
  background-color: #d9d9d9;
  overflow: hidden;
}

.text-span {
  color: #cbff20;
}

.cta-container {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 96px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.cta-inner-container {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cta-wrapper {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.benefit-3 {
  grid-row-gap: 60px;
  background-color: #15171f;
  border: 1px solid #21232a;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 392px;
  padding: 60px;
  text-decoration: none;
  display: flex;
}

.title-copy-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.cta-title {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
  display: flex;
}

.cta-description {
  color: #cfcfcf;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.buttonsbutton-4 {
  grid-column-gap: 6px;
  background-color: #a9baff;
  border-radius: 96px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-3 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #1c2239;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.text-span-2 {
  color: #cbff20;
}

.container-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.default-3 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon-container-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 164px;
  text-decoration: none;
  display: flex;
}

.version-a-4 {
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-4 {
  background-color: #f4fbdd;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.border-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-description-container-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
}

.feature-title-4 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.feature-description-3 {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.icon-container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 68px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.version-a-5 {
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-5 {
  background-color: #f4fbdd;
  border: 3px solid #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.version-a-6 {
  background-image: linear-gradient(#d4f46b 0%, #98c321 100%);
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-6 {
  background-color: #f4fbdd;
  border: 3px solid #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.content-container-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 96px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.subsection-container-3 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subsection-header-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.subsection-title-3 {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.subsection-description-3 {
  color: #cfcfcf;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.feature-section-4 {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.features-container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.default-4 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.version-a-7 {
  background-image: linear-gradient(#d4f46b 0%, #98c321 100%);
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-7 {
  background-color: #f4fbdd;
  border: 3px solid #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.feature-description-container-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 60px;
  text-decoration: none;
  display: flex;
}

.feature-title-5 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.feature-description-4 {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.version-a-8 {
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-8 {
  background-color: #f4fbdd;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.border-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.right-section-3 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.rectangle-35 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 258px;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.content-container-4 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-top: 96px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.subsection-container-4 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.subsection-header-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.subsection-title-4 {
  color: #fff;
  text-align: center;
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
}

.subsection-description-4 {
  color: #cfcfcf;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.feature-section-5 {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.features-container-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.version-a-9 {
  background-image: linear-gradient(#d4f46b, #98c321);
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #5b7a121a;
}

.icon-9 {
  background-color: #f4fbdd;
  border: 3px solid #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #5b7a1226;
}

.feature-description-container-5 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.feature-title-6 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Ubuntu, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.feature-description-5 {
  color: #cfcfcf;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.right-section-4 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 560px;
  text-decoration: none;
  display: flex;
}

.rectangle-36 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 560px;
  text-decoration: none;
  display: block;
}

.buttonsbutton-copy {
  grid-column-gap: 6px;
  background-color: #cbff20;
  border-radius: 96px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.faq-4 {
  background-color: #17141200;
  border-radius: 8px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

.faq-icon-2 {
  color: #23272f;
  background-color: #a9baff33;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  display: flex;
}

.faq-tab {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.faq-title {
  z-index: 2;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  display: flex;
}

.icon-x-small-5 {
  color: #010918;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.faq-border-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #15171f;
  border: 1px solid #21232a;
  border-radius: 32px;
  flex-flow: column;
  width: 100%;
  max-width: 638px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
}

.faq-divider-2 {
  color: #f5f5f4;
  background-color: #21232a;
  width: 100%;
  height: .5px;
}

.faq-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paragraph-small-4 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-4.text-color-gray-600 {
  color: #e7e5e4;
  font-size: 16px;
  line-height: 150%;
}

.paragraph-regular-bg {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-bg.text-weight-bold {
  color: #f5f5f4;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.faq-content {
  background-color: #0000;
  margin-top: -4px;
  display: block;
  position: relative;
}

.bold-text {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.breadcrumb-button-base-2 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1618871544 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.code-embed-5 {
  display: flex;
}

.link-2 {
  color: #0c0a09;
  font-weight: 500;
}

.code-embed-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.breadcrumbs {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.frameworks-container-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frameworks-title-4 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.frameworks-description-5 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-38 {
  color: #a9baff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.frameworks-description-7 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1618871546 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.section-style-13 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.frameworks-container-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.link {
  color: #fff;
  font-weight: 500;
}

.terms-of-service-2 {
  grid-row-gap: 60px;
  background-color: #0d0d0d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-top: 96px;
  padding-bottom: 96px;
  text-decoration: none;
  display: flex;
}

.frameworks-title-3 {
  color: #cbff20;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.breadcrumbs-2 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.body-2 {
  background-color: #0d0d0d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-3 {
  color: #fff;
}

.link-3:hover {
  font-weight: 600;
}

.bold-text-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9 {
  font-weight: 500;
}

.rectangle-36-copy {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 560px;
  text-decoration: none;
  display: block;
}

.frameworks-description-7-copy {
  color: #9fafef;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-1618871546-copy {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

@media screen and (min-width: 1920px) {
  .terms-of-service-2 {
    max-width: none;
  }

  .body-2 {
    background-color: #0d0d0d;
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding: 1% 5%;
  }

  .nav-links-main-nav-links {
    display: none;
  }

  .content-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-container {
    padding: 10% 5%;
  }

  .section-title {
    text-align: center;
    font-size: 40px;
  }

  .benefits-container {
    grid-row-gap: 16px;
    flex-flow: column;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .benefit-1 {
    padding: 20px;
  }

  .content-container-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .subsection-container-2 {
    padding: 10% 5%;
  }

  .subsection-title-2 {
    font-size: 40px;
  }

  .feature-section-3 {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .features-container-3 {
    grid-row-gap: 16px;
    height: auto;
  }

  .section-title-2 {
    font-size: 40px;
  }

  .testimonials-container {
    grid-row-gap: 16px;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .benefit-2 {
    height: auto;
  }

  .footer {
    padding: 10% 5%;
  }

  .container-4 {
    padding: 0;
  }

  .container-5 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-left-section {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-mid-section {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-3 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .nav {
    justify-content: flex-start;
    align-items: center;
  }

  .main-content-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-7 {
    grid-row-gap: 60px;
    flex-flow: column;
    max-width: none;
    padding: 20% 5% 10%;
  }

  .subtitle {
    font-size: 48px;
  }

  .content-container-4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .subsection-container-4 {
    padding: 10% 5%;
  }

  .subsection-title-4 {
    font-size: 40px;
  }

  .feature-section-5 {
    grid-row-gap: 60px;
    flex-flow: column;
    padding: 0%;
  }

  .feature-description-container-5 {
    padding-bottom: 40px;
  }

  .feature-title-6 {
    margin-bottom: 0;
  }

  .faq-border-2 {
    border-radius: 40px;
    max-width: none;
  }

  .paragraph-small-4.text-color-gray-600 {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 28px;
  }

  .paragraph-regular-bg.text-weight-bold {
    font-size: 16px;
  }

  .breadcrumbs {
    max-width: none;
  }

  .frame-1618871546 {
    width: 100%;
  }

  .terms-of-service-2 {
    padding: 15% 10%;
  }

  .breadcrumbs-2 {
    max-width: none;
  }

  .frame-1618871546-copy {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top-bar {
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .container-7 {
    max-width: none;
    padding-top: 20%;
  }

  .breadcrumbs {
    padding-left: 0%;
    padding-right: 0%;
  }

  .frameworks-description-7 {
    text-align: left;
  }

  .terms-of-service-2 {
    grid-row-gap: 32px;
    padding: 20% 5%;
  }

  .frameworks-title-3 {
    font-size: 60px;
  }

  .frameworks-description-7-copy {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-top: 3%;
    padding-bottom: 0%;
  }

  .navigation-bar {
    border-radius: 100px;
    padding: 6px 6px 6px 24px;
  }

  .vector {
    width: auto;
    height: 28px;
  }

  .buttonsbutton {
    display: none;
  }

  .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
  }

  .section-title {
    text-align: left;
    font-size: 36px;
  }

  .section-description {
    text-align: left;
  }

  .benefit-1 {
    grid-row-gap: 32px;
    padding: 5%;
  }

  .benefit-title {
    margin-bottom: 0;
  }

  .benefit-description {
    font-size: 16px;
    line-height: 150%;
  }

  .subsection-title-2 {
    text-align: left;
    font-size: 36px;
  }

  .subsection-description-2 {
    text-align: left;
  }

  .feature-section-3 {
    flex-flow: column;
  }

  .section-title-2 {
    text-align: left;
    font-size: 36px;
  }

  .benefit-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 5%;
  }

  .container-3 {
    grid-row-gap: 36px;
  }

  .testimonial-quote {
    font-size: 16px;
    line-height: 150%;
  }

  .testimonial-name {
    margin-bottom: 0;
  }

  .section-title-3 {
    text-align: left;
    font-size: 36px;
  }

  .footer {
    padding: 20% 5%;
  }

  .footer-description {
    text-align: center;
  }

  .horizontalborder {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .container-7 {
    margin-top: 80px;
    padding-top: 10%;
  }

  .subtitle {
    line-height: 110%;
  }

  .button-container {
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
  }

  .buttonsbutton-2, .buttonsbutton-3 {
    width: 100%;
  }

  .cta-container {
    max-width: none;
    padding: 20% 5%;
  }

  .cta-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .benefit-3 {
    grid-row-gap: 40px;
    height: auto;
    padding: 15% 5%;
  }

  .cta-title {
    font-size: 36px;
  }

  .cta-description {
    text-align: center;
  }

  .default-4 {
    grid-column-gap: 16px;
  }

  .subsection-title-4 {
    text-align: left;
    font-size: 36px;
  }

  .subsection-description-4 {
    text-align: left;
  }

  .feature-section-5 {
    grid-row-gap: 60px;
  }

  .feature-description-5 {
    font-size: 16px;
    line-height: 150%;
  }

  .buttonsbutton-copy {
    padding: 10px 14px;
    display: block;
  }

  .buttonsbutton-copy:hover {
    background-color: #98c321;
  }

  .paragraph-small-4.text-color-gray-600 {
    color: #f5f5f4;
    font-size: 16px;
  }

  .paragraph-regular-bg.text-weight-bold {
    color: #fafaf9;
    font-size: 16px;
    font-weight: 400;
  }

  .terms-of-service-2 {
    padding-top: 10%;
  }

  .frameworks-title-3 {
    font-size: 48px;
  }

  .frameworks-description-7-copy {
    font-size: 28px;
  }
}