:root {
  --polywhite: #e3e3e3;
  --slate-blue: #f6f2ea;
  --faf9f8: white;
  --navpoly: #1a1919;
  --dark-blue: #2e188a;
  --light-cyan: ghostwhite;
  --lavender: #d2d2f5;
  --border-geay: #e3e3e3;
  --dim-grey: #666;
  --light-sea-green: #b87df9;
  --dark-grey: #999;
  --shadow: #2e323c17;
  --663399: #482fb4;
  --polymetis-white: var(--navpoly);
  --orange: #fccb92;
}

body {
  color: #333;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--polywhite);
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

h2 {
  color: var(--polywhite);
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

h3 {
  color: #30364d;
  letter-spacing: -.5px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  color: var(--polywhite);
  letter-spacing: -.5px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

h5 {
  color: var(--polywhite);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

h6 {
  color: var(--polywhite);
  margin-top: 0;
  margin-bottom: 14px;
  padding-right: 5px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

p {
  color: var(--polywhite);
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

ul {
  color: var(--polywhite);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  color: var(--slate-blue);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: var(--polywhite);
  font-size: 16px;
  line-height: 30px;
}

img {
  max-width: 80%;
  margin-top: 40px;
  margin-left: -79px;
  display: inline-block;
}

label {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 400;
  display: block;
}

blockquote {
  border-left: 3px solid var(--slate-blue);
  background-color: var(--faf9f8);
  color: var(--navpoly);
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  box-shadow: 0 6px 20px #d2d2f599;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar {
  z-index: 999;
  background-color: var(--navpoly);
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  border: 1px #000;
  border-radius: 0;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.nav-column.left {
  background-color: #1a1919;
  flex: 1;
}

.nav-menu {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: -144px;
  display: flex;
  position: static;
}

.section {
  background-color: #0000;
  margin-top: 70px;
  padding: 0 0 45px;
  transition: box-shadow .3s;
  position: relative;
}

.section.gray {
  background-color: var(--light-cyan);
  padding-left: 20px;
  padding-right: 20px;
}

.section.gray.padding {
  padding-top: 300px;
}

.section.color {
  background-color: #0000;
  background-image: linear-gradient(135deg, var(--slate-blue) 27%, var(--polywhite));
  height: 100vh;
}

.section.color.top-pading {
  background-color: #0000;
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--slate-blue) 30%, var(--polywhite));
  height: 800px;
  margin-bottom: -1px;
  padding-top: 140px;
  padding-bottom: 40px;
}

.section.color.cta {
  background-image: linear-gradient(135deg, var(--slate-blue) 27%, var(--polywhite));
  height: auto;
}

.section.less-margin {
  padding-top: 0;
  padding-bottom: 98px;
}

.section.less-margin.gradient {
  background-image: linear-gradient(135deg, var(--slate-blue) 30%, var(--polywhite));
}

.section.less-margin.gradient.greenbackground {
  background-image: none;
  margin-top: 138px;
  margin-bottom: 32px;
  padding-bottom: 77px;
}

.section.no-top-padding {
  padding-top: 0;
}

.section.gray.no-top-padding {
  z-index: auto;
  color: #e3e3e3;
  background-color: #252525;
  position: static;
}

.section.gray.less-padding {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section.gray.padding-bottom {
  padding-bottom: 200px;
}

.section.cta-section {
  background-color: #0000;
  background-image: linear-gradient(135deg, var(--slate-blue), var(--polywhite));
  padding-top: 48px;
  padding-bottom: 48px;
}

.section.cta-section.white {
  border-top: 1px solid var(--lavender);
  border-bottom: 1px solid var(--lavender);
  background-color: var(--faf9f8);
  background-image: none;
}

.section.padding-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  object-fit: fill;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  max-height: 4000px;
  margin-top: 0;
  margin-bottom: 8px;
  padding: 0;
  display: flex;
  overflow: visible;
}

.section.gray {
  background-color: #f8f8ff;
}

.section.green {
  object-fit: fill;
  background-color: #252525;
  padding-bottom: 109px;
  position: relative;
}

.section.bottom-margin {
  z-index: 0;
  clear: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-style: none;
  border-width: 0 0 0 3px;
  border-color: transparent transparent var(--navpoly);
  outline-offset: 0px;
  background-color: #262d3d00;
  border-radius: 0;
  outline: 0 #0000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  min-width: 900px;
  margin-top: 13px;
  margin-right: 0;
  padding: 0 20px;
  transition-property: opacity;
  transition-duration: .3s;
  display: block;
  position: relative;
  transform: translate(0);
  box-shadow: 1px 1px 0 -20px #000;
}

.section.top {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.text-header {
  z-index: 2;
  color: #e3e3e3;
  text-align: center;
  letter-spacing: -1px;
  width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  line-height: 48px;
  position: relative;
}

.text-header.left {
  color: #e3e3e3;
  text-align: center;
  margin-bottom: 40px;
}

.text-header.normal {
  margin-top: 10px;
  margin-bottom: 20px;
}

.text-header.white {
  color: #fff;
}

.light-text-header {
  font-weight: 400;
  display: inline;
}

.blog-card {
  background-color: var(--navpoly);
  color: #333;
  text-transform: capitalize;
  border: 1px solid #639368;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;
  padding: 40px 40px 50px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-card:hover {
  box-shadow: 0 6px 20px #d2d2f599;
}

.blog-card.sidebar-small-post {
  background-color: #0000;
  border-style: none;
  flex-direction: row;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.blog-card.sidebar-small-post:hover {
  background-color: var(--navpoly);
}

.blog-post-info {
  color: #00cca7;
  text-transform: uppercase;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.blog-title {
  color: var(--faf9f8);
  font-size: 21px;
  line-height: 31px;
}

.footer-flex-container {
  height: auto;
  color: var(--dim-grey);
  text-align: left;
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
}

.footer-flex-container.height {
  height: 300px;
}

.big-headline {
  color: #30364d;
  letter-spacing: -1px;
  font-size: 60px;
  line-height: 70px;
}

.big-headline.white {
  color: var(--faf9f8);
}

.big-headline.hero {
  margin-top: 0;
}

.big-headline.flexible {
  color: #faf9f8;
  text-align: left;
  text-align: left;
  min-width: 0;
  max-width: 500px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
}

.nav-link {
  pointer-events: auto;
  color: #f0ece6;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  position: static;
}

.nav-link.w--current {
  color: #639368;
}

.nav-link.w--open {
  z-index: 999;
}

.hero-section {
  align-items: center;
  height: 600px;
  padding: 140px 20px 96px;
  display: flex;
  position: relative;
}

.hero-section.light-green.with-mockup {
  background-color: #639368;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-top: 57px;
  padding-bottom: 0;
  transition: opacity .2s;
  overflow: hidden;
  transform: translate(0);
}

.hero-section.light-green.with-mockup.get-demo {
  background-image: linear-gradient(#fff, #0000);
  padding-bottom: 140px;
}

.hero-section.light-green.with-mockup.small {
  margin-top: 85px;
  margin-bottom: 22px;
  padding-top: 22px;
  padding-bottom: 65px;
}

.hero-section.pages-section {
  background-color: var(--light-cyan);
  background-image: linear-gradient(135deg, #9ed69c, #587f5e 77%, #587f5e);
  height: auto;
}

.hero-section.pages-section.greenbackground {
  margin-bottom: -27px;
  padding-top: 67px;
}

.hero-section.pages-section.greenbackground.aboutus {
  height: 250px;
}

.hero-section.home-vr-3 {
  background-color: var(--light-cyan);
  background-image: linear-gradient(#0000, #6a4ee133);
  height: 100vh;
}

.hero-section.home-vr-3.hero-5 {
  background-image: linear-gradient(#0000, #482fb433);
}

.hero-section.home-vr-4 {
  background-image: linear-gradient(to bottom, var(--slate-blue), var(--polywhite));
  height: 100vh;
  padding-bottom: 60px;
}

.hero-section.light-green {
  background-color: #f8f8ff;
  background-image: linear-gradient(#fff, #0000);
  height: 700px;
  padding-left: 20px;
  padding-right: 20px;
}

.hero-section.light-green.with-mockup {
  background-color: #639368;
  background-image: linear-gradient(135deg, #9ed69c, #587f5e 79%, #587f5e);
  height: auto;
  padding-top: 110px;
  padding-bottom: 0;
  overflow: hidden;
}

.hero-section.greenbackground {
  opacity: 1;
  background-image: linear-gradient(135deg, #9ed69c, #48684d 78%, #587f5e);
  height: 450px;
  margin-top: 88px;
  margin-bottom: -17px;
  padding-top: 61px;
  padding-bottom: 89px;
}

.hero-section.greenbackground.with-mockup {
  background-image: none;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 140px;
}

.category {
  color: var(--slate-blue);
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.category.colored {
  color: var(--faf9f8);
  background-color: #f3953f;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.logo-brand {
  width: 300px;
  height: 50px;
  margin-top: 19px;
}

.menu-button {
  z-index: 999;
}

.footer-dark {
  border-top: 1px none var(--border-geay);
  text-align: center;
  background-color: #1a1919;
  align-items: flex-start;
  padding: 0 20px;
}

.footer-dark.gradient {
  background-image: linear-gradient(135deg, var(--slate-blue), var(--polywhite));
}

.footer-side {
  width: 50%;
  padding-top: 98px;
  padding-bottom: 98px;
  padding-right: 60px;
}

.footer-side.flex-side {
  border-left: 1px solid #30364d2e;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 98px;
  padding-left: 60px;
  padding-right: 0;
  display: flex;
}

.footer-side.flex-side.light {
  border-left-color: #d2d2f533;
}

.left {
  text-align: left;
}

.drop-list-div {
  z-index: 999;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  width: 250px;
  height: 400px;
  margin-top: 37px;
  padding: 20px 20px 0;
  display: flex;
  position: relative;
}

.drop-list-div.landing {
  background-color: #1a1919;
  flex-flow: column;
  place-content: center space-around;
  align-items: flex-start;
  width: 250px;
  height: 500px;
  margin-top: 13px;
  margin-bottom: 127px;
  margin-right: 16px;
  padding: 0 0 0 6px;
  display: block;
  position: relative;
  left: 0;
}

.drop-list-div.landing.team {
  height: 50px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: -47px;
  padding-top: 0;
  padding-left: 0;
}

.dropdown-list {
  margin-left: 2px;
}

.dropdown-list.w--open {
  border: 1px solid var(--light-cyan);
  border-radius: 10px;
  margin-bottom: 4px;
  margin-left: -41px;
  margin-right: 0;
  display: block;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list.resources {
  border: 1px solid var(--light-cyan);
  background-color: var(--faf9f8);
  border-radius: 10px;
  margin: -10px -114px 20px -76px;
  padding: 100px 0 309px 9px;
  display: none;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list.resources.w--open {
  border-color: var(--polymetis-white);
  background-color: var(--polymetis-white);
  object-fit: fill;
  height: 0;
  margin: -11px auto 0 -62px;
  padding-top: 0;
  padding-bottom: 516px;
  padding-left: 0;
  display: block;
  overflow: hidden;
}

.dropdown-list.resources.team.w--open {
  width: 50px;
  height: 10px;
  margin-top: -10px;
  margin-left: 0;
  padding-bottom: 58px;
  padding-left: 0;
}

.drop-icon {
  width: 32px;
  height: 32px;
  margin-top: 35px;
  margin-bottom: 3px;
  margin-right: 12px;
}

.dropdown-link {
  width: 400px;
  color: var(--dim-grey);
  background-color: #1a1919;
  align-items: center;
  margin-top: -8px;
  padding: 0 0 10px 77px;
  font-family: DM Sans, sans-serif;
  text-decoration: none;
  display: flex;
}

.dropdown-link:hover {
  background-color: #252525;
  border-radius: 5px;
}

.dropdown-link.w--current {
  color: var(--slate-blue);
  background-color: #1a1919;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dropdown-link.w--current:hover {
  background-color: #252525;
}

.text {
  color: #faf9f8;
  background-color: #1a191905;
  flex: 0 auto;
  font-weight: 500;
  overflow: visible;
}

.text:hover {
  background-color: #25252503;
}

.text.team {
  margin-top: 5px;
}

.blog-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.blog-info {
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  display: flex;
  position: relative;
}

.blog-image-wrapper {
  border-radius: 10px;
  position: absolute;
  inset: 20px;
  overflow: hidden;
}

.fourth-social-icon {
  border: 1px solid var(--navpoly);
  opacity: .6;
  filter: invert();
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3452f52495257_facebook-logo%20Black.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  transition: background-color .2s;
  display: flex;
}

.fourth-social-icon:hover {
  opacity: 1;
}

.fourth-social-icon.googleplus-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3453c2849525e_icon%20(5).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.googleplus-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.googleplus-icon.light {
  opacity: .6;
  filter: none;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3452f52495257_facebook-logo%20Black.svg");
  background-position: 0 0;
  background-size: auto;
  border-style: solid;
  border-color: #639368;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon.googleplus-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.twitter-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd345b7014951cb_twitter-logo-silhouette%20(2).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0 2px 2px 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: -1px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.twitter-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.twitter-icon.light {
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-style: solid;
  border-color: #639368;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.fourth-social-icon.twitter-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.twitter-icon.light.twitter {
  background-size: 18px;
}

.fourth-social-icon.twitter {
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd345b7014951cb_twitter-logo-silhouette%20(2).png");
  background-size: 16px;
}

.fourth-social-icon.google {
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3453c2849525e_icon%20(5).png");
}

.fourth-social-icon.insta {
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3453e9549525d_instagram%20(1).png");
  margin-right: 3px;
}

.fourth-social-icon.facebook-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3452f52495257_facebook-logo%20Black.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 2px 0 0 2px;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.facebook-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.facebook-icon.light {
  opacity: .5;
  filter: none;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62b072d944c13bb57095b5f2_PngItem_494342.webp");
  background-position: 50%;
  background-size: 20px;
  border-style: solid;
  border-color: #639368;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
  transition-property: none;
  display: block;
}

.fourth-social-icon.facebook-icon.light:hover {
  opacity: 1;
  display: block;
}

.fourth-social-icon.instagram-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62a09b4fbcd3453e9549525d_instagram%20(1).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-right: 5px;
  padding-top: 0;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.instagram-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.instagram-icon.light {
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-style: solid;
  border-color: #639368;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon.instagram-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.facebookicon.light {
  border-style: solid;
  border-color: var(--light-sea-green);
  border-style: solid;
  border-color: var(--light-sea-green);
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62b56cbf0b9606377e6e610a_kisspng-scalable-vector-graphics-computer-icons-facebook-p-5c51425118bd88.7818110315488292651014.webp");
  background-position: 50%;
  background-size: 25px;
  background-attachment: scroll;
  flex-wrap: nowrap;
  display: flex;
  overflow: visible;
}

.fourth-social-icon.youtubeicon.light {
  border-color: var(--light-sea-green);
  border-color: var(--light-sea-green);
  background-image: url("https://cdn.prod.website-files.com/62a09b4fbcd345889f495177/62b5647c7b892df289153127_youtube-dark-icon-youtube-play-button-svg-triangle-text-label-transparent-png-2535324.webp");
  background-position: 50%;
  background-size: 25px;
  margin-left: 4px;
  padding-left: 0;
}

.link-block-social {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
}

.team-social-div {
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-social-div._2 {
  padding-left: 39px;
}

.team-social-div.white-content {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.team-social-div.white-content.no-padding {
  align-items: flex-end;
  margin-top: -35px;
  display: block;
}

.top {
  flex-direction: column;
  display: flex;
}

.top:hover {
  background-color: #252525;
}

.paragraph-landing {
  color: #f0ece6;
  background-color: #1a191905;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 10px;
}

.paragraph-landing:hover {
  background-color: #25252503;
}

.overlay {
  background-image: linear-gradient(#0000, #00000082);
  position: absolute;
  inset: 0%;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list.category {
  grid-template-columns: 1fr 1fr;
}

.homeappparagraph {
  color: var(--faf9f8);
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: -14px;
  padding-left: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  display: flex;
}

.homeappparagraph.api {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 20px;
  max-width: 350px;
  margin-bottom: 44px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.homeappparagraph.top {
  text-align: left;
  min-width: 20px;
  max-width: 500px;
  margin-left: 86px;
}

.homeappparagraph.top.pii {
  min-width: 20px;
  max-width: 500px;
  margin-top: 3px;
  margin-left: -9px;
  margin-right: 5px;
}

.appheading {
  color: var(--faf9f8);
  text-align: center;
  justify-content: flex-start;
  margin-top: -7px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: flex;
  position: relative;
}

.appheading.bottom {
  justify-content: center;
  margin-left: 0;
}

.appheading.bottom.magiclabels {
  margin-left: 0;
}

.appheading.projectlabelsheading {
  justify-content: center;
  margin-left: 0;
}

.appheading.top {
  margin-top: 13px;
  margin-left: -48px;
}

.appheading.top.api {
  align-items: flex-start;
  min-width: 50px;
  max-width: 500px;
  margin-top: 20px;
  margin-left: 0;
}

.appheading.top.pii {
  margin-top: 10px;
  margin-left: -204px;
}

.page-tittle-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.page-tittle-2.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  display: grid;
}

.big-text-2 {
  color: #faf9f8;
  text-align: left;
  width: 45%;
  margin-bottom: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
}

.generalbutton {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #faf9f8;
  text-align: center;
  letter-spacing: -.5px;
  object-fit: fill;
  background-color: #f3963f;
  border: 2px solid #f3963f;
  border-radius: 5px;
  flex-flow: row-reverse;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 300px;
  height: auto;
  margin-left: 0;
  padding: 14px 16px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  overflow: visible;
}

.generalbutton:hover {
  background-color: #252525;
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.generalbutton.cta-button {
  object-fit: fill;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 150px;
  max-width: 100px;
  height: 50px;
  max-height: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  position: static;
  overflow: visible;
}

.generalbutton.subscribe {
  justify-content: center;
}

.generalbutton.documentation {
  margin-left: 302px;
}

.generalbutton.colorfullabels {
  margin-left: 315px;
}

.generalbutton.ml {
  margin-left: 311px;
}

.generalbutton.cwbutton {
  margin-left: 288px;
}

.generalbutton.appbutton {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #f3963f;
  width: 170px;
  margin-left: 5px;
  padding: 10px 0;
  display: block;
  position: static;
  overflow: visible;
}

.generalbutton.appbutton:hover {
  background-color: #252525;
}

.generalbutton.homepagebutton {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #f3963f;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 14px 24px 14px 16px;
  display: flex;
}

.generalbutton.homepagebutton:hover {
  background-color: #252525;
  background-image: none;
  border: 2px solid #f49540;
}

.generalbutton.learnmore {
  width: 160px;
  padding: 10px 5px;
}

.generalbutton.learnmore.pl {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #000;
}

.generalbutton.learnmore.pl:hover {
  background-color: #252525;
  border: 2px solid #f3963f;
}

.generalbutton.learnmore.cw {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #000;
}

.generalbutton.learnmore.cw:hover {
  background-color: #252525;
  border-color: #f3963f;
}

.generalbutton.learnmore.ml {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #000;
}

.generalbutton.learnmore.ml:hover {
  background-color: #252525;
  border-color: #f3963f;
}

.generalbutton.learnmore.api {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #f3963f;
  width: 150px;
  padding-left: 0;
  padding-right: 0;
}

.generalbutton.learnmore.api:hover {
  background-color: #252525;
}

.generalbutton.learnmore.pii {
  background-color: #f3963f;
  background-image: none;
  border: 2px solid #f3963f;
  width: 150px;
}

.generalbutton.learnmore.pii:hover {
  background-color: #252525;
}

.front-page-apps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 115px auto 38px;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1.75fr;
  padding-left: 0;
  display: grid;
}

.front-page-apps.appsright {
  box-sizing: border-box;
  object-fit: contain;
  border: 1px solid #639368;
  border-radius: 10px;
  grid-template-rows: 115px auto auto;
  grid-template-columns: 1.75fr .75fr;
  height: 575px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.front-page-apps.appsright:hover {
  box-shadow: 0 2px 20px #d2d2f599;
}

.front-page-apps.appright {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 1px solid #639368;
  border-radius: 10px;
  grid-template-columns: 1.75fr .75fr;
  overflow: visible;
}

.front-page-apps.appright:hover {
  box-shadow: 0 2px 20px #d2d2f599;
}

.front-page-apps.appright.topapps {
  flex-flow: row;
  grid-template-columns: .75fr 1.25fr;
  height: 0;
  min-height: 400px;
  max-height: 400px;
  display: flex;
}

.front-page-apps.api-app {
  border: 1px solid #639368;
  border-radius: 10px;
  grid-template-rows: 115px auto;
  grid-template-columns: .75fr 1.75fr;
  overflow: hidden;
  box-shadow: 0 5px 20px #0003;
}

.front-page-apps.api-app:hover {
  outline-offset: 0px;
  outline: 3px solid #333;
  box-shadow: 0 5px 20px #d2d2f599;
}

.front-page-apps.api-app.thirdapp {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 115px auto;
  grid-template-columns: 1.75fr;
  height: 575px;
  margin-bottom: -1px;
  padding-bottom: 0;
  display: flex;
}

.front-page-apps.api-app.bottom {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  clear: none;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex: 0 auto;
  grid-template-columns: .75fr 2fr;
  justify-content: center;
  align-self: auto;
  max-width: 900px;
  height: 0;
  min-height: 400px;
  max-height: 400px;
  padding-left: 50px;
  padding-right: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.footer-header {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: static;
}

.grid-5 {
  grid-column-gap: 126px;
  grid-template-columns: 1fr 1fr;
}

.app-buttons {
  justify-content: flex-start;
  margin-top: -5px;
  display: flex;
}

.app-buttons.apps2-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: -52px;
  margin-left: 26px;
}

.app-buttons.apps2-4.bottom {
  margin-top: 32px;
  margin-left: 2px;
}

.app-buttons.pii {
  justify-content: center;
  margin-top: 21px;
  margin-left: -7px;
}

.app-buttons.pii.bottom {
  margin-top: 34px;
  margin-left: 32px;
}

.app-buttons.pii.api {
  margin-top: -27px;
  margin-left: 52px;
}

.appimage1 {
  margin-top: -125px;
  margin-left: -20px;
}

.appimage1.piiprotection {
  width: 0;
  min-width: 200px;
  max-width: 200%;
  height: 0;
  min-height: 200px;
  max-height: 200px;
  margin-top: 93px;
  margin-left: -20px;
  margin-right: 18px;
}

.appimage4 {
  text-align: center;
  width: 0;
  min-width: 150px;
  max-width: 150%;
  height: 0;
  min-height: 180px;
  max-height: 180px;
  margin-top: 83px;
  margin-left: 10px;
}

.div-block-13 {
  flex-direction: column;
  display: flex;
}

.link-2 {
  color: var(--faf9f8);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.div-block-14, .div-block-15 {
  flex-direction: column;
  display: flex;
}

.link-3 {
  color: var(--border-geay);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
}

.link-4, .link-5 {
  color: var(--faf9f8);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
}

.container {
  z-index: 2;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.navbar-container {
  background-color: #1a1919;
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  display: flex;
}

.div-block-22 {
  justify-content: flex-end;
  margin-top: -418px;
  margin-left: 459px;
  padding-left: 0;
  display: flex;
}

.body-7 {
  background-color: #252525;
  font-family: Dmsans;
}

.brand.w--current {
  margin-left: 91px;
}

.dropdown {
  margin-left: 20px;
  display: block;
}

.button-2 {
  background-color: #f3953f;
  border: 2px solid #f3963f;
  border-radius: 5px;
  margin-left: -6px;
  margin-right: 4px;
  padding-right: 13px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  display: flex;
}

.button-2:hover {
  background-color: #252525;
}

.bold-text-9 {
  color: #f6f2ea;
}

.text-block-19 {
  color: #f0ece6;
}

.div-block-34 {
  margin-left: 69px;
}

.image-436 {
  margin-top: 22px;
  margin-left: -110px;
  margin-right: 35px;
  padding-left: 0;
}

.grid-15 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: minmax(2px, 2.5fr) minmax(2px, 2.5fr);
  grid-auto-flow: row dense;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
}

.bold-text-13 {
  margin-bottom: 23px;
  margin-left: -11px;
}

.app-div-block {
  object-fit: fill;
  margin-left: -51px;
  overflow: visible;
}

@media screen and (min-width: 1280px) {
  .homeappparagraph {
    padding-left: 5px;
    padding-right: 5px;
  }

  .homeappparagraph.top {
    min-width: 20px;
    max-width: 350px;
    margin-left: 98px;
  }

  .appheading.bottom.magiclabels {
    margin-left: 0;
  }

  .app-buttons.apps2-4.bottom {
    justify-content: center;
    margin-top: 30px;
    margin-left: 0;
  }

  .app-buttons.pii.bottom {
    justify-content: center;
    margin-top: 36px;
    margin-left: 0;
  }

  .app-buttons.pii.api {
    margin-left: -42px;
  }

  .appimage2 {
    margin-left: 0;
  }

  .appimage4 {
    min-width: 150px;
    max-width: 200%;
  }

  .div-block-41 {
    padding-left: 0;
  }

  .div-block-47 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .homeappparagraph.top {
    min-width: 20px;
    max-width: 350px;
    margin-left: 52px;
    margin-right: -21px;
  }

  .appheading.bottom, .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    margin-left: 0;
  }

  .appheading.top.pii {
    margin-left: 1px;
  }

  .appheading.bottom, .appheading.bottom.magiclabels, .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    margin-left: 0;
  }

  .front-page-apps.api-app.bottom {
    max-width: 800px;
    max-height: 400px;
    padding-left: 50px;
    padding-right: 50px;
    overflow: hidden;
  }

  .app-buttons.apps2-4.bottom {
    margin-top: -5px;
    margin-left: 0;
  }

  .app-buttons.pii {
    justify-content: center;
    margin-left: 0;
  }

  .app-buttons.pii.bottom {
    margin-top: -12px;
    margin-left: 0;
  }

  .app-buttons.pii.api, .appimage2, .appimage3.appimage5, .appimage3.appimage5 {
    margin-left: 0;
  }

  .appimage4 {
    min-width: 150px;
    margin-left: -40px;
  }

  .grid-15 {
    grid-column-gap: 30px;
    grid-template-columns: minmax(2px, 2fr) minmax(2px, 2fr);
  }
}

@media screen and (min-width: 1920px) {
  .navbar {
    background-color: var(--navpoly);
  }

  .section.top {
    margin-bottom: 14px;
    padding-bottom: 40px;
    padding-left: 0;
  }

  .homeappparagraph.top, .homeappparagraph.top.pii, .homeappparagraph.top, .homeappparagraph.top.pii, .homeappparagraph.top.pii {
    min-width: 200px;
    max-width: 700px;
    margin-left: 0;
    margin-right: -100px;
  }

  .appheading.bottom, .appheading.bottom.magiclabels, .appheading.projectlabelsheading, .appheading.bottom, .appheading.bottom.magiclabels, .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    margin-left: 0;
  }

  .generalbutton.homepagebutton:hover {
    background-color: #252525;
    background-image: none;
    border: 4px solid #fca652;
    border-radius: 5px;
  }

  .front-page-apps.appsright, .front-page-apps.api-app.thirdapp {
    height: 600px;
  }

  .front-page-apps.api-app.thirdapp {
    height: 600px;
  }

  .front-page-apps.api-app.bottom {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    justify-content: flex-start;
    align-items: center;
    max-width: 900px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .front-page-apps.appsright {
    height: 600px;
  }

  .app-buttons.apps2-4.bottom {
    margin-top: 13px;
    margin-left: 0;
  }

  .app-buttons.pii.bottom {
    margin-top: -11px;
    margin-left: 0;
  }

  .appimage1.piiprotection {
    margin-top: -27px;
    margin-left: -158px;
  }

  .appimage2, .appimage3, .appimage3.appimage5, .appimage3.appimage5 {
    margin-left: 0;
  }

  .appimage4 {
    margin-top: -36px;
    margin-left: -3px;
  }

  .grid-15 {
    grid-template-columns: minmax(3px, 4fr) minmax(3px, 4fr);
    max-height: 500px;
    margin-bottom: 432px;
    margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-bottom: 0;
    position: absolute;
  }

  .navcontainer {
    z-index: 0;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 0;
    margin-bottom: 0;
    display: flex;
    overflow: visible;
  }

  .nav-menu {
    background-color: var(--navpoly);
    height: auto;
    margin-left: 108px;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .button.subscribe-button {
    text-align: center;
    text-align: center;
    width: 160px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .section {
    margin-top: 47px;
    margin-bottom: 66px;
    padding-bottom: 0;
  }

  .section.gray {
    padding-left: 20px;
  }

  .section.gray.padding {
    padding-top: 200px;
  }

  .section.bottom-margin {
    flex-flow: column;
    align-items: center;
    min-width: auto;
    margin-top: 0;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .section.less-margin.gradient.greenbackground {
    margin-top: 133px;
  }

  .section.gray.less-padding {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section.padding-bottom {
    margin-top: 0;
    padding-bottom: 0;
  }

  .section.green {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section.top {
    margin-left: 5px;
    padding-left: 0;
  }

  .page-tittle {
    margin-top: 0;
  }

  .page-tittle.left {
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .page-tittle.left.half-section-intro {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: 15%;
    margin-right: 0%;
  }

  .page-tittle.horizontal-flex.less-margin {
    flex-direction: column;
  }

  .page-tittle.cta {
    width: 100%;
  }

  .page-tittle.padding {
    max-width: 550px;
  }

  .big-text {
    text-align: center;
  }

  .button-wrapper {
    grid-auto-flow: row;
  }

  .logotypes {
    grid-column-gap: 40px;
  }

  .logotypes.less-margin {
    grid-column-gap: 60px;
    grid-column-gap: 60px;
  }

  .text-header {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 83px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .grid-scale {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-scale.center-flex {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-scale.testimonials {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonials-wrapper {
    margin-bottom: 0;
  }

  .review-grid {
    height: auto;
  }

  .review-card {
    display: flex;
    transform: translate(48px);
  }

  .review-top {
    display: flex;
  }

  .blog-slider {
    flex-direction: column;
    width: 700px;
    margin-top: -72px;
    margin-left: 0;
    display: block;
  }

  .testimonial-slide {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-card {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .form-card.blog {
    background-size: cover;
  }

  .imput {
    margin-bottom: 0;
  }

  .form {
    flex-direction: row;
    padding-left: 5px;
  }

  .form.footer-four {
    flex-direction: row;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    margin-left: 0;
    display: flex;
  }

  .footer-flex-container.height {
    flex-wrap: wrap;
    height: auto;
  }

  .footer-submit-div {
    margin-bottom: 40px;
  }

  .side-bar {
    width: 60%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-post-link {
    padding-right: 25px;
  }

  .sidebar-card.subscribe {
    padding-top: 60px;
  }

  .side-tabs.right-side {
    align-items: center;
  }

  .side-tab, .side-tab.w--current {
    width: auto;
  }

  .features-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .testimonial-card {
    margin-bottom: 20px;
  }

  .big-headline {
    text-align: left;
  }

  .big-headline.hero, .big-headline.flexible {
    text-align: center;
  }

  .big-headline.hero, .big-headline.flexible {
    text-align: center;
  }

  .big-headline.flexible {
    text-align: center;
    margin-left: 60px;
    font-size: 40px;
  }

  .hero-section.light-green.with-mockup.get-demo {
    overflow: visible;
  }

  .hero-section.light-green.with-mockup.small {
    margin-top: 77px;
    margin-bottom: 0;
  }

  .hero-section.pages-section.greenbackground.aboutus {
    margin-top: 72px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section.home-vr-3 {
    flex-direction: column;
    height: auto;
  }

  .hero-section.home-vr-3.hero-5 {
    flex-direction: column;
    padding-bottom: 0;
  }

  .hero-section.home-vr-4 {
    flex-direction: column;
    height: auto;
    padding-top: 120px;
    padding-bottom: 0;
  }

  .hero-section.light-green {
    padding-left: 20px;
  }

  .toogle-questions {
    text-align: left;
  }

  .side-blocks {
    flex-direction: column-reverse;
  }

  .section-image.third {
    background-position: 100%;
    background-size: contain;
    flex: 0 auto;
    width: 100%;
    height: 400px;
    margin-right: -50px;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .section-image.paddings {
    border-top-right-radius: 100px;
    width: 100%;
    height: 500px;
    margin-top: 0;
    display: block;
    position: static;
  }

  .section-image.woman {
    height: 500px;
    margin-top: 0;
    position: static;
  }

  .small-intro {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .form-text {
    padding-right: 0;
  }

  .form-text.white {
    text-align: center;
    text-align: center;
  }

  .top-side-tab-menu {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-slider-vr-2 {
    width: 100%;
    height: 300px;
  }

  .testimonial-content.dark-side {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .left-testimonials-arrow {
    margin-left: -10px;
  }

  .right-testimonials-arrow {
    margin-right: -10px;
  }

  .testimonial-name.tab {
    width: 360px;
  }

  .testimonial-text {
    font-size: 17px;
    line-height: 27px;
  }

  .testimo-nial-title {
    font-size: 28px;
  }

  .logo-brand {
    padding-left: 29px;
  }

  .cta-icon.center, .cta-icon.center.dark, .cta-icon.center, .cta-icon.center.dark, .cta-icon.center.dark, .cta-text {
    margin-bottom: 20px;
  }

  .menu-button {
    z-index: 0;
    color: var(--slate-blue);
    background-color: #0000;
    padding-left: 0;
    display: block;
    position: relative;
  }

  .menu-button.w--open {
    color: #333;
    background-color: #0000;
  }

  .page-title.white {
    z-index: 2;
    z-index: 2;
    position: relative;
  }

  .mockup-image {
    width: 600px;
    height: 400px;
    margin-top: 40px;
  }

  .footer-dark {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-side {
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 60px;
    display: block;
  }

  .footer-side.flex-side {
    width: auto;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .team-grid.vertical {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: minmax(auto, auto) minmax(auto, auto);
    grid-template-columns: .75fr .75fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch;
    place-items: stretch stretch;
    margin: 15px;
    display: grid;
    position: static;
    overflow: hidden;
  }

  .team-grid.line {
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
  }

  .team-card.border-line {
    border-left-style: none;
  }

  .team-image {
    width: 200px;
    height: 200px;
  }

  .dropdown-list.w--open {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
    position: relative;
  }

  .block-service.flex-block-service.light {
    margin-left: 0;
    margin-right: auto;
  }

  .block-service.flex-block-service.light.center {
    margin-left: auto;
  }

  .features-wrapper {
    flex-direction: column;
  }

  .feature-card {
    padding-left: 100px;
    padding-right: 100px;
  }

  .feature-image {
    background-position: 0 0;
    width: 500px;
    height: 500px;
  }

  .feature-image.second {
    background-position: 0 0;
    width: 500px;
  }

  .feature-image.third {
    background-position: 0 0;
    background-size: cover;
    width: 500px;
  }

  .features-grid-column {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fourth-social-icon {
    cursor: pointer;
  }

  .team-social-div.white-content.no-padding {
    margin-top: -31px;
  }

  .blog-and-sidebar {
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-and-sidebar.full {
    flex-direction: column;
  }

  .right-collection-wrapper {
    width: 63%;
  }

  .right-collection-wrapper.full {
    width: 100%;
    padding-right: 0;
  }

  .sidebar {
    width: 40%;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar.left {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .info-box {
    margin-top: 60px;
  }

  .footer-column-div {
    width: 50%;
    margin-bottom: 40px;
  }

  .footer-column-info {
    width: 100%;
    margin-bottom: 40px;
  }

  .blog-posts-wrapper {
    flex-direction: column;
    margin-top: 70px;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .right-arrows {
    margin-right: 0;
  }

  .right-arrows.testimonial-arrow {
    display: block;
  }

  .left-arrows {
    margin-left: 0;
  }

  .left-arrows.testimonial-arrow {
    display: block;
  }

  .intro-section.intro {
    flex-direction: column;
    height: auto;
  }

  .empty-block {
    display: none;
  }

  .form-div {
    text-align: center;
  }

  .body-2 {
    overflow: hidden;
  }

  .homeappparagraph {
    margin-bottom: 54px;
    padding-bottom: 1px;
    padding-right: 0;
  }

  .homeappparagraph.top {
    margin-left: 4px;
    margin-right: 5px;
  }

  .homeappparagraph.top.pii {
    margin-top: -46px;
    margin-left: 65px;
  }

  .appheading {
    text-align: left;
    margin-top: -7px;
    margin-bottom: 44px;
    padding-left: 0;
  }

  .appheading.bottom, .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    margin-left: 0;
  }

  .appheading.top {
    margin-top: 24px;
    margin-left: 18px;
  }

  .appheading.top.api {
    margin-left: -58px;
  }

  .appheading.top.pii {
    margin-top: 32px;
    margin-left: 112px;
  }

  .appheading.bottom, .appheading.bottom.magiclabels, .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    margin-left: 0;
  }

  .page-tittle-2.hero {
    grid-template-columns: 1.5fr 1.5fr;
    max-width: 450px;
    margin-bottom: 0;
  }

  .big-text-2 {
    text-align: center;
    width: 100%;
    margin-top: -22px;
    margin-bottom: 14px;
    margin-left: -23px;
  }

  .generalbutton {
    justify-content: center;
    display: inline-block;
  }

  .generalbutton.homepagebutton {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-left: 218px;
    margin-right: 0;
    display: flex;
  }

  .generalbutton.documentation {
    margin-left: 222px;
  }

  .generalbutton.ml {
    margin-left: 212px;
  }

  .generalbutton.cwbutton {
    margin-left: 222px;
  }

  .whitetitle {
    text-align: center;
  }

  .container-4 {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bold-text-3 {
    text-align: center;
  }

  .image-408 {
    margin-left: 10px;
  }

  .front-page-apps {
    grid-row-gap: 16px;
    grid-template-rows: 132px auto auto;
    grid-template-columns: 1.25fr 1fr;
  }

  .front-page-apps.api-app {
    grid-row-gap: 16px;
    grid-template-rows: 132px auto auto;
    grid-auto-rows: 0;
  }

  .front-page-apps.api-app.thirdapp {
    grid-template-rows: 132px auto;
    max-width: 600px;
    padding-left: 5px;
  }

  .front-page-apps.api-app.bottom {
    max-width: 700px;
  }

  .front-page-apps.appsright {
    grid-template-rows: 132px auto;
    max-width: 600px;
    padding-left: 27px;
  }

  .front-page-apps.appright {
    padding-left: 27px;
  }

  .front-page-apps.appright.topapps {
    padding-left: 0;
  }

  .grid-5 {
    grid-column-gap: 8px;
  }

  .app-buttons {
    margin-top: 24px;
    padding-left: 0;
  }

  .app-buttons.apps2-4 {
    margin-left: -48px;
  }

  .app-buttons.apps2-4.bottom {
    margin-top: -47px;
    margin-left: 106px;
  }

  .app-buttons.pii {
    margin-top: -66px;
    margin-left: 0;
  }

  .app-buttons.pii.bottom {
    margin-top: -35px;
    margin-left: 146px;
  }

  .app-buttons.pii.api {
    margin-top: -74px;
    margin-left: 0;
  }

  .apptitleimage {
    margin-top: 130px;
    margin-left: 11px;
  }

  .apptitleimage.colorfullabels {
    margin-top: 56px;
    margin-left: -18px;
  }

  .image-409 {
    margin-left: 56px;
    padding-left: 0;
  }

  .image-410 {
    margin-left: 105px;
  }

  .image-411 {
    margin-left: 60px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-17 {
    margin-bottom: 37px;
  }

  .text-block {
    width: 200px;
    margin-top: -15px;
    margin-right: 4px;
    font-size: 12px;
  }

  .appimage1.piiprotection {
    margin-top: 85px;
    margin-left: -100px;
    margin-right: -39px;
  }

  .appimage2, .appimage3 {
    max-width: 35%;
    margin-left: 0;
  }

  .appimage3.appimage5 {
    margin-left: 0;
  }

  .appimage4 {
    max-width: 130%;
    margin-left: -37px;
    margin-right: -23px;
  }

  .link-block-2 {
    flex-direction: row;
    justify-content: space-around;
    display: flex;
  }

  .photofilter._3, .photofilter._4 {
    display: flex;
  }

  .photofilter._1 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 250px;
    height: 200px;
    display: flex;
  }

  .photofilter._3, .photofilter._4 {
    display: flex;
  }

  .animation {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    height: auto;
    padding-left: 0;
    display: block;
  }

  .div-block-22 {
    margin-left: 0;
  }

  .image-420 {
    width: 2000px;
    height: 1000px;
  }

  .fourth-social-icon-2 {
    cursor: pointer;
  }

  .name {
    margin-top: -4px;
    margin-bottom: -6px;
    font-size: 20px;
  }

  .position {
    margin-top: -11px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .image-421 {
    margin-top: 82px;
  }

  .brand, .brand.w--current {
    padding-bottom: 10px;
  }

  .dropdown {
    background-color: #1a1919;
  }

  .sidebar-cta {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .sidebar-cta.blog {
    background-size: cover;
  }

  .columns {
    display: flex;
  }

  .image-436 {
    margin-top: 443px;
    margin-left: -31px;
    margin-right: 82px;
  }

  .icon {
    color: var(--dark-grey);
  }

  .section-19 {
    margin-left: 51px;
  }

  .grid-14 {
    grid-template-columns: 1fr;
  }

  .grid-15 {
    grid-template-columns: 2.75fr;
  }

  .app-div-block {
    margin-right: -31px;
  }

  .app-div-block.api {
    margin-left: -50px;
  }

  .collection-item-3 {
    margin-left: -44px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }

  h2 {
    font-size: 35px;
    line-height: 45px;
  }

  h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .navbar {
    z-index: 999;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navcontainer {
    align-items: center;
  }

  .section {
    margin-top: 71px;
    margin-left: -21px;
  }

  .section.bottom-margin {
    margin: -76px 0 44px;
    padding-top: 182px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.less-margin.gradient.greenbackground {
    margin-top: 110px;
  }

  .section.padding-bottom {
    margin-top: -37px;
    margin-bottom: -130px;
    padding-bottom: 140px;
  }

  .page-tittle.horizontal-flex, .page-tittle.horizontal-flex.less-margin {
    flex-direction: column;
  }

  .page-tittle.left {
    margin-bottom: 0;
  }

  .page-tittle.left.half-section-intro {
    margin-left: 3%;
    display: inline-block;
  }

  .page-tittle.horizontal-flex, .page-tittle.horizontal-flex.less-margin, .page-tittle.horizontal-flex.less-margin {
    flex-direction: column;
  }

  .logotypes {
    grid-column-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .text-header {
    margin-bottom: 36px;
    margin-left: 0;
    display: flex;
    overflow: visible;
  }

  .text-header.left {
    align-items: center;
    margin-left: -23px;
  }

  .grid-scale {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }

  .grid {
    flex: 0 auto;
    grid-template-columns: .75fr;
    width: auto;
  }

  .side-image.tab-side-image.second {
    margin-left: 0;
    padding-right: 0;
  }

  .side-image.tab-side-image.third {
    margin-left: 0;
    margin-right: 0;
  }

  .number-text.blue {
    display: inline-block;
    position: relative;
    overflow: visible;
  }

  .number-text.green {
    display: inline-block;
  }

  .review-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .review-top {
    display: flex;
  }

  .blog-slider {
    width: 500px;
    margin-left: 36px;
  }

  .testimonial-slide {
    width: 100%;
  }

  .form-card.blog {
    background-size: cover;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer-flex-container, .footer-flex-container.height, .footer-flex-container.height {
    flex-wrap: wrap;
  }

  .tabs-menu.second-variation {
    width: 100%;
  }

  .div-block-alternative {
    flex-wrap: wrap;
  }

  .side-bar {
    width: 100%;
  }

  .div-content.blog-posts {
    padding-right: 0;
  }

  .sidebar-card, .sidebar-card.subscribe, .sidebar-card.subscribe {
    display: none;
  }

  .side-tab {
    width: auto;
  }

  .graphic-side-image, .graphic-side-image.second, .graphic-side-image.seventh, .graphic-side-image.eight, .graphic-side-image.second, .graphic-side-image.seventh, .graphic-side-image.eight {
    margin-left: 0;
    margin-right: 0;
  }

  .big-headline {
    font-size: 50px;
    line-height: 60px;
  }

  .big-headline.flexible {
    margin-top: 0;
    margin-left: -60px;
  }

  .hero-section.light-green.with-mockup.small {
    margin-top: 118px;
  }

  .hero-section.pages-section.greenbackground.aboutus {
    margin-top: 71px;
  }

  .hero-section.light-green.with-mockup {
    padding-top: 91px;
  }

  .toogle-questions {
    text-align: left;
  }

  .div-service {
    width: 100%;
  }

  .section-image.third {
    height: 300px;
    margin-top: 100px;
  }

  .section-image.paddings {
    height: 450px;
  }

  .section-image.woman {
    background-position: 50% 0;
    background-size: cover;
    width: 70%;
    display: block;
  }

  .form-text {
    padding-right: 0;
  }

  .top-side-tab-menu {
    width: 100%;
  }

  .testimonial-slider-vr-2 {
    height: 600px;
  }

  .testimonials-card {
    flex-direction: column;
  }

  .testimonials-card.single {
    border-radius: 10px;
    flex-direction: column;
    height: auto;
  }

  .testimonial-content.dark-side, .testimonial-content.image, .testimonial-content.dark-side, .testimonial-content.image {
    border-radius: 0;
    width: 100%;
    height: 300px;
  }

  .left-testimonials-arrow, .right-testimonials-arrow {
    display: block;
  }

  .testimonial-name.tab {
    width: 360px;
    display: flex;
  }

  .cta-icon.center, .cta-text.white, .cta-text.white {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .menu-button.w--open {
    color: #333;
    background-color: #0000;
  }

  .page-title.white {
    margin-top: 67px;
  }

  .mockup-image, .mockup-image.top, .mockup-image.top {
    width: 100%;
  }

  .footer-dark {
    padding: 40px 20px;
  }

  .footer-side {
    width: 100%;
    margin-left: 0;
    padding: 40px 20px;
    display: flex;
  }

  .footer-side.flex-side {
    border-top: 1px solid #0000001c;
    border-left-style: none;
    border-left-width: 0;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
  }

  .footer-side.flex-side.light {
    width: 100%;
    padding-top: 96px;
  }

  .team-grid {
    display: inline-block;
  }

  .team-grid.vertical {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    margin: 33px;
    display: flex;
  }

  .team-grid.line {
    overflow: hidden;
  }

  .block-service.flex-block-service.light {
    width: 80%;
  }

  .features-grid-column {
    grid-column-gap: 16px;
  }

  .blog-and-sidebar {
    flex-direction: column;
  }

  .right-collection-wrapper {
    flex: 0 auto;
    width: 100%;
  }

  .right-collection-wrapper.full {
    padding-right: 0;
  }

  .sidebar {
    width: 100%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sidebar.left {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-posts-wrapper {
    margin-top: -157px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .right-arrows, .left-arrows {
    display: block;
  }

  .blogsummary {
    display: none;
  }

  .homeappparagraph {
    flex-flow: column;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .homeappparagraph.magicparagraph {
    align-items: center;
    padding-left: 0;
  }

  .homeappparagraph.api {
    margin-top: -2px;
    margin-left: 66px;
    margin-right: 138px;
    padding-left: 0;
    display: block;
  }

  .homeappparagraph.top {
    margin-top: -1px;
    margin-left: 25px;
    margin-right: 23px;
  }

  .homeappparagraph.top.pii {
    margin-top: 2px;
    margin-left: -32px;
  }

  .appheading {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
  }

  .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    justify-content: center;
    margin-left: 0;
  }

  .appheading.top {
    margin-top: -20px;
    margin-left: 63px;
  }

  .appheading.top.api {
    align-items: center;
    margin-left: -97px;
  }

  .appheading.top.pii {
    margin-left: 46px;
  }

  .appheading.bottom.magiclabels, .appheading.projectlabelsheading {
    justify-content: center;
    margin-left: 0;
  }

  .big-text-2 {
    margin-right: 44px;
  }

  .generalbutton {
    display: inline-block;
  }

  .generalbutton.appbutton {
    display: none;
  }

  .generalbutton.homepagebutton {
    margin-left: 104px;
  }

  .generalbutton.documentation {
    margin-left: 118px;
  }

  .generalbutton.learnmore {
    flex-flow: row;
    margin-top: -59px;
    margin-left: 111px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .generalbutton.learnmore.pl {
    margin-top: 91px;
    margin-left: 0;
  }

  .generalbutton.learnmore.cw {
    margin-top: 41px;
    margin-left: 150px;
  }

  .generalbutton.learnmore.api {
    flex-flow: row;
    margin-top: -59px;
    margin-left: 157px;
  }

  .generalbutton.learnmore.ml {
    margin-top: 100px;
    margin-left: 48px;
  }

  .generalbutton.learnmore.pii {
    margin-top: 42px;
    margin-bottom: 10px;
    margin-left: 53px;
    padding-bottom: 10px;
  }

  .generalbutton.colorfullabels {
    margin-left: 123px;
  }

  .generalbutton.ml {
    margin-left: 114px;
  }

  .generalbutton.cwbutton {
    margin-left: 116px;
  }

  .whitetitle {
    text-align: center;
    margin-top: 54px;
    margin-bottom: 0;
  }

  .container-4 {
    max-width: none;
    max-height: none;
    margin-top: 148px;
    padding-left: 32px;
  }

  .image-407 {
    margin-bottom: 33px;
    margin-left: 54px;
  }

  .threepartgrid {
    margin-top: 123px;
    margin-left: 39px;
    margin-right: 20px;
  }

  .image-408 {
    margin-left: -5px;
    padding-left: 0;
  }

  .front-page-apps {
    padding-left: 10px;
  }

  .front-page-apps.api-app {
    padding-left: 0;
  }

  .front-page-apps.api-app.thirdapp {
    max-width: 500px;
  }

  .front-page-apps.api-app.bottom {
    flex-flow: column;
    justify-content: center;
    max-width: 500px;
    min-height: 450px;
    max-height: 450px;
    padding-bottom: 0;
  }

  .front-page-apps.appsright {
    grid-template-rows: 132px auto;
    justify-content: center;
    max-width: 500px;
    padding-left: 0;
  }

  .grid-5 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .app-buttons {
    margin-top: -14px;
  }

  .app-buttons.apps2-4 {
    width: 300px;
    height: 50px;
    margin-top: -19px;
    margin-left: 13px;
  }

  .app-buttons.pii {
    width: 300px;
    height: 50px;
    margin-top: -59px;
    margin-left: 5px;
    padding-left: 0;
  }

  .app-buttons.pii.bottom {
    margin-left: 91px;
  }

  .app-buttons.pii.bottom.cw {
    margin-left: 22px;
  }

  .app-buttons.pii.api {
    margin-top: 0;
    margin-left: 12px;
  }

  .appgrid {
    grid-template-columns: .25fr 17fr;
    margin-top: -16px;
    margin-left: -28px;
  }

  .apphero {
    margin-top: 10px;
  }

  .apptitleimage, .apptitleimage.dogecoin, .apptitleimage.dogecoin {
    display: none;
  }

  .apptitletext {
    text-align: center;
    margin-bottom: 33px;
    padding-top: 0;
  }

  .appparagraph {
    margin-top: -15px;
  }

  .container-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-7.labelpages {
    margin-top: 155px;
    padding-left: 35px;
  }

  .container-8 {
    padding-left: 46px;
    padding-right: 43px;
  }

  .image-409 {
    margin-left: 9px;
    padding-left: 0;
  }

  .image-410 {
    margin-left: 21px;
  }

  .image-411 {
    margin-left: 13px;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-post-image-2 {
    width: 90%;
  }

  .container-11, .container-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-13 {
    padding-left: 37px;
    padding-right: 20px;
  }

  .container-14, .container-15, .container-16, .container-17 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-8 {
    margin-top: 22px;
  }

  .container-18 {
    margin-top: 1px;
  }

  .container-19 {
    margin-bottom: 49px;
  }

  .appimage1.piiprotection {
    min-width: 150px;
    max-width: 170%;
    min-height: 150px;
    margin-top: -32px;
    margin-left: 105px;
  }

  .appimage2 {
    margin-left: 0;
  }

  .appimage3 {
    margin-left: 14px;
  }

  .appimage3.appimage5 {
    margin-left: 22px;
  }

  .appimage3.project_labels {
    margin-left: 0;
  }

  .appimage4 {
    min-width: 110px;
    min-height: 120px;
    margin-top: -548px;
    margin-left: 139px;
    display: inline-block;
  }

  .div-block-12 {
    flex-direction: column;
  }

  .link-block-2 {
    margin-top: 157px;
  }

  .categorywrapper {
    flex-direction: column;
  }

  .appbuttonwrapper {
    justify-content: center;
  }

  .wrap {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 15vw;
    padding-right: 15vw;
    display: flex;
  }

  .form-block-2 {
    width: 100%;
  }

  .input {
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    padding-left: 22px;
    padding-right: 22px;
  }

  .input.field-newsletter {
    margin-left: 2px;
  }

  .newsletter-wrap {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 15vw;
    padding-right: 15vw;
    display: flex;
  }

  .form-2 {
    flex-direction: column;
  }

  .checkbox-label {
    text-align: left;
  }

  .container {
    padding-bottom: 37px;
  }

  .photofilter._3, .photofilter._2 {
    width: 100%;
  }

  .photofilter._1 {
    align-items: center;
    width: 100%;
    min-width: 100px;
    height: auto;
    min-height: 200px;
    display: flex;
  }

  .photofilter._3, .photofilter._2 {
    width: 100%;
  }

  .photofilter._4 {
    height: auto;
    min-height: 450px;
  }

  .photofilter._5 {
    width: 100%;
    height: auto;
  }

  .animation {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 1;
    align-self: stretch;
    width: auto;
    display: block;
  }

  .div-block-22 {
    margin-left: 0;
  }

  .name {
    padding-left: 20px;
  }

  .div-block-25 {
    display: block;
  }

  .container-22 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-421 {
    margin-top: 131px;
  }

  .body-4 {
    display: block;
    overflow: hidden;
  }

  .alignment {
    padding-left: 20px;
  }

  .container-23, .containerpadding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .youtube {
    width: 90%;
    margin-left: 25px;
  }

  .bold-text-8 {
    text-align: left;
  }

  .rich-text-block {
    margin-left: 24px;
  }

  .div-block-29 {
    margin-left: 26px;
  }

  .container-26, .container-27 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-422 {
    margin-left: 98px;
  }

  .collection-list-wrapper-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 69px;
    display: block;
  }

  .cta-section {
    display: none;
  }

  .image-428 {
    margin-left: 49px;
  }

  .image-429 {
    margin-left: 68px;
  }

  .sidebar-cta {
    margin-left: 0;
    margin-right: 0;
  }

  .sidebar-cta.blog {
    background-size: cover;
  }

  .image-436 {
    margin-top: 442px;
    margin-left: 157px;
    margin-right: 52px;
  }

  .section-19 {
    margin-left: -4px;
  }

  .div-block-37 {
    flex: 0 auto;
  }

  .div-block-41, .div-block-47 {
    justify-content: center;
    display: flex;
  }

  .app-div-block {
    margin-bottom: -19px;
    margin-left: 0;
  }

  .app-div-block.pii {
    margin-top: -118px;
  }

  .app-div-block.api {
    margin-top: -184px;
    margin-bottom: 10px;
  }

  .div-block-49 {
    justify-content: center;
    display: flex;
  }

  .collection-item-3 {
    margin-left: -5px;
  }

  .image-437 {
    margin-left: 57px;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    margin-top: -156px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navcontainer {
    flex: 0 auto;
    margin-left: 0;
  }

  .nav-menu {
    overflow: hidden;
  }

  .button {
    margin-bottom: 10px;
  }

  .button.subscribe-button {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .section {
    margin-top: 0;
    margin-left: 0;
    overflow: hidden;
  }

  .section.gray.padding {
    padding-top: 100px;
  }

  .section.bottom-margin {
    z-index: auto;
    margin-top: -127px;
    margin-bottom: -40px;
    padding: 0 20px 95px;
    display: block;
    overflow: visible;
  }

  .section.color.top-pading {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .section.less-margin.gradient.greenbackground {
    margin-top: 130px;
  }

  .section.gray.no-top-padding {
    margin-top: 44px;
    padding-bottom: 108px;
  }

  .section.padding-bottom {
    margin-top: -130px;
    margin-bottom: 169px;
    padding-bottom: 0;
  }

  .page-tittle.top-margin {
    margin-top: 0;
  }

  .page-tittle.left.half-section-intro {
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }

  .page-tittle.cta {
    width: 100%;
  }

  .button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: ". Area"
    / 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .logotypes {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .logotypes.less-margin {
    grid-column-gap: 100px;
    grid-row-gap: 40px;
  }

  .logotypes.bigger {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    width: 100%;
  }

  .logo-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-header {
    z-index: 2;
    width: auto;
    max-width: none;
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 38px;
    display: flex;
    position: static;
  }

  .text-header.white.normal {
    font-size: 28px;
    line-height: 38px;
  }

  .grid-scale {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-scale.center-flex {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .side-image {
    height: 300px;
  }

  .side-image.tab-side-image {
    background-position: 50%;
    background-size: cover;
    height: 300px;
  }

  .side-image.tab-side-image.second {
    height: 300px;
  }

  .side-image.tab-side-image.third {
    height: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-slider {
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    display: block;
    overflow: visible;
  }

  .testimonial-slide {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-card {
    width: 300px;
    margin-top: 100px;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .form-card.blog {
    object-fit: fill;
    object-fit: fill;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
    margin: -120px 0 60px;
    display: block;
  }

  .imput {
    border: 1px solid var(--lavender);
    background-color: var(--faf9f8);
    text-align: center;
    border-radius: 10px;
    flex: 1;
    margin-bottom: 10px;
    padding: 15px 0;
  }

  .form {
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    margin-left: 0;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-heading {
    margin-top: 20px;
  }

  .tabs-menu.second-variation {
    flex-direction: column;
    margin-bottom: 60px;
  }

  .footer-column {
    width: 100%;
  }

  .div-block-alternative {
    flex-direction: column;
  }

  .blog-post-link {
    flex-direction: column;
    width: 75%;
    margin-left: 33px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-image {
    width: 100%;
  }

  .div-content.blog-posts {
    padding-top: 32px;
    padding-left: 0;
  }

  .sidebar-card {
    margin-left: 0;
    margin-right: 0;
  }

  .side-tab {
    width: 100%;
  }

  .graphic-side-image {
    height: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .graphic-side-image.third {
    margin-left: 0;
    margin-right: 0;
  }

  .features-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .testimonial-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .big-headline {
    width: 100%;
    font-size: 40px;
    line-height: 50px;
  }

  .big-headline.flexible {
    color: var(--faf9f8);
    margin-left: -39px;
  }

  .hero-section.light-green.with-mockup {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .hero-section.light-green.with-mockup.small {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 114px;
    padding-top: 101px;
    display: flex;
  }

  .hero-section.pages-section.greenbackground.aboutus {
    margin-top: 72px;
  }

  .hero-section.home-vr-3.hero-5 {
    padding-bottom: 100px;
  }

  .hero-section.greenbackground {
    margin-top: 83px;
  }

  .hero-section.greenbackground.with-mockup {
    padding-bottom: 364px;
    overflow: hidden;
  }

  .toogle-questions {
    text-align: left;
  }

  .category.colored {
    margin-top: -61px;
  }

  .section-image.third {
    height: 200px;
    margin-top: 60px;
    margin-right: -40px;
  }

  .section-image.paddings {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    height: 300px;
  }

  .section-image.woman {
    background-size: contain;
    display: none;
  }

  .light-form {
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .form-text {
    padding-right: 0;
  }

  .testimonial-slider-vr-2 {
    height: 700px;
  }

  .testimonials-card {
    flex-direction: column;
  }

  .testimonial-content.dark-side {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 350px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-content.image {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    width: 100%;
    height: 350px;
  }

  .left-testimonials-arrow, .right-testimonials-arrow {
    display: block;
  }

  .testimonial-name.tab {
    width: 100%;
  }

  .logo-brand {
    max-width: 90%;
    height: 40px;
  }

  .side-tab-white {
    text-align: center;
  }

  .cta-icon.center, .cta-text.white, .cta-text.white {
    margin-right: 0;
  }

  .menu-button {
    color: var(--polywhite);
  }

  .page-title.white {
    flex: 0 auto;
    margin-bottom: 46px;
    display: block;
  }

  .mockup-image {
    background-size: 280px;
    width: 100%;
    height: 200px;
    margin-bottom: -46px;
  }

  .mockup-image.top {
    background-size: 300px;
    margin-bottom: 40px;
  }

  .footer-dark {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: visible;
  }

  .footer-side {
    width: 100%;
    margin-left: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 0;
    overflow: hidden;
  }

  .footer-side.flex-side {
    border: 0 solid #00000042;
    border-top-width: 1px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    overflow: visible;
  }

  .footer-side.flex-side.light {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-copyright {
    flex-direction: column;
  }

  .team-grid {
    flex-flow: row;
    grid-template-columns: 1fr;
    align-items: center;
    display: inline-block;
    position: relative;
  }

  .team-grid.vertical {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: minmax(auto, auto) minmax(auto, auto);
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
  }

  .team-grid.line {
    grid-template-columns: 1fr;
  }

  .team-card.border-line {
    border-right: 1px none var(--lavender);
    border-bottom-style: solid;
    border-left-style: none;
    border-right: 1px none var(--lavender);
    border-bottom-style: solid;
    border-left-style: none;
    width: 100%;
  }

  .team-image, .team-image._1, .team-image._1 {
    width: 200px;
    height: 200px;
  }

  .block-service.flex-block-service {
    padding-left: 30px;
    padding-right: 30px;
  }

  .block-service.flex-block-service.light {
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-image, .feature-image.second, .feature-image.third, .feature-image.second, .feature-image.third {
    width: 300px;
    height: 300px;
  }

  .features-grid-column {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fourth-social-icon.facebookicon.light, .fourth-social-icon.youtubeicon.light {
    background-size: 20px;
    width: 25px;
    height: 25px;
  }

  .fourth-social-icon.facebook-icon.light {
    background-size: 15px;
    width: 20px;
    height: 25px;
  }

  .fourth-social-icon.twitter-icon.light {
    width: 25px;
    height: 25px;
  }

  .fourth-social-icon.instagram-icon.light {
    width: 20px;
    height: 25px;
  }

  .fourth-social-icon.facebookicon.light, .fourth-social-icon.youtubeicon.light, .fourth-social-icon.youtubeicon.light {
    background-size: 20px;
    width: 25px;
    height: 25px;
  }

  .team-social-div.white-content {
    display: inline-block;
  }

  .team-social-div.white-content.no-padding {
    margin-top: 10px;
  }

  .team-info-div {
    flex-direction: column;
  }

  .video-image {
    width: 80px;
    height: 80px;
    margin-right: 0;
  }

  .search-form-one {
    flex-flow: column wrap;
  }

  .search-image {
    display: none;
  }

  .search-input-alternative {
    margin-bottom: 10px;
  }

  .watch-video-now {
    margin-top: 20px;
    font-size: 14px;
  }

  .min {
    text-align: center;
  }

  .blog-and-sidebar {
    padding-left: 0;
    padding-right: 0;
  }

  .right-collection-wrapper.full {
    padding-right: 0;
  }

  .sidebar {
    padding-left: 0;
  }

  .blog-posts-wrapper {
    margin-top: -128px;
  }

  .collection-list.category {
    grid-template-columns: 1fr;
  }

  .right-arrows {
    margin-right: -10px;
  }

  .left-arrows {
    margin-left: -10px;
  }

  .empty-block {
    display: none;
  }

  .body-2 {
    overflow: visible;
  }

  .homeappparagraph {
    text-align: left;
    margin-top: -4px;
    margin-bottom: 15px;
    margin-left: 13px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .homeappparagraph.magicparagraph {
    padding-left: 0;
  }

  .homeappparagraph.api {
    margin-left: 17px;
    margin-right: 107px;
  }

  .homeappparagraph.top {
    margin-top: -5px;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
  }

  .homeappparagraph.top.pii {
    text-align: center;
    text-align: center;
    margin: -12px 30px 0 -49px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .appheading {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: -15px;
    padding-left: 0;
    font-size: 30px;
  }

  .appheading.top {
    margin-left: -24px;
  }

  .appheading.top.api {
    margin-top: -12px;
    font-size: 25px;
  }

  .appheading.top.pii {
    margin-top: -19px;
    margin-left: -69px;
    font-size: 25px;
  }

  .appheading.bottom {
    margin-left: -4px;
    font-size: 25px;
  }

  .appheading.bottom.magiclabels {
    margin-left: -25px;
  }

  .appheading.projectlabelsheading {
    font-size: 25px;
  }

  .page-tittle-2.hero {
    margin-left: 0;
    display: flex;
  }

  .big-text-2 {
    margin-left: -76px;
    margin-right: -6px;
    padding-left: 0;
  }

  .generalbutton {
    flex-direction: row;
    justify-content: center;
    margin: 3px 0 19px -92px;
    padding: 3px 20px;
    font-size: 15px;
    display: inline-block;
  }

  .generalbutton.w--current {
    margin-bottom: 31px;
    font-size: 14px;
  }

  .generalbutton.homepagebutton {
    margin-left: -10px;
    padding-left: 0;
    display: inline-block;
  }

  .generalbutton.subscribe {
    width: 200px;
    margin-left: 4px;
    padding-left: 0;
    padding-right: 0;
  }

  .generalbutton.documentation {
    margin-left: -10px;
  }

  .generalbutton.learnmore {
    margin-top: 40px;
    margin-left: 76px;
  }

  .generalbutton.learnmore.pl {
    justify-content: center;
    margin-top: 62px;
    margin-left: -162px;
  }

  .generalbutton.learnmore.cw {
    margin-top: 49px;
    margin-left: -157px;
  }

  .generalbutton.learnmore.api {
    margin-top: 14px;
    margin-left: 0;
  }

  .generalbutton.learnmore.ml {
    margin-left: -116px;
  }

  .generalbutton.learnmore.pii {
    margin-top: 65px;
    margin-left: -79px;
  }

  .generalbutton.next {
    width: 200px;
    margin-left: -96px;
    padding-left: 0;
    padding-right: 0;
  }

  .generalbutton.colorfullabels {
    margin-top: -48px;
    margin-bottom: 184px;
    margin-left: 0;
  }

  .generalbutton.ml {
    margin-bottom: -83px;
    margin-left: -8px;
  }

  .generalbutton.cwbutton {
    margin-left: 2px;
  }

  .whitetitle {
    text-align: center;
    margin-top: 43px;
    margin-bottom: -2px;
    margin-left: 22px;
    padding-left: 0;
  }

  .container-4 {
    padding-left: 35px;
  }

  .bold-text-3 {
    text-align: center;
  }

  .image-407 {
    margin-left: 32px;
  }

  .threepartgrid {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .headline {
    text-align: left;
    margin-left: 24px;
  }

  .section-3 {
    margin-top: 126px;
  }

  .front-page-apps {
    flex-direction: column;
    margin-top: -154px;
    padding-left: 0;
    display: flex;
  }

  .front-page-apps.api-app {
    align-items: center;
    margin-top: 0;
  }

  .front-page-apps.api-app.thirdapp {
    flex-flow: column;
    height: 450px;
    margin-top: 0;
    margin-bottom: 18px;
  }

  .front-page-apps.api-app.bottom {
    height: 500px;
  }

  .front-page-apps.appsright {
    align-items: center;
    height: 500px;
    margin-top: 0;
    padding-left: 5px;
  }

  .front-page-apps.appright {
    margin-top: 0;
  }

  .front-page-apps.appright.topapps {
    height: 500px;
  }

  .footer-header {
    display: inline-block;
  }

  .grid-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: nowrap;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr 1.75fr;
    grid-auto-columns: 1fr;
    place-content: stretch flex-start;
    align-items: stretch;
    margin-top: -79px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: grid;
  }

  .app-buttons {
    margin-top: 0;
    margin-bottom: 4px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .app-buttons.apps2-4 {
    justify-content: center;
    width: auto;
    margin-top: -9px;
    margin-left: 0;
    padding-left: 0;
  }

  .app-buttons.pii {
    justify-content: center;
    width: auto;
    margin-top: -33px;
    margin-left: 0;
  }

  .app-buttons.pii.bottom {
    justify-content: center;
    margin-left: 156px;
  }

  .app-buttons.pii.bottom.cw.small {
    margin-left: 168px;
  }

  .app-buttons.pii.api {
    margin-top: -23px;
    margin-left: 0;
  }

  .appgrid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -133px;
    margin-left: -7px;
    display: flex;
  }

  .apptitleimage {
    margin-top: -10px;
    margin-bottom: 21px;
    margin-left: 36px;
  }

  .apptitletext {
    text-align: center;
    margin-bottom: 35px;
    margin-left: 19px;
  }

  .appparagraph {
    text-align: left;
    margin-top: 46px;
    margin-bottom: 47px;
    margin-left: 8px;
    padding-top: 0;
    padding-right: 0;
  }

  .container-7.labelpages {
    padding-left: 38px;
  }

  .container-8 {
    padding-left: 42px;
  }

  .image-410 {
    margin-left: 26px;
  }

  .image-411 {
    margin-left: 24px;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .blog-post-image-2 {
    width: 90%;
  }

  .div-block-7 {
    flex-direction: column;
    align-items: stretch;
    margin-right: -9px;
    padding-left: 0;
    display: flex;
  }

  .container-11 {
    margin-top: -123px;
  }

  .container-12 {
    margin-top: -122px;
    margin-bottom: 242px;
  }

  .container-13 {
    padding-left: 41px;
  }

  .container-14 {
    margin-top: -135px;
  }

  .container-17 {
    margin-bottom: 92px;
  }

  .div-block-8 {
    margin-bottom: -39px;
  }

  .container-19 {
    margin-bottom: -33px;
  }

  .text-block {
    color: #0000;
    width: 250px;
    margin-right: -87px;
    padding-right: 46px;
    font-size: 15px;
  }

  .apptextbold {
    text-align: left;
  }

  .appimage1 {
    flex: 0 auto;
    margin-top: 0;
    margin-left: 14px;
    display: block;
  }

  .appimage1.piiprotection {
    width: 0;
    min-width: 80px;
    max-width: 80%;
    height: 0;
    min-height: 80px;
    max-height: 80px;
    margin: -49px -35px 55px -71px;
  }

  .appimage2 {
    margin-top: -64px;
    margin-left: -11px;
  }

  .appimage3 {
    margin-top: -22px;
    margin-left: -14px;
  }

  .appimage3.appimage5 {
    margin-top: -10px;
    margin-left: 0;
  }

  .appimage3.project_labels {
    margin-top: -10px;
  }

  .appimage4 {
    width: 70px;
    min-width: 80px;
    max-width: 80%;
    height: 100px;
    min-height: 80px;
    max-height: 80px;
    margin: -500px 0 -63px -41px;
    display: block;
  }

  .link-block-2 {
    flex-direction: column;
  }

  .link-2, .link-3, .link-4, .link-5 {
    font-size: 15px;
  }

  .appbuttonwrapper {
    justify-content: center;
    display: flex;
    position: static;
  }

  .wrap {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .form-block-2 {
    width: auto;
  }

  .input.field-newsletter {
    max-width: 250px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .newsletter-wrap {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .form-2 {
    flex-direction: column;
    align-items: center;
    width: auto;
  }

  .container {
    margin-top: 150px;
    overflow: visible;
  }

  .container.greenbackground {
    padding-left: 0;
    padding-right: 0;
  }

  .photofilter._3, .photofilter._2, .photofilter._4 {
    min-height: 300px;
    margin-bottom: 20px;
  }

  .photofilter._1 {
    box-sizing: border-box;
    object-fit: fill;
    width: 50%;
    min-width: 250px;
    max-width: 300px;
    min-height: 300px;
    max-height: 400px;
    margin-bottom: 20px;
  }

  .photofilter._3, .photofilter._2, .photofilter._4 {
    min-height: 300px;
    margin-bottom: 20px;
  }

  .photofilter._5 {
    background-position: 0 0;
    min-height: 300px;
  }

  .body-3 {
    overflow: visible;
  }

  .animation {
    padding-left: 0;
  }

  .div-block-22 {
    justify-content: center;
    align-items: center;
    margin-top: -427px;
    margin-left: 0;
    padding-top: 15px;
    display: flex;
  }

  .image-420 {
    flex: 0 auto;
    margin-left: 0;
    display: block;
    overflow: hidden;
  }

  .name {
    margin-left: 0;
    padding-left: 0;
  }

  .position {
    margin-top: -3px;
    margin-bottom: 12px;
  }

  .container-22 {
    grid-column-gap: 0px;
    grid-template-columns: 17fr .5fr;
  }

  .image-421 {
    display: none;
  }

  .body-4 {
    overflow: visible;
  }

  .div-block-26 {
    display: inline-block;
  }

  .div-block-27 {
    flex-direction: column;
    flex: 0 auto;
    align-self: auto;
    display: flex;
    position: relative;
  }

  .body-5, .body-6, .body-7 {
    overflow: visible;
  }

  .bold-text-7 {
    text-align: center;
  }

  .containerpadding {
    margin-top: -6px;
    margin-bottom: -8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-25 {
    margin-top: -182px;
  }

  .rich-text-block {
    margin-left: 1px;
  }

  .image-422 {
    margin-top: -2px;
    margin-left: 49px;
  }

  .collection-list-wrapper-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-left: -1px;
    padding-left: 27px;
    padding-right: 0;
    display: block;
  }

  .image-425.cw1, .image-428 {
    margin-left: 21px;
  }

  .image-429 {
    margin-left: 28px;
  }

  .image-434.cw {
    margin-left: 41px;
  }

  .sidebar-cta {
    margin-top: 100px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sidebar-cta.blog {
    object-fit: fill;
    object-fit: fill;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
    margin: -120px 0 60px;
    display: block;
  }

  .columns {
    flex-flow: column;
  }

  .image-436 {
    margin-top: 428px;
    margin-bottom: -45px;
    margin-left: 68px;
    padding-bottom: 0;
  }

  .icon {
    color: var(--dark-grey);
  }

  .section-19 {
    flex-flow: column;
    margin-left: 114px;
  }

  .div-block-41 {
    margin-top: 35px;
  }

  .collection-list-2 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .grid-14 {
    grid-template-columns: 1fr;
  }

  .grid-15 {
    grid-template-columns: 2.75fr;
  }

  .bold-text-13 {
    margin-top: 20px;
  }

  .app-div-block.api {
    margin-top: -300px;
  }

  .bold-text-14 {
    justify-content: center;
    margin-top: -24px;
    display: flex;
  }

  .bold-text-15 {
    margin-top: -45px;
  }

  .div-block-50 {
    flex-flow: column;
    justify-content: center;
    margin-top: -2px;
    display: flex;
  }

  .collection-item-3 {
    height: 30%;
    margin-left: 13px;
  }

  .collection-list-3 {
    margin-bottom: 217px;
    margin-left: 3px;
  }

  .image-437 {
    margin-left: 31px;
  }

  .div-block-51 {
    margin-top: -174px;
  }

  .div-block-52 {
    margin-top: -151px;
  }

  .div-block-53 {
    margin-bottom: 173px;
  }

  .section-20 {
    margin-top: 7px;
  }

  .section-21 {
    margin-bottom: 1px;
  }

  .div-block-54 {
    margin-top: 17px;
  }
}

#w-node-_2d5f4293-eef8-c2a3-2563-aa2a8da65071-e57bcdf7 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-f29037d6-272a-bdb9-96a8-32245231cd84-e57bcdf7 {
  grid-area: 2 / 1 / 5 / 2;
}

#w-node-aef62c7a-8aba-de5f-34fd-b537f5d0b7b0-e57bcdf7 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_7402ba48-dc66-f96d-2a23-5165dd6d7ec6-42fbfebc, #w-node-_177b208b-4f10-0f00-fa15-2d5bc40dfd01-42fbfebc, #w-node-_82e03030-453a-936e-0062-db7a764d4290-42fbfebc, #w-node-_82e03030-453a-936e-0062-db7a764d4298-42fbfebc {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-f29037d6-272a-bdb9-96a8-32245231cd84-e57bcdf7 {
    grid-area: 2 / 1 / 6 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_82e03030-453a-936e-0062-db7a764d4298-42fbfebc {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}