:root {
  --slate-grey: #30364d;
  --orange: #e5821c;
  --white: white;
  --black: black;
  --light-sea-green: #b87df9;
  --663399: #482fb4;
  --dark-blue: #2e188a;
  --light-cyan: ghostwhite;
  --lavender: #d2d2f5;
  --border-geay: #e3e3e3;
  --dim-grey: #666;
  --dark-grey: #999;
  --shadow: #2e323c17;
}

.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;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

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

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

h2 {
  color: var(--slate-grey);
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans;
  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;
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
}

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

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

h6 {
  color: var(--slate-grey);
  margin-top: 0;
  margin-bottom: 14px;
  font-family: DM Sans;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

p {
  color: var(--slate-grey);
  margin-bottom: 20px;
  font-family: DM Sans;
  font-size: 15px;
  line-height: 25px;
}

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

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

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

img {
  max-width: 100%;
  display: inline-block;
}

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

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

.navbar {
  z-index: 999;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 24px 0 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.navbar.in-lock {
  position: relative;
}

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

.container.navbar-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container.white {
  filter: invert();
}

.container.white.padding {
  border-bottom: 1px solid #0003;
  margin-bottom: 98px;
  padding-bottom: 40px;
}

.container.padding-top {
  margin-top: 96px;
}

.container.relativ {
  z-index: 2;
  position: relative;
}

.container.small {
  max-width: 900px;
}

.nav-column.left {
  flex: 1;
}

.nav-column.right {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.nav-menu {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 10px;
  display: flex;
}

.button {
  background-color: var(--light-sea-green);
  background-image: linear-gradient(to bottom, var(--light-sea-green), var(--orange));
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.button:hover {
  background-image: linear-gradient(1800deg, var(--light-sea-green), var(--orange) 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.button.dark {
  background-color: var(--slate-grey);
  background-image: linear-gradient(to bottom, var(--663399) 25%, var(--dark-blue));
  font-weight: 500;
  transition: all .4s, all .4s;
}

.button.dark:hover {
  background-image: linear-gradient(to bottom, var(--dark-blue), var(--black));
}

.button.nav-button {
  background-color: #e5821c;
  background-image: linear-gradient(to bottom, var(--orange), var(--orange));
  border: 0 #000;
  flex: 0 auto;
}

.button.nav-button:hover {
  background-image: linear-gradient(to right, var(--light-sea-green), var(--orange) 60%);
}

.button.subscribe-button {
  background-color: var(--orange);
  border-radius: 8px;
  width: 160px;
}

.button.subscribe-button:hover {
  background-image: linear-gradient(to bottom, var(--light-sea-green), var(--orange) 64%);
}

.button.subscribe-button.navigation {
  width: 100%;
}

.button.subscribe-button.in-sidebar {
  width: 180px;
  padding-left: 0;
  padding-right: 0;
}

.button.white {
  border: 1px solid var(--white);
  background-color: var(--white);
  color: var(--orange);
  background-image: none;
  transition: background-color .4s, all .4s;
}

.button.white:hover {
  border-color: var(--dark-blue);
  background-color: var(--dark-blue);
  box-shadow: none;
  color: var(--white);
}

.button.search-button {
  background-color: var(--orange);
  height: 60px;
  margin-left: 12px;
}

.button.outline {
  border: 1px solid var(--white);
  background-color: #0000;
  background-image: none;
  transition: background-color .4s, all .4s;
}

.button.outline:hover {
  box-shadow: none;
  color: var(--orange);
  background-color: #fff;
}

.button.outline.on-white-nav:hover {
  border-style: solid;
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black);
}

.button.get-help-button {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
}

.section {
  padding: 100px 20px;
  transition: box-shadow .3s;
  position: relative;
}

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

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

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

.section.bottom-margin {
  padding-bottom: 220px;
  padding-left: 20px;
  padding-right: 20px;
}

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

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

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

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

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

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

.section.gray.more-paddings {
  padding-top: 220px;
}

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

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

.section.darker, .section.darker.cutless {
  background-image: linear-gradient(to bottom, var(--orange), var(--slate-grey));
}

.section.cta-section {
  background-color: #0000;
  background-image: linear-gradient(135deg, var(--orange), var(--slate-grey));
  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(--white);
  background-image: none;
}

.section.padding-bottom {
  padding-top: 59px;
  padding-bottom: 59px;
}

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

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

.page-tittle {
  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.top-margin {
  margin-top: 0;
}

.page-tittle.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

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

.page-tittle.left.half-section-intro {
  max-width: 500px;
}

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

.page-tittle.horizontal-flex {
  flex-direction: row;
}

.page-tittle.horizontal-flex.less-margin {
  justify-content: center;
}

.page-tittle.cta {
  width: 80%;
  margin-bottom: 0;
}

.page-tittle.padding, .page-tittle.hero {
  margin-bottom: 60px;
}

.big-text {
  margin-bottom: 24px;
  font-family: DM Sans;
  font-size: 17px;
  line-height: 28px;
}

.big-text.all-capital {
  color: var(--orange);
  text-transform: none;
  margin-bottom: 0;
  font-family: DM Sans;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.big-text.all-capital.dark {
  color: var(--black);
  font-size: 14px;
}

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

.button-wrapper {
  grid-template: ". Area"
  / 1fr 1fr;
}

.logotypes {
  grid-column-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 0;
}

.logotypes.less-margin {
  grid-column-gap: 100px;
  grid-row-gap: 20px;
  margin-bottom: 0;
}

.logotypes.bigger {
  grid-column-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.logo-link {
  color: #9b9b9b;
  text-align: center;
  font-size: 44px;
  line-height: 56px;
  text-decoration: none;
}

.video-button {
  z-index: 10;
  background-color: #0000;
  background-image: url('../images/icons8-play-96-2_1icons8-play-96 (2).png'), linear-gradient(to bottom, var(--light-sea-green), var(--orange));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: auto;
  transition: transform .3s;
  position: relative;
}

.video-button:hover {
  transform: scale(1.1);
}

.text-header {
  color: #333;
  text-align: left;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
}

.text-header.left {
  text-align: left;
  margin-bottom: 40px;
}

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

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

.flex-features-div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-features-div.padding {
  align-items: center;
  margin-top: 60px;
}

.features-card {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: auto;
  padding: 40px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.features-card:hover {
  background-color: #0000;
  box-shadow: 0 12px 24px #00000012;
}

.features-number {
  background-color: var(--white);
  color: var(--orange);
  border-radius: 20%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: 0 5px 20px #d2d2f599;
}

.dots-line {
  z-index: 2;
  border-bottom: 2px dashed var(--light-sea-green);
  flex: 1;
  width: 120px;
  height: 1px;
  padding-top: 0;
  position: relative;
  top: auto;
  right: auto;
}

.dots-line.first {
  flex: 0 auto;
  margin-left: -43px;
  margin-right: -43px;
  position: relative;
}

.grid-scale {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

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

.grid-scale.over-the-section {
  grid-column-gap: 20px;
  margin-top: -100px;
}

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

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

.grid {
  grid-column-gap: 42px;
  grid-template-rows: auto;
  width: 100%;
}

.grid.tab-grid {
  grid-template-columns: 1fr;
  margin-top: 0;
}

.side-image {
  background-image: url('../images/Untitled-1-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 400px;
  position: relative;
}

.side-image.tab-side-image {
  border: 1px solid var(--lavender);
  box-shadow: 0 5px 20px 0 var(--lavender);
  background-image: url('../images/Ideo-Images15.png');
  background-size: cover;
  height: 540px;
}

.side-image.tab-side-image.second {
  border: 1px solid var(--lavender);
  box-shadow: 0 5px 20px 0 var(--lavender);
  background-image: url('../images/Ideo-Images8.png');
  background-position: 0 0;
  background-size: cover;
  height: 520px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-right: 20px;
}

.side-image.tab-side-image.third {
  box-shadow: 0 5px 20px 0 var(--lavender);
  background-image: url('../images/Ideo-Images7.png');
  background-position: 0%;
  background-size: cover;
  height: 520px;
  margin: 20px;
  padding-left: 0;
  padding-right: 0;
}

.side-image.two {
  background-image: url('../images/Right-to-Repair-Services-1.png');
  border-radius: 0;
  height: 450px;
}

.number-text {
  font-weight: 300;
}

.number-text.blue {
  color: var(--orange);
}

.number-text.green {
  color: var(--light-sea-green);
}

.top-padding {
  margin-top: 24px;
}

.testimonials-wrapper {
  margin-top: -75px;
  margin-bottom: -100px;
}

.review-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  align-items: center;
}

.review-card {
  background-color: var(--white);
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 40px;
  box-shadow: 0 8px 28px #d2d2f599;
}

.review-top {
  border: 0 #000;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.avatar {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 48px;
  max-width: 100%;
  height: 48px;
}

.avatar.one {
  background-position: 50%;
  background-size: contain;
}

.review-info {
  flex: 1;
  padding-left: 15px;
  padding-right: 5px;
}

.review-name {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}

.review-position {
  color: var(--orange);
  font-family: DM Sans;
  font-size: 12px;
}

.review-position.white {
  color: var(--white);
}

.review-quote {
  color: var(--orange);
  margin-top: 20px;
  font-size: 17px;
  font-weight: 700;
}

.review-rate {
  margin-top: 12px;
  margin-bottom: 20px;
}

.review-star {
  object-fit: cover;
  width: 16px;
  height: 16px;
  margin-left: 1px;
  margin-right: 1px;
}

.blog-slider {
  background-color: #0000;
  height: auto;
}

.blog-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  color: #333;
  text-transform: capitalize;
  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(--white);
}

.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(--white);
  font-size: 21px;
  line-height: 31px;
}

.slide-nav {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: #3774f0;
  border-radius: 10px;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8px;
  line-height: 30px;
  display: inline-block;
  position: static;
}

.testimonial-slide {
  width: 33.333%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-icon {
  object-fit: cover;
  width: 22px;
  height: 22px;
  margin-left: auto;
  display: block;
  position: absolute;
  right: 50px;
}

.blog-icon.team {
  margin-left: 5px;
  position: relative;
  right: auto;
}

.blog-icon.team:hover {
  margin-left: 5px;
}

.blog-icon-white {
  object-fit: cover;
  width: 22px;
  height: 22px;
  margin-left: auto;
  display: none;
  position: absolute;
  right: 50px;
}

.form-card {
  z-index: 2;
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  text-align: center;
  border-radius: 10px;
  width: 700px;
  height: auto;
  margin-top: -120px;
  margin-bottom: 60px;
  padding: 45px 60px 40px;
  position: relative;
  box-shadow: 0 10px 30px #482fb433;
}

.form-card.help {
  background-image: linear-gradient(to bottom, var(--orange), var(--slate-grey));
  width: 1100px;
  margin-bottom: 96px;
}

.form-card.blog {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  width: 900px;
  height: 500px;
}

.form-block {
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.form-block.padding {
  margin-bottom: 40px;
}

.form-block.navigation {
  width: 100%;
  margin-top: 0;
}

.imput {
  background-color: #0000;
  border: 0 #000;
  margin-bottom: 0;
}

.imput.navigation {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  text-align: center;
  border-radius: 10px;
  height: 50px;
  margin-bottom: 10px;
}

.form {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--slate-grey);
  border-radius: 10px;
  align-items: center;
  padding: 5px 5px 5px 20px;
  display: flex;
}

.form.navigation {
  border-style: none;
  flex-direction: column;
  padding-left: 5px;
}

.subscribe-header {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 32px;
}

.footer {
  border-top: 1px solid var(--border-geay);
  text-align: center;
  background-color: #0000;
  align-items: flex-start;
  padding: 60px 20px 20px;
}

.footer.second-footer {
  padding-top: 0;
}

.footer.small {
  background-color: var(--light-cyan);
  padding-bottom: 0;
}

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

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

.footer-logo-link {
  color: #333;
  flex: 0 auto;
  min-width: 60px;
  max-height: 60px;
  text-decoration: none;
}

.footer-heading {
  color: #333;
  letter-spacing: 0;
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}

.footer-heading.white {
  letter-spacing: 0;
}

.footer-link {
  color: var(--slate-grey);
  border-bottom: 2px solid #0000;
  margin-bottom: 0;
  font-family: DM Sans;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  transition: border .3s, color .3s;
  display: inline-block;
}

.footer-link:hover {
  border-bottom: 2px solid var(--orange);
  color: var(--orange);
  text-decoration: none;
}

.footer-link.white:hover {
  border-bottom-color: var(--light-sea-green);
  color: var(--light-sea-green);
}

.subscribe-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.subscribe-wrapper.single {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.link {
  color: var(--dim-grey);
  font-family: DM Sans;
  line-height: 30px;
  text-decoration: none;
}

.link.space {
  margin-left: 4px;
  margin-right: 4px;
}

.footer-bottom-div {
  font-family: DM Sans;
  font-weight: 400;
  display: flex;
}

.footer-bottom-text {
  color: var(--slate-grey);
  font-size: 14px;
  line-height: 22px;
}

.footer-bottom-text.white-text {
  color: var(--white);
}

.breadcrumbs {
  color: var(--dark-grey);
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #ffffff52;
  border-radius: 8px;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: center;
  padding: 8px 12px;
  line-height: 16px;
  display: flex;
}

.breadcrumbs.dark {
  border-color: var(--orange);
}

.breadcrumbs-link {
  color: #333;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.breadcrumbs-link.white {
  color: var(--white);
}

.breadcrumbs-arrow {
  background-image: url('../images/icons8-forward-96_1icons8-forward-96.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-right: 2px;
}

.breadcrumbs-arrow.white {
  color: var(--white);
  background-image: url('../images/icons8-forward-90-1_1icons8-forward-90 (1).png');
}

.pricing-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  color: #333;
  text-align: center;
  text-transform: capitalize;
  border-radius: 10px;
  padding: 45px 50px 50px;
  text-decoration: none;
  transition: transform .3s;
  position: relative;
  box-shadow: 0 5px 20px #30364d33;
}

.pricing-card:hover {
  transform: translate(0, -10px);
}

.pricing-post-info {
  color: var(--dim-grey);
  text-transform: uppercase;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.pricing-text {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}

.pricing-list {
  color: var(--slate-grey);
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
}

.small-search-text {
  color: var(--orange);
  text-transform: none;
  margin-bottom: 10px;
}

.small-search-text.title {
  color: var(--orange);
  font-family: DM Sans;
  font-size: 14px;
  font-weight: 700;
}

.white-paragraph {
  color: #f5f4f4;
}

.grid-alternative {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.facts-block {
  border: 1px solid var(--border-geay);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px;
  display: flex;
  box-shadow: 0 12px 24px #00000005;
}

.facts-block.third-vr {
  border-color: var(--lavender);
  background-color: var(--light-cyan);
  box-shadow: none;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
}

.facts-number {
  color: var(--orange);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 400;
  line-height: 64px;
  position: relative;
}

.facts-text {
  color: var(--slate-grey);
  text-align: center;
  font-size: 17px;
  line-height: 28px;
}

.facts-text.vr3 {
  color: #333;
  margin-bottom: 15px;
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 700;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 96px;
  display: flex;
}

.tabs-menu.second-variation {
  background-color: #0000;
  border-bottom: 3px #2e323c1a;
  border-radius: 10px;
  justify-content: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.footer-submit-div {
  text-align: left;
  flex: 1;
}

.footer-column {
  text-align: left;
  flex: 0 auto;
  width: 50%;
  margin-bottom: 20px;
}

.top-footer {
  border-bottom: 1px solid var(--shadow);
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-grid {
  grid-template-rows: auto;
}

.div-block-alternative {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.side-bar {
  border: 1px none var(--shadow);
  border-radius: 0;
  flex: 0 auto;
  width: 40%;
  height: auto;
  margin-left: 40px;
}

.blog-post-link {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: #333;
  text-transform: capitalize;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 25px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-post-link:hover {
  box-shadow: 0 5px 20px #d2d2f599;
}

.blog-post-link.w--current {
  margin-bottom: 20px;
}

.blog-post-link.gray {
  background-color: var(--light-cyan);
}

.blog-post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 46%;
  max-width: 260px;
  min-height: 230px;
  padding: 12px;
  position: relative;
}

.div-content {
  padding: 0 0 0 30px;
  position: relative;
}

.div-content.blog-posts {
  flex: 1;
  padding-right: 16px;
}

.div-content.side-small-post {
  flex: 1;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.sidebar-card {
  border-bottom: 1px none var(--shadow);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 0 60px;
}

.sidebar-form {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.sidebar-header {
  border-bottom: 1px solid var(--lavender);
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.side-tabs {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: block;
}

.side-tabs.right-side {
  justify-content: center;
  display: flex;
}

.side-tabs.left-side {
  align-items: flex-start;
  display: flex;
}

.side-tab {
  text-align: center;
  background-color: #0000;
  border-bottom: 2px solid #d2d2f5;
  width: 33.3333%;
  font-family: DM Sans;
  font-weight: 500;
}

.side-tab.w--current {
  border-bottom: 2px solid var(--orange);
  background-color: var(--light-cyan);
  color: var(--orange);
  text-align: center;
  border-radius: 5px 5px 0 0;
  font-family: DM Sans;
  font-weight: 500;
}

.side-content-tab {
  margin-top: 40px;
}

.graphic-side-image {
  border: 1px solid var(--lavender);
  background-image: url('../images/Ideo-Images7.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 520px;
  margin: 20px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 5px 20px #d2d2f599;
}

.graphic-side-image.second {
  border: 1px solid var(--lavender);
  background-image: url('../images/Ideo-Images8.png');
  background-position: 0 0;
  background-size: cover;
  margin: 20px;
  box-shadow: 0 5px 20px #d2d2f599;
}

.graphic-side-image.third {
  box-shadow: none;
  background-image: url('../images/Ideo-Images10.png');
  background-size: contain;
  border-style: none;
}

.graphic-side-image.seventh {
  background-image: url('../images/Ideo-Images11.png');
}

.graphic-side-image.eight {
  background-image: url('../images/Ideo-Images14.png');
  background-position: 50%;
  background-size: cover;
}

.graphic-side-image.ninth {
  background-image: url('../images/Ideo-Images15.png');
  background-size: cover;
}

.tab-paragraph {
  font-size: 17px;
  line-height: 27px;
}

.fact-card {
  justify-content: center;
  align-items: center;
  transition: transform .4s;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
}

.fact-card:hover {
  transform: scale(1.1);
}

.fact-card.second {
  top: auto;
  left: 0;
  right: auto;
}

.fact-card.third {
  inset: auto 0% 0%;
}

.fact-card.fourth {
  transition: transform .4s;
  top: 0;
  right: auto;
}

.features-grid {
  grid-column-gap: 30px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 60px;
}

.features-icon {
  color: #00cca7;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.features-icon.one {
  background-color: #0000;
  background-image: url('../images/Untitled-7.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.second {
  background-image: url('../images/Untitled-22.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.third {
  background-image: url('../images/Untitled-6.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.four {
  background-image: url('../images/Untitled-68.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-right: 0;
}

.features-icon.four.padding {
  margin-right: 20px;
}

.features-icon.five {
  background-image: url('../images/Untitled-33.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-right: 0;
}

.features-icon.five.padding {
  margin-right: 20px;
}

.features-icon.six {
  background-image: url('../images/Untitled-22.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-right: 0;
}

.features-icon.seven {
  background-image: url('../images/Untitled-9.png');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.eight {
  background-image: url('../images/Untitled-44.png');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-card-vr-2 {
  border: 1px none var(--lavender);
  background-color: var(--white);
  color: #333;
  text-transform: capitalize;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 60px 40px 40px;
  text-decoration: none;
  transition: box-shadow .2s, transform .3s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 20px #d2d2f599;
}

.features-card-vr-2:hover {
  box-shadow: 0 5px 20px 0 var(--lavender);
  transform: translate(0, -10px);
}

.features-card-vr-2.small {
  justify-content: center;
  height: 260px;
  padding: 0;
}

.features-title {
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 31px;
}

.features-paragraph.center {
  color: var(--slate-grey);
  text-align: center;
}

.facts-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 60px;
}

.tab-content {
  color: var(--dim-grey);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.tab-content.bottom {
  margin-top: 0;
}

.tab-info {
  flex: 1;
}

.tab-pannel {
  margin-bottom: 60px;
}

.testimonial-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.visible-mask {
  overflow: visible;
}

.testimonial-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  color: #333;
  text-transform: lowercase;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 45px 50px 50px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
}

.avatar-icon {
  color: #00cca7;
  text-transform: uppercase;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.avatar-icon.first {
  background-image: url('../images/Team-4.jpg');
}

.avatar-icon.second {
  background-image: url('../images/Team-1.jpg');
}

.avatar-icon.third {
  background-image: url('../images/Team-3.jpg');
}

.avatar-icon.fourth {
  background-image: url('../images/Team-2.jpg');
}

.avatar-icon.fifth {
  background-image: url('../images/Team-4.jpg');
}

.avatar-block {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.avatar-info {
  text-transform: none;
  flex: 1;
}

.process-list {
  width: 100%;
  margin-top: 20px;
}

.top-process {
  justify-content: space-between;
  display: flex;
}

.top-process._90 {
  width: 90%;
}

.top-process._80 {
  width: 80%;
}

.top-process._65 {
  width: 65%;
}

.proces-title {
  margin-top: 0;
  font-size: 16px;
}

.proces-percentage {
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.process-bar {
  background-color: var(--shadow);
  border-radius: 8px;
  width: 100%;
  height: 10px;
}

.colored-bar {
  background-color: var(--light-sea-green);
  border-radius: 8px;
  height: 10px;
}

.colored-bar._90 {
  width: 90%;
}

.colored-bar._80 {
  background-color: var(--orange);
  width: 80%;
}

.colored-bar._65 {
  background-color: var(--663399);
  width: 65%;
}

.process-list-item {
  margin-bottom: 30px;
}

.small-text {
  color: var(--orange);
  text-transform: uppercase;
  font-family: DM Sans;
  font-size: 14px;
  font-weight: 500;
}

.small-text.white {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}

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

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

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

.gray-space {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.gray-space.blue {
  background-color: var(--orange);
}

.gray-space.dark {
  background-color: var(--663399);
}

.nav-link {
  flex: none;
  padding-left: 14px;
  padding-right: 15px;
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link.w--current {
  color: #e42f2b;
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 25px 20px 7px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  display: flex;
}

.nav-link.white {
  color: var(--white);
}

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

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

.hero-section.light-green.with-mockup {
  background-color: var(--lavender);
  height: auto;
  padding-bottom: 0;
  overflow: hidden;
}

.hero-section.light-green.with-mockup.white {
  background-color: #0000;
  padding-bottom: 96px;
}

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

.hero-section.pages-section {
  background-color: var(--light-cyan);
  background-image: linear-gradient(135deg, var(--orange), var(--slate-grey));
  height: auto;
}

.hero-section.pages-section.taller {
  padding-bottom: 140px;
}

.hero-section.pages-section.more-taller {
  padding-bottom: 220px;
}

.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(--orange), var(--slate-grey));
  height: 100vh;
  padding-bottom: 60px;
}

.search-modal {
  z-index: 1000;
  background-color: var(--light-sea-green);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.close-search {
  position: absolute;
  top: 50px;
  right: 50px;
}

.search-container {
  width: 100%;
  max-width: 600px;
}

.search-form {
  margin-bottom: 0;
  display: flex;
}

.search-input {
  border: 1px #000;
  border-radius: 5px;
  height: 60px;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 26px;
}

.toogle-questions {
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  width: 100%;
  padding: 5px 20px;
  display: flex;
}

.toogle-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.toogle-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 12px;
  display: flex;
}

.toogle-wrapper {
  background-color: var(--white);
  border: 1px solid #e7ddf1;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 16px;
}

.toogle-wrapper:hover {
  border-color: var(--light-sea-green);
}

.toogle-answer {
  text-align: left;
  padding: 0;
  font-family: DM Sans;
  font-size: 17px;
  line-height: 26px;
  display: block;
}

.light-sea-green {
  background-color: var(--light-sea-green);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
}

.light-sea-green.slate-blue {
  background-color: var(--orange);
}

.light-sea-green.dark-blue {
  background-color: var(--dark-blue);
}

.light-sea-green.rebeccapurple {
  background-color: var(--663399);
}

.light-sea-green.black {
  background-color: var(--black);
}

.light-sea-green.slate-grey {
  background-color: var(--slate-grey);
}

.light-sea-green.light-cyan {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
}

.light-sea-green.lavender {
  background-color: var(--lavender);
}

.color-text {
  background-color: var(--white);
  border-radius: 5px;
  padding: 5px 20px;
}

.top-margin {
  margin-top: 100px;
}

.text-big {
  color: var(--slate-grey);
  font-size: 17px;
}

.text-big.center {
  text-align: center;
  letter-spacing: -.5px;
}

.big-lightbox {
  box-shadow: inset 0 0 3px 0 var(--lavender);
  filter: contrast(122%);
  background-color: #f0f0f0;
  background-image: linear-gradient(#00000026, #00000026), url('../images/Half2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-top: -250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.big-lightbox.normal {
  margin-top: 0;
}

.big-video-button-border {
  background-color: #ffffff7d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  inset: auto;
  box-shadow: 0 12px 24px #0000001a;
}

.number {
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.image {
  width: 40px;
}

.div-service {
  width: 212.391px;
  margin-top: 20px;
}

.half-side-image {
  background-image: url('../images/Half.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.half-side-image.second {
  background-image: url('../images/support.jpg');
}

.half-section {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.half-section.image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  min-height: 700px;
}

.half-section.gray {
  background-color: var(--light-cyan);
}

.half-section.content {
  padding-left: 40px;
  padding-right: 40px;
}

.side-blocks {
  width: 100%;
  display: flex;
}

.category {
  color: var(--orange);
  font-family: DM Sans;
  font-size: 12px;
}

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

.white {
  color: var(--lavender);
}

.section-image {
  background-image: url('../images/Untitled-1-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-image.third {
  z-index: 2;
  background-image: url('../images/Ideo-Images-14.png');
  background-position: 0%;
  background-size: contain;
}

.section-image.paddings {
  border-radius: 100px 0 0;
  margin-top: 100px;
  padding-top: 0;
  box-shadow: -3px -2px 12px #30364d1a;
}

.section-image.woman {
  z-index: 2;
  background-image: url('../images/Girl.png');
  background-position: 20%;
  background-size: contain;
  margin-top: 100px;
}

.small-intro {
  width: 100%;
  max-width: 450px;
}

.hero-form-block {
  border-radius: 8px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
  box-shadow: 0 3px 9px #2e188a1a;
}

.hero-form-block.width {
  box-shadow: 0 0 3px 0 var(--lavender);
  width: 100%;
}

.light-form {
  border: 1px solid var(--lavender);
  background-color: #fcfcfce0;
  border-radius: 10px;
  align-items: center;
  padding: 5px 5px 5px 20px;
  display: flex;
}

.form-text {
  color: var(--orange);
  margin-top: 10px;
  padding-right: 40px;
  display: inline-block;
}

.form-text.white {
  filter: brightness(200%);
  background-image: none;
}

.centered-big-image {
  background-image: url('../images/Ideo-Images5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
}

.top-side-tab-menu {
  border-radius: 10px;
  width: 50%;
  margin-bottom: -2px;
}

.testimonial-slider-vr-2 {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  box-shadow: 0 5px 20px 0 var(--lavender);
  border-radius: 10px;
  width: 80%;
  height: 300px;
}

.testimonials-card {
  border-radius: 10px;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.testimonials-card.single {
  width: 100%;
  height: 320px;
  margin-top: -150px;
}

.testimonial-content {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 50%;
  height: 100%;
  padding: 50px;
}

.testimonial-content.dark-side {
  background-color: var(--orange);
  background-image: linear-gradient(122deg, transparent 30%, var(--slate-grey));
  color: var(--white);
  border-radius: 0;
  width: 70%;
}

.testimonial-content.image {
  background-image: url('../images/Untitled-1-3.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  height: 100%;
}

.testimonial-content.image.second {
  background-image: url('../images/Untitled-6.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.left-testimonials-arrow {
  background-color: var(--white);
  color: var(--black);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-left: -30px;
  font-size: 13px;
  box-shadow: 0 12px 24px #00000017;
}

.right-testimonials-arrow {
  background-color: var(--white);
  color: var(--black);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-right: -30px;
  font-size: 13px;
  box-shadow: 0 11px 24px #00000017;
}

.testimonial-name {
  align-items: center;
  margin-top: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.testimonial-name.tab {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  width: 360px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.testimonial-text {
  font-family: DM Sans;
  font-size: 19px;
  line-height: 29px;
}

.testimo-nial-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.price-header {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans;
  font-size: 12px;
  line-height: 20px;
}

.price-header.light {
  font-family: DM Sans;
  font-weight: 500;
}

.main-grid-table {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.price-list {
  border-bottom: 1px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  padding: 10px 20px;
  display: flex;
}

.top-info {
  color: #fff;
  padding: 8px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.top-info.dark-gray {
  background-color: var(--slate-grey);
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.top-info.tan, .top-info.gold {
  background-color: var(--orange);
}

.top-info.red {
  background-color: var(--663399);
}

.top-info.light-gray {
  background-color: var(--light-sea-green);
}

.price-card {
  background-color: #30364d17;
}

.price-card.purple {
  background-color: #b87df91a;
}

.price-card.light-purple {
  background-color: #6a4ee11a;
}

.price-card.darker-purple {
  background-color: #482fb426;
}

.price-card.darker-purple.more {
  background-color: #482fb433;
}

.container-alternative {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.list {
  margin-bottom: 0;
  font-family: DM Sans;
  font-weight: 500;
}

.price-tittle {
  font-family: DM Sans;
  font-weight: 500;
}

.pricing-list-table {
  border-top: 1px solid var(--border-geay);
  border-bottom: 1px solid var(--border-geay);
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-title {
  color: var(--white);
  letter-spacing: -1px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

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

.section-title.dark {
  color: var(--white);
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
}

.section-title.dark.break {
  width: 60%;
}

.body {
  font-family: DM Sans;
}

.price-nr {
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.first-column {
  font-family: DM Sans;
  font-size: 12px;
}

.subpage-title {
  color: var(--light-sea-green);
}

.tag-label {
  background-color: var(--orange);
  color: var(--white);
  border-radius: 3px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 22px;
}

.minus {
  background-color: var(--orange);
  width: 18px;
  height: 2px;
}

.plus {
  background-color: var(--orange);
  width: 18px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.toogle-info {
  padding: 20px;
}

.logo-brand {
  object-fit: cover;
  width: 160px;
  height: auto;
  margin-right: 17px;
  padding-top: 9px;
  padding-bottom: 11px;
}

.side-tab-white {
  color: var(--slate-grey);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 2px solid #d2d2f5;
  font-family: DM Sans;
  font-weight: 500;
}

.side-tab-white.w--current {
  border-bottom: 2px solid var(--orange);
  background-color: var(--white);
  color: var(--orange);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: DM Sans;
  font-weight: 500;
}

.heading {
  letter-spacing: -1px;
}

.cta-icon {
  background-image: url('../images/head-logo-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.cta-icon.dark {
  background-image: url('../images/head-logo.png');
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}

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

.cta-text {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.cta-text.white {
  color: var(--white);
  font-weight: 400;
}

.help-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 24px #0000000f;
}

.help-card.light-purple {
  border-style: solid;
  border-color: var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  width: auto;
  margin-left: 10px;
  margin-right: 0;
  box-shadow: 0 5px 20px #d2d2f599;
}

.help-card.left {
  border-color: var(--lavender);
  box-shadow: 0 5px 20px 0 var(--lavender);
  text-align: center;
  border-radius: 10px;
  width: auto;
  margin-left: 0;
  margin-right: 10px;
  text-decoration: none;
}

.title {
  color: var(--slate-grey);
  font-family: DM Sans;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.big-paragraph {
  color: var(--slate-grey);
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.info-content {
  z-index: 10;
  position: relative;
}

.help-image-card {
  background-image: url('../images/Half.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.help-image-card.right {
  background-image: url('../images/support.jpg');
}

.animation-div {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dots-animation {
  background-color: #4ee1736e;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  top: 10%;
}

.dots-animation-2 {
  background-color: #e9d7fd;
  border-radius: 20%;
  width: 15px;
  height: 15px;
  margin: auto 10px;
}

.dots-animation-3 {
  background-color: var(--light-sea-green);
  opacity: .24;
  border-radius: 20%;
  width: 25px;
  height: 25px;
  position: relative;
  inset: 60% 0% auto;
}

.dots-animation-4 {
  background-color: #6647ec4d;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: 32%;
  bottom: auto;
  left: 16%;
}

.dots-animation-5 {
  background-color: #eeacac;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  position: relative;
  inset: 52% 20% auto auto;
}

.dots-animation-6 {
  background-color: var(--light-sea-green);
  border-radius: 20%;
  width: 12px;
  height: 12px;
  position: relative;
  inset: 78% 24% auto auto;
}

.page-title.white {
  color: var(--white);
}

.dots-animation-7 {
  background-color: #ff00e533;
  border-radius: 20%;
  width: 45px;
  height: 45px;
  position: relative;
  inset: 37% auto auto -30%;
}

.dots-animation-8 {
  background-color: #6a4ee166;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  position: relative;
  inset: 93% -22% auto 0%;
}

.dots-animation-9 {
  background-color: #ff995d;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  margin-left: 0;
  position: relative;
  top: 56%;
  bottom: auto;
  left: 30%;
}

.dots-animation-10 {
  background-color: #f0dbb5;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 600px auto auto 360px;
}

.dots-animation-11 {
  background-color: #64c939;
  border-radius: 20%;
  width: 18px;
  height: 18px;
  position: relative;
  inset: 73% auto auto -44%;
}

.dots-animation-12 {
  background-color: #eeb5f0;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.mockup-image {
  z-index: 1;
  background-image: url('../images/Ideo-Images12-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 800px;
  height: 550px;
  margin-bottom: -130px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mockup-image.top {
  background-image: url('../images/Top_004.png');
  margin-bottom: -150px;
}

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

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

.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;
}

.footer-copyright {
  color: var(--dim-grey);
  border-top: 1px solid #e0e0e0;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-copyright.white {
  border-top-color: #d2d2f533;
}

.left {
  text-align: left;
}

.team-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--lavender);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-grid.vertical {
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

.team-grid.line {
  border-radius: 10px;
  overflow: hidden;
}

.team-card {
  border-bottom: 1px solid var(--border-geay);
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  padding: 100px;
  display: flex;
}

.team-card.border-line {
  border-left: 1px none var(--lavender);
  background-color: var(--white);
  box-shadow: 1px 1px 3px 0 var(--663399);
  border-bottom-style: none;
  border-bottom-width: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.team-card.border-line:hover {
  background-color: var(--light-cyan);
}

.team-card.border-line.left {
  background-color: var(--white);
  box-shadow: inset 0 0 2px 0 var(--lavender);
  border-bottom-style: solid;
  border-left-style: none;
  border-radius: 0;
  justify-content: center;
}

.team-card.border-line.left:hover {
  background-color: var(--light-cyan);
}

.team-image {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1000px;
  width: 300px;
  height: 300px;
}

.team-image._2 {
  background-image: url('../images/Team-3.jpg');
}

.team-image._2.small {
  border: 6px solid var(--white);
  border-radius: 100px;
  width: 140px;
  height: 140px;
}

.team-image._3 {
  background-image: url('../images/Team-1.jpg');
}

.team-image._3.small {
  border: 6px solid var(--white);
  border-radius: 100px;
  width: 140px;
  height: 140px;
}

.team-image._4 {
  background-image: url('../images/Team-2.jpg');
}

.team-image._4.small {
  border: 6px solid var(--white);
  border-radius: 100px;
  width: 140px;
  height: 140px;
}

.team-image.small {
  border-radius: 100px;
  width: 200px;
  height: 200px;
}

.team-image._1.small {
  border: 6px solid var(--white);
  width: 140px;
  height: 140px;
}

.team-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 36px;
}

.team-name.small {
  text-align: center;
  font-size: 24px;
}

.team-text {
  color: var(--orange);
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.drop-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 700px;
}

.drop-grid.landing {
  border-radius: 0;
  grid-template-columns: 1fr .25fr .75fr;
  width: 600px;
}

.drop-list-div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 200px;
  padding: 20px;
}

.drop-list-div.posts-list {
  background-color: var(--light-cyan);
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drop-list-div.posts-list.home {
  border-radius: 0;
}

.drop-list-div.landing {
  width: auto;
}

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

.dropdown-list.w--open {
  border: 1px solid var(--light-cyan);
  border-radius: 10px;
  margin-left: -570px;
  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(--white);
  border-radius: 10px;
  margin-left: -201px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list.template {
  border: 1px solid var(--light-cyan);
  border-radius: 10px;
  margin-left: -435px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.nav-post {
  background-color: var(--white);
  color: var(--dim-grey);
  border-radius: 5px;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.nav-post-info {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-post-info.case {
  padding-top: 20px;
  padding-bottom: 20px;
}

.label-post {
  background-color: var(--white);
  color: var(--slate-grey);
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.drop-title {
  color: var(--slate-grey);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.drop-icon {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.dropdown-link {
  color: var(--dim-grey);
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link:hover {
  background-color: var(--light-cyan);
  border-radius: 5px;
}

.dropdown-link.w--current {
  color: var(--orange);
  background-color: #6a4ee11a;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.text {
  color: var(--slate-grey);
  flex: 0 auto;
  font-weight: 500;
}

.paragraph {
  color: var(--slate-grey);
}

.block-service {
  margin-top: 20px;
}

.block-service.flex-block-service {
  border: 1px none var(--lavender);
  background-color: var(--lavender);
  box-shadow: inset 0 0 3px 0 var(--lavender);
  border-radius: 10px;
  align-items: center;
  width: auto;
  padding: 20px 40px;
  display: flex;
}

.block-service.flex-block-service.light {
  background-color: var(--light-cyan);
  box-shadow: none;
  border-style: solid;
  width: 380px;
  padding-left: 20px;
}

.images {
  margin-bottom: 20px;
}

.services-div {
  flex: 1;
}

.features-wrapper {
  border-top: 1px solid var(--lavender);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.feature-card {
  box-shadow: none;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 55px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-card.gray {
  border-right: 1px solid var(--lavender);
  border-left: 1px solid var(--lavender);
  background-color: var(--light-cyan);
}

.feature-image {
  z-index: 2;
  object-fit: fill;
  background-image: url('../images/Ideo-Images15.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 400px;
  height: 300px;
  margin-top: 25px;
  position: relative;
}

.feature-image.second {
  background-image: url('../images/Ideo-Images14.png');
  width: 400px;
}

.feature-image.third {
  background-image: url('../images/Ideo-Images11.png');
  background-position: 50% 0;
  background-size: cover;
  width: 400px;
}

.features-block-color {
  background-color: var(--light-sea-green);
  height: 130px;
  position: absolute;
  inset: auto 0% 0%;
}

.features-block-color.darker {
  background-color: var(--orange);
}

.features-block-color.more-darker {
  background-color: var(--663399);
}

.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;
}

.features-grid-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 60px;
}

.text-span {
  color: var(--orange);
  letter-spacing: -.5px;
  font-style: normal;
  font-weight: 700;
}

.link-block-twitter {
  margin-left: 0;
  margin-right: 0;
}

.fourth-social-icon {
  border: 1px solid var(--black);
  opacity: .6;
  filter: invert();
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.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.facebook-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.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 {
  border-style: solid;
  border-color: var(--663399);
  opacity: .5;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

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

.fourth-social-icon.googleplus-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/icon-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 {
  border-style: solid;
  border-color: var(--663399);
  opacity: .6;
  filter: none;
  background-color: #0000;
  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('../images/twitter-logo-silhouette-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 {
  border-style: solid;
  border-color: var(--663399);
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

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

.fourth-social-icon.instagram-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/instagram-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 {
  border-style: solid;
  border-color: var(--663399);
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

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

.fourth-social-icon.twitter {
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-size: 16px;
}

.fourth-social-icon.google {
  background-image: url('../images/icon-5.png');
}

.fourth-social-icon.insta {
  background-image: url('../images/instagram-1.png');
  margin-right: 3px;
}

.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.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 {
  margin-top: 0;
}

.team-info-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.team-info-div.bottom {
  margin-top: 40px;
  margin-bottom: 0;
}

.team-info-div.vertical {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 30px;
}

.team-info-div.no-padding {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.team-link {
  color: var(--orange);
  font-weight: 500;
  text-decoration: none;
}

.view-more-posts {
  justify-content: space-between;
  width: auto;
  display: flex;
}

.footer-text {
  width: 300px;
  margin-top: 15px;
}

.learn-more {
  border-bottom: 2px solid var(--lavender);
  color: var(--orange);
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.learn-more:hover {
  border-bottom-color: var(--orange);
  color: var(--orange);
}

.learn-more.bigger {
  margin-top: 40px;
  font-size: 14px;
  display: inline-block;
}

.learn-more.read-their-story {
  color: var(--orange);
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.learn-more.blog {
  display: inline-block;
}

.lightbox-play {
  border: 2px solid var(--white);
  background-color: var(--orange);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.video-image {
  background-image: url('../images/Untitled-7.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-right: 24px;
  display: flex;
}

.small {
  font-size: 13px;
  line-height: 23px;
}

.success-message {
  color: var(--white);
  background-color: #0dcc43;
  border-radius: 10px;
}

.error-message {
  color: var(--white);
  text-align: center;
  background-color: red;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.search-form-one {
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  max-width: 470px;
  height: auto;
  margin-bottom: 60px;
  padding: 8px;
  display: flex;
}

.search-image {
  margin-left: 16px;
}

.search-input-alternative {
  color: #19155e;
  border: 0 #000;
  flex: 1;
  margin-bottom: 0;
  padding: 12px 16px;
}

.search-result-item {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  width: 100%;
  margin-bottom: 40px;
  padding: 40px;
  transition: box-shadow .4s;
}

.search-result-item:hover {
  box-shadow: 0 12px 24px #0000001a;
}

.link-search {
  color: var(--slate-grey);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
  display: block;
}

.image-div {
  width: 100px;
  height: 100px;
}

.image-div.logo {
  background-image: url('../images/head-logo.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-right: 40px;
}

.image-div.icons {
  background-color: var(--light-cyan);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100px;
  display: flex;
}

.image-div.dashboard {
  background-color: var(--light-cyan);
  background-image: url('../images/Ideo-Images12-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image-div.dashboard.second {
  background-image: url('../images/Ideo-Images14.png');
}

.licence-item-wrapper {
  background-color: #fff;
  border: 1px solid #d7d5ff;
  border-radius: 10px;
  align-items: center;
  width: 60%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.licence-item-wrapper:hover {
  box-shadow: 0 5px 20px #d2d2f599;
}

.licence-item-wrapper.center {
  border-color: var(--lavender);
  border-radius: 10px;
  justify-content: center;
  width: 50%;
}

.changelog-text, .watch-video-now, .min {
  margin-bottom: 0;
}

.icon-div {
  width: 50px;
  height: 50px;
}

.icon-div.image {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin: 1px;
}

.icon-div.image.sec {
  background-image: url('../images/Team-1.jpg');
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.sec.pexels {
  background-image: url('../images/Untitled-2.jpg');
}

.icon-div.image.third {
  background-image: url('../images/Team-2.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.third.pexels {
  background-image: url('../images/Untitled-1-3.jpg');
}

.icon-div.image.four {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.four.pexels {
  background-image: url('../images/Untitled-1-1.jpg');
}

.icon-div.image.pexels {
  background-image: url('../images/Girl.png');
}

.icon-div.one {
  opacity: 1;
  background-image: url('../images/88.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.two {
  background-image: url('../images/77.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.three {
  background-image: url('../images/55.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.four {
  background-image: url('../images/99.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.licence-link {
  color: var(--slate-grey);
  text-transform: none;
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.licence-link:hover {
  color: var(--orange);
  font-weight: 500;
  text-decoration: underline;
}

.licence-links-wrapper {
  color: #717177;
  flex: 1;
  justify-content: space-between;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.column-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.column-icons {
  margin-bottom: 10px;
}

.column-icons.no-padding {
  margin-bottom: 0;
}

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

.paragraph-landing {
  margin-bottom: 0;
  padding-top: 0;
  font-size: 10px;
}

.big-squares {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.big-square {
  background-color: #ffffff80;
  border-radius: 40%;
  width: 500px;
  height: 500px;
  margin-top: 0;
  margin-right: 0;
  position: absolute;
  top: 18%;
  left: auto;
  right: 195px;
}

.mid-circle {
  background-color: #ffffff9c;
  border-radius: 30%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 170px;
  right: 657px;
}

.mid-circle-second {
  background-color: #ffffff9c;
  border-radius: 30%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 250px;
  right: 100px;
}

.get-help-wrapper {
  background-color: var(--white);
  border-radius: 10px;
  padding: 60px 40px;
  box-shadow: 0 12px 24px #00000017;
}

.get-help-card {
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0 var(--border-geay) var(--border-geay);
  background-color: var(--light-cyan);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.get-help-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
  padding: 0;
}

.get-help-vidio {
  grid-template-columns: 1fr 1fr 1fr;
}

.get-help-video {
  border: 1px none var(--lavender);
  border-radius: 10px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: transform .4s;
  box-shadow: 0 5px 20px #d2d2f599;
}

.get-help-video:hover {
  transform: translate(0, -5px);
}

.get-help-video-info {
  color: var(--dim-grey);
  padding: 20px 20px 10px 0;
}

.lightbox-link {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images14.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
}

.lightbox-link:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images14.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.second {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images-14.png');
  background-size: auto, cover;
}

.lightbox-link.second:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images-14.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.three {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images15.png');
  background-size: auto, cover;
}

.lightbox-link.three:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images15.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.four, .lightbox-link.four:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images11.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.five {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images7.png');
  background-size: auto, cover;
}

.lightbox-link.five:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images7.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.six {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images8.png');
  background-size: auto, cover;
}

.lightbox-link.six:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images8.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.tag-text {
  color: var(--orange);
  font-size: 12px;
  font-weight: 500;
}

.column-faq {
  margin-top: 60px;
}

.center {
  text-align: center;
  margin-bottom: 20px;
}

.subscribe {
  margin-top: 0;
}

.section-separator {
  height: 200px;
}

.small-info {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 40px;
}

.purple {
  color: var(--orange);
}

.cta-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  box-shadow: 0 8px 28px 0 var(--shadow);
  text-align: center;
  border-radius: 10px;
  width: 800px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
}

.cta-tex-header {
  color: #333;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 48px;
}

.help-icon {
  margin-bottom: 25px;
}

.colorated-text {
  color: var(--orange);
  font-weight: 500;
}

.in-tab-list {
  color: var(--slate-grey);
  margin-top: 10px;
  margin-bottom: 40px;
}

.list-color {
  color: var(--orange);
  font-size: 20px;
  line-height: 26px;
}

.less-padding {
  margin-bottom: 10px;
}

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

.case-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  border-radius: 10px;
  height: 400px;
  transition: box-shadow .2s;
  display: flex;
  overflow: hidden;
  box-shadow: 8px 8px 24px #0000000a;
}

.case-card:hover {
  box-shadow: 8px 8px 24px #00000017;
}

.case-card.top {
  border-color: var(--lavender);
  height: 450px;
  position: relative;
}

.case-card.top.right {
  flex-direction: row;
  height: 450px;
}

.case-card.right {
  justify-content: flex-start;
  align-items: stretch;
  height: 320px;
  display: flex;
}

.case-video-button {
  z-index: 10;
  border: 3px solid var(--white);
  background-color: #0000;
  background-image: url('../images/icons8-play-96-2_1icons8-play-96 (2).png'), linear-gradient(to bottom, var(--light-sea-green), var(--orange));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: -11px auto auto;
  transition: transform .3s;
  position: absolute;
  bottom: -35px;
  right: 60px;
}

.case-video-button:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px #482fb433;
}

.video-block-color {
  background-color: var(--white);
  color: var(--slate-grey);
  height: auto;
  padding: 20px 46px;
  position: relative;
  inset: auto 0% 0%;
}

.case-info {
  background-color: var(--white);
  margin: 50px;
  padding: 0;
  overflow: visible;
}

.quote-text {
  font-size: 20px;
  line-height: 30px;
}

.quote-text.padding {
  padding-bottom: 20px;
}

.case-icon {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: 125px;
  margin-bottom: 20px;
}

.case-icon.logo {
  background-image: url('../images/Untitled-5.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 40px;
}

.case-icon.logo.second.case {
  width: 120px;
  margin-bottom: 10px;
}

.case-icon.logo.invert {
  filter: invert();
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: contain;
}

.collection-top {
  width: 100.33%;
}

.case-imager {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 250px;
  position: relative;
}

.blog-and-sidebar {
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: static;
}

.blog-and-sidebar.full {
  margin-top: 100px;
}

.right-collection-wrapper {
  width: 66%;
  padding-left: 0;
  padding-right: 0;
}

.right-collection-wrapper.full {
  width: 66%;
  padding-right: 40px;
}

.sidebar {
  text-align: left;
  background-color: #0000;
  width: 30%;
  padding: 0 0 15px 20px;
}

.sidebar.left {
  flex-direction: column;
  align-items: center;
  width: 32%;
  padding-left: 0;
  display: flex;
}

.sidebar.left.single {
  position: sticky;
  top: 100px;
}

.info-box {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 40px;
  display: flex;
  position: sticky;
  box-shadow: 0 6px 20px #d2d2f599;
}

.info-box-text {
  color: var(--dark-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.info-box-text.bold {
  font-weight: 700;
}

.logo-case {
  width: 60%;
  margin-bottom: 20px;
}

.horizontal-info {
  display: flex;
}

.blog-title-post {
  color: var(--black);
  margin-top: 0;
  font-size: 21px;
  line-height: 31px;
}

.blog-title-post.small {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.post-datails {
  color: var(--orange);
  margin-bottom: 10px;
  font-size: 12px;
  display: flex;
}

.blog-posts-wrapper {
  display: flex;
}

.image-post {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 80px;
  height: 80px;
}

.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;
}

.right-arrows {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: var(--black);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-top: 170px;
  margin-right: -30px;
  font-size: 13px;
  box-shadow: 0 11px 24px #00000017;
}

.right-arrows.testimonial-arrow {
  margin-top: 125px;
}

.left-arrows {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: var(--black);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-top: 170px;
  margin-left: -30px;
  font-size: 13px;
  box-shadow: 0 12px 24px #00000017;
}

.left-arrows.testimonial-arrow {
  margin-top: 125px;
}

.text-block-new {
  font-weight: 500;
}

.help-content {
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.blog-in-columns {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.categorie-link {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--663399);
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.categorie-link:hover {
  box-shadow: 4px 4px 20px #d2d2f566;
}

.categorie-link.w--current {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--663399);
  text-align: center;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 10px 20px #d2d2f580;
}

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

.created-date {
  color: var(--slate-grey);
}

.block-margin {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.switch-info {
  text-align: center;
  width: 500px;
}

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

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

.product-tab {
  text-align: center;
}

.product-tab.w--current {
  color: var(--white);
  background-color: #2e188a66;
  padding-top: 20px;
  padding-bottom: 20px;
}

.product-tab.product {
  background-color: var(--light-cyan);
  background-image: linear-gradient(135deg, var(--orange), var(--slate-grey));
  border: 0 #000;
  padding-top: 0;
  padding-bottom: 0;
}

.bold-text {
  font-weight: 400;
}

.text-field-blog-sidebar {
  float: left;
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--slate-grey);
  border-radius: 0;
  min-width: 240px;
  height: 44px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}

.text-field-blog-sidebar:hover {
  border-bottom-color: #e4e8ee;
}

.text-field-blog-sidebar.message {
  height: auto;
  min-height: 140px;
}

.form-block-contact {
  padding-left: 30px;
  padding-right: 30px;
}

.left-form {
  text-align: left;
}

.contact-content {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4ecf691;
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px #525b731f;
}

.contact-content.new {
  z-index: 0;
  border-color: var(--lavender);
  border-radius: 10px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
  position: static;
  box-shadow: 0 5px 20px #d2d2f599;
}

.success-message-new {
  color: #fff;
  text-align: center;
  background-color: #34cf2c;
  border-radius: 0;
  font-family: Open Sans, sans-serif;
}

.center-button-block {
  text-align: left;
  width: 100%;
}

.field-label-alternative {
  color: #343e52;
  text-align: left;
  text-transform: none;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
}

.field-label-alternative.contact-us-field {
  color: #3f3f3f;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
}

.field-label-alternative.contact-us-field.gray {
  color: var(--slate-grey);
  font-weight: 700;
}

.error-message-second {
  color: #fff;
  text-align: center;
  background-color: red;
  border-radius: 10px;
  padding: 20px;
}

.grid-contact {
  grid-template-rows: auto auto auto auto;
}

.email-link {
  color: var(--dim-grey);
  font-family: DM Sans;
  line-height: 30px;
  text-decoration: none;
}

.email-link.colored {
  color: var(--orange);
  font-weight: 500;
  line-height: 20px;
}

.contact-icon-wrapper {
  background-color: var(--white);
  color: var(--orange);
  border-radius: 20%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: 0 5px 20px #d2d2f599;
}

.white-image-icon {
  display: none;
  position: absolute;
}

.contact-wrapper {
  text-align: center;
  border: 1px solid #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  margin-top: 33px;
  padding: 40px 0;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.contact-wrapper:hover {
  background-color: #0000;
  box-shadow: 0 12px 24px #00000012;
}

.product {
  color: var(--white);
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}

.product.w--current {
  background-color: #2e188a80;
}

.navigation-wrapper-locker {
  flex-direction: column;
  display: flex;
}

.utility-page-wrap {
  background-image: linear-gradient(to bottom, white, var(--lavender));
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  z-index: 2;
  border: 1px solid var(--lavender);
  background-color: var(--white);
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  width: 380px;
  padding: 40px;
  display: flex;
  position: relative;
  box-shadow: 0 5px 20px #d2d2f5;
}

.utility-page-form {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: stretch;
  padding: 40px;
  display: flex;
  box-shadow: 0 5px 20px #d2d2f599;
}

.utility-page-form.protected {
  box-shadow: none;
  border: 0 #0000;
  padding: 0;
}

.image-password {
  margin-left: auto;
  margin-right: auto;
}

.text-field {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--slate-grey);
  text-align: center;
  border-radius: 8px;
  height: 50px;
  line-height: 24px;
}

.image-404 {
  margin-left: auto;
  margin-right: auto;
}

.info-blog {
  display: none;
}

.register-content {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4ecf691;
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px #525b731f;
}

.register-content.new {
  z-index: 0;
  border-color: var(--lavender);
  text-align: center;
  border-radius: 10px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
  position: static;
  box-shadow: 0 5px 20px #d2d2f599;
}

.register-form-block {
  padding-left: 30px;
  padding-right: 30px;
}

.icon-imput {
  border: 1px solid var(--lavender);
  border-radius: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
}

.register-field {
  float: left;
  color: var(--slate-grey);
  background-color: #0000;
  border: 1px #0000;
  border-radius: 0;
  flex: 1;
  min-width: 240px;
  height: 44px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}

.register-field:hover {
  border-bottom-color: #e4e8ee;
}

.register-icon {
  background-image: url('../images/Untitled-33.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 44px;
  height: 44px;
  margin-right: 12px;
}

.register-icon.lock {
  background-image: url('../images/Untitled-98.png');
}

.register-button {
  background-color: var(--light-sea-green);
  background-image: linear-gradient(to bottom, var(--light-sea-green), var(--orange));
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.register-button:hover {
  background-image: linear-gradient(1800deg, var(--light-sea-green), var(--orange) 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.rebister-button-wrapper {
  text-align: left;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.register-small-text {
  text-align: center;
  margin-top: 20px;
}

.sign-in-link {
  border-bottom: 2px solid var(--lavender);
  color: var(--orange);
  line-height: 24px;
  text-decoration: none;
}

.sign-in-link:hover {
  border-bottom-color: var(--orange);
}

.help-block {
  width: 50%;
  text-decoration: none;
}

.dots-animation-13 {
  background-color: #f8843633;
  border-radius: 20%;
  width: 55px;
  height: 55px;
  position: relative;
  top: 15%;
}

.dots-animation-14 {
  background-color: #b87df933;
  border-radius: 20%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 32%;
  right: -35%;
}

.dots-animation-15 {
  background-color: #40d1304d;
  border-radius: 20%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: auto;
  bottom: 14%;
  right: 8%;
}

.page-wrapper {
  overflow: hidden;
}

.sticky-nav {
  z-index: 1;
  background-color: #f4f4f4;
  padding: 20px;
  position: sticky;
  top: 0;
}

.nav-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
}

.nav-logo-link {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-logo {
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  height: 100%;
}

.nav-link-2 {
  color: #444;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  text-decoration: none;
  display: block;
}

.nav-link-2:hover {
  text-decoration: underline;
}

.hero-overlay {
  color: #fff;
  background-image: linear-gradient(#0009, #0009), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  justify-content: center;
  align-items: center;
  height: 90vh;
  max-height: 780px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.section-2 {
  -webkit-text-fill-color: inherit;
  background-color: #00000040;
  background-image: linear-gradient(254deg, #00000087 100%, #fff), url('../images/Home-Hero-Latest-v2.png');
  background-position: 0 0, 0 90%;
  background-size: auto, cover;
  background-clip: padding-box;
  padding-top: 8vw;
  padding-bottom: 8vw;
}

.heading-4 {
  color: var(--white);
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 65px;
}

.paragraph-4 {
  color: var(--white);
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.paragraph-5 {
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.button-3 {
  background-color: #e42f2b;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  display: inline-block;
}

.button-3:hover {
  background-color: #252536;
}

.cards-section {
  padding: 40px 140px 56px;
}

.cards-grid-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cards-image-mask {
  border-radius: 0%;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.cards-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.heading-5 {
  font-family: Lato, sans-serif;
}

.grid-2 {
  grid-template: "Area"
  / 1fr 1fr 1fr 1fr;
}

.call-to-action {
  background-color: #000000a1;
  background-image: linear-gradient(#000000a1, #000000a1), url('../images/Right-To-Repair-Images-5.png');
  background-position: 0 0, 80%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact-form {
  background-image: linear-gradient(#0006, #0006), url('../images/Contact-Footer-Latest.png');
  background-position: 0 0, 0 90%;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact-form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.heading-6 {
  color: var(--slate-grey);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
}

.heading-7 {
  color: var(--white);
  font-family: Lato, sans-serif;
}

.button-4 {
  background-color: #e42f2b;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 21px;
  margin-left: 0;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.button-4:hover {
  background-color: #252536;
}

.button-4.buttonstyle {
  border-radius: 0;
}

.heading-8 {
  color: var(--white);
  text-align: center;
  font-family: Lato, sans-serif;
}

.submit-button {
  background-color: #e42f2b;
  border-radius: 0;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
}

.submit-button:hover {
  background-color: #252536;
}

.section-3 {
  background-image: linear-gradient(#000000a3, #000000a3);
  padding-top: 19px;
  padding-bottom: 19px;
}

.text-block {
  color: #ffffff85;
  text-align: center;
}

.form-block-2 {
  color: var(--white);
  font-family: Open Sans, sans-serif;
}

.textspan {
  color: #e42f2b;
  font-family: Lato, sans-serif;
  font-weight: 900;
}

.text-field-2, .text-field-3, .text-field-4, .text-field-5, .textarea {
  border-radius: 0;
}

.contact-form-2 {
  background-color: #eee;
  padding-top: 63px;
  padding-bottom: 39px;
}

.contact-form-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.footer-new {
  color: #ffffff73;
  text-align: center;
}

.sub-headers {
  background-image: linear-gradient(254deg, #00000087 100%, #fff), url('../images/Right-to-Repair-Hero-Images-5.jpg');
  background-position: 0 0, 0 90%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
  padding-top: 90px;
  padding-bottom: 90px;
}

.hero {
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.flex-container {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.hero-image-mask {
  width: 40%;
  margin-left: 40px;
}

.hero-image {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
}

.paragraph-6 {
  font-family: Open Sans, sans-serif;
}

.hero-image-2 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
  margin-left: -57px;
}

.alternate-service-layout {
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 34px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.service-layout {
  padding-top: 50px;
  padding-bottom: 50px;
}

.hero-2 {
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.flex-container-2 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.hero-image-3 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
}

.hero-image-4 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
  margin-left: -57px;
}

.hero-image-5 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
}

.nav-link-copy {
  flex: none;
  padding-left: 14px;
  padding-right: 15px;
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link-copy.w--current {
  color: var(--orange);
}

.nav-link-copy.white {
  color: var(--white);
}

.nav-link-3 {
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 7px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

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

.nav-link-4 {
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 7px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.nav-menu-latest {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  padding-left: 185px;
  display: flex;
}

.footer-latest {
  color: #ffffff87;
  text-align: center;
  font-family: Lato, sans-serif;
}

.services-2 {
  background-color: #eee;
  padding-top: 50px;
  padding-bottom: 50px;
}

.contact-form-grid-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.container-4 {
  background-color: #fff;
  padding: 2vw;
}

.heading-9 {
  text-align: center;
  font-family: Lato, sans-serif;
}

.italic-text {
  text-align: center;
  justify-content: center;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.columns {
  margin-left: 16vw;
  margin-right: 16vw;
}

.bold-text-2, .text-block-3 {
  font-family: Open Sans, sans-serif;
}

.slide {
  background-image: url('../images/Right-to-Repair-Hero-Images-4.jpg');
  background-position: 35%;
  background-repeat: repeat-x;
  background-size: cover;
}

.slide-2 {
  background-image: url('../images/Right-to-Repair-Hero-Images-5.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: cover;
}

.slider {
  height: 25vw;
}

.slide-3 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Right-to-Repair-Hero-Images-5.jpg');
  background-position: 0 0, 50% 90%;
  background-size: auto, cover;
}

.slide-4 {
  background-image: url('../images/Right-to-Repair-Hero-Images-6.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.container-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 113px;
  padding-bottom: 185px;
  display: flex;
}

.new-heading {
  color: var(--white);
  text-align: center;
  font-family: Lato, sans-serif;
}

.grid-3 {
  grid-template-rows: auto;
  margin-top: 32px;
  padding-left: 29px;
}

.social-icon {
  float: right;
  max-width: 100%;
  display: inline-block;
}

.column-2 {
  padding-right: 50px;
}

.paragraph-11, .paragraph-12 {
  color: var(--white);
  text-align: center;
  font-family: Open Sans, sans-serif;
}

.bold-text-3 {
  font-size: 22px;
}

.column-3 {
  border-left: 1px solid var(--white);
  padding-left: 50px;
}

.recaptcha {
  margin-top: 15px;
}

.bold-text-4 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.services-alternate {
  margin-left: -57px;
}

.recaptcha-2 {
  margin-top: 20px;
}

.italic-text-2 {
  color: var(--black);
  text-decoration: underline;
}

.bold-text-5, .bold-text-6 {
  font-family: Open Sans, sans-serif;
}

.recaptcha-3 {
  margin-top: 23px;
}

.section-6 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.bold-text-7 {
  font-size: 18px;
}

.bold-text-8 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.text-block-4 {
  padding-top: 18px;
}

.text-block-5 {
  padding-top: 13px;
}

.italic-text-5, .italic-text-6 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.image-409 {
  padding-top: 26px;
}

.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .italic-text-7, .list-item-8, .list-item-9 {
  font-family: Open Sans, sans-serif;
}

.heading-10 {
  text-align: center;
  font-family: Lato, sans-serif;
}

.paragraph-13 {
  text-align: center;
  font-family: Open Sans, sans-serif;
}

.section-7 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.list-item-10 {
  font-family: Open Sans, sans-serif;
}

.social-icon-instagram {
  max-width: 100%;
}

.bold-text-9, .bold-text-10, .bold-text-11 {
  font-size: 22px;
}

.html-embed {
  margin-bottom: 0;
}

.field-label, .field-label-2, .field-label-3, .field-label-4, .field-label-5 {
  font-family: Open Sans, sans-serif;
}

.section-8 {
  display: none;
}

.container-12 {
  display: flex;
}

.navbar-2 {
  background-color: #fff;
}

.container-13 {
  display: flex;
}

.nav-menu-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.nav-link-5 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.nav-link-5.w--current {
  color: #e42f2b;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.nav-link-6 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

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

.nav-link-7 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

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

.nav-link-8 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

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

.navbar-3 {
  color: #fff;
  background-color: #fff;
}

.grid-5 {
  grid-template-rows: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: flex-end end;
  display: flex;
}

.image-412, .image-413 {
  max-width: 60%;
}

.link-block-3 {
  justify-content: flex-end;
  display: block;
}

.site-nav-bar {
  background-color: #fff;
}

.footer-links {
  color: #ffffff87;
}

.link-block-4 {
  display: block;
}

.service-text {
  width: 60%;
}

@media screen and (min-width: 1440px) {
  img {
    text-align: center;
    max-width: 40%;
    display: block;
  }

  .navbar {
    padding: 0 24px 0 0;
    position: static;
  }

  .nav-column {
    flex: none;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    margin-left: 0;
    line-height: 10px;
    display: flex;
  }

  .button {
    background-color: var(--black);
    background-image: none;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .section.padding-bottom {
    padding-top: 53px;
    padding-bottom: 55px;
    font-family: Open Sans, sans-serif;
  }

  .text-header {
    text-align: left;
    font-family: Lato, sans-serif;
  }

  .text-header.left {
    margin-bottom: 21px;
    padding-top: 9px;
    font-family: Lato, sans-serif;
  }

  .flex-features-div.padding {
    margin-top: 37px;
  }

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

  .light-text-header {
    font-family: Lato, sans-serif;
  }

  .side-image.two {
    background-image: url('../images/Right-to-Repair-Services-1.png');
    border-radius: 0;
    overflow: auto;
  }

  .nav-link.w--current {
    color: #e42f2b;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 25px 20px 7px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
  }

  .section-title.dark {
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 65px;
  }

  .logo-brand {
    object-fit: cover;
    width: 160px;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .contact-content.new {
    margin-bottom: -5px;
  }

  .contact-wrapper {
    border: 1px solid #000;
    width: 100%;
    margin-top: 51px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-overlay {
    background-color: #00000029;
    background-image: url('../images/Right-to-Repair-Hero-Images-2.jpg'), linear-gradient(#0009, #0009);
    background-position: 0 0, 0 0;
    background-size: contain, auto;
    padding-bottom: 100px;
    display: flex;
  }

  .centered-container {
    color: #0000;
    margin-bottom: 21px;
  }

  .section-2 {
    -webkit-text-fill-color: inherit;
    background-color: #00000040;
    background-image: linear-gradient(254deg, #00000087 65%, #0006 100%, #fff), url('../images/Home-Hero-Latest-v2.png');
    background-position: 0 0, 0 90%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
    background-clip: padding-box;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .heading-4 {
    color: var(--white);
    text-align: center;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 9px;
    padding: 0 100px;
    font-family: Lato, sans-serif;
    font-size: 65px;
    line-height: 66px;
    transition: width .45s;
    display: flex;
  }

  .paragraph-4 {
    color: var(--white);
    text-align: center;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 13px;
    padding-left: 115px;
    padding-right: 115px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    display: flex;
  }

  .button-2 {
    float: none;
    opacity: .98;
    text-align: center;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    object-position: 50% 50%;
    background-color: #e42f2b;
    background-image: linear-gradient(to right, #e42f2b, #252536 82%);
    background-clip: border-box;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    display: inline-block;
    position: static;
    transform: translate(0);
    box-shadow: 1px 1px 3px #000;
  }

  .container-2 {
    padding-left: 23%;
    padding-right: 23%;
  }

  .paragraph-5 {
    font-family: Open Sans, sans-serif;
  }

  .button-3 {
    float: none;
    clear: none;
    text-align: left;
    object-fit: fill;
    background-color: #e42f2b;
    border-radius: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    transition: width .375s cubic-bezier(.211, .161, .25, 1);
    display: inline-block;
  }

  .button-3:hover {
    background-color: #252536;
  }

  .cards-section {
    background-color: #eeeeee85;
    padding: 19px 173px 50px;
  }

  .cards-grid-container {
    grid-template-rows: auto auto;
  }

  .heading-5 {
    color: #333;
    text-align: center;
    font-family: Lato, sans-serif;
  }

  .grid-2 {
    grid-template-areas: ".";
  }

  .call-to-action {
    background-image: linear-gradient(#000000a1, #000000a1), url('../images/Right-to-Repair-Hero-Images-1.jpg');
    background-position: 0 0, 80%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    margin-bottom: 0;
    padding-bottom: 66px;
  }

  .contact-form {
    background-image: linear-gradient(#0006, #0006), url('../images/Contact-Footer-Latest.png');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
    margin-bottom: 0;
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .contact-form-grid {
    color: var(--white);
    border-radius: 20px;
    font-family: Open Sans, sans-serif;
  }

  .heading-6 {
    text-align: center;
    font-family: Lato, sans-serif;
  }

  .container-3 {
    clear: none;
    padding-top: 29px;
    position: static;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .heading-7 {
    color: var(--white);
    font-family: Lato, sans-serif;
  }

  .button-4 {
    background-color: #e42f2b;
    border: 1px solid #e42f2b;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: Open Sans, sans-serif;
  }

  .button-4:hover {
    background-color: #252536;
    border-color: #252536;
  }

  .button-4.buttonstyle {
    border-radius: 0;
  }

  .heading-8 {
    color: var(--white);
    text-align: center;
    font-family: Lato, sans-serif;
  }

  .submit-button {
    background-color: #e42f2b;
    border-radius: 0;
    margin-top: 12px;
    padding-top: 9px;
    font-family: Open Sans, sans-serif;
  }

  .submit-button:hover {
    background-color: #252536;
  }

  .section-3 {
    background-image: linear-gradient(#000000a3, #000000a3);
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .text-block {
    color: #ffffff85;
    text-align: center;
  }

  .form-block-2 {
    font-family: Open Sans, sans-serif;
  }

  .textspan {
    color: #e42f2b;
    font-weight: 900;
  }

  .text-field-2, .text-field-3, .text-field-4, .text-field-5, .textarea {
    border-radius: 0;
  }

  .contact-form-2 {
    background-color: #eee;
    padding-bottom: 49px;
  }

  .text-block-2, .footer-new {
    color: #ffffff85;
    text-align: center;
  }

  .sub-headers {
    background-image: linear-gradient(254deg, #00000087 100%, #fff), url('../images/Right-to-Repair-Hero-Images-5.jpg');
    background-position: 0 0, 0 90%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .hero {
    color: #eee;
    background-color: #eee;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .flex-container {
    flex-direction: row;
    padding-left: 0;
  }

  .hero-image {
    border-radius: 0;
  }

  .paragraph-6 {
    color: #333;
    margin-bottom: 15px;
    font-family: Open Sans, sans-serif;
  }

  .hero-image-2 {
    border-radius: 0;
    margin-left: -57px;
  }

  .paragraph-7 {
    color: #333;
    margin-bottom: 19px;
    font-family: Open Sans, sans-serif;
  }

  .section-4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block {
    padding-left: 5px;
    padding-right: 0;
  }

  .alternate-service-layout {
    color: #333;
    background-color: #0000;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 25px 20px 7px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
  }

  .service-layout {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hero-image-3 {
    border-radius: 0;
  }

  .paragraph-8 {
    color: #333;
    font-family: Open Sans, sans-serif;
  }

  .hero-image-4 {
    border-radius: 0;
    margin-left: -57px;
  }

  .div-block-2 {
    padding-left: 5px;
  }

  .paragraph-9 {
    color: #333;
    font-family: Open Sans, sans-serif;
    display: block;
  }

  .hero-image-5 {
    border-radius: 0;
  }

  .nav-link-3 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 7px;
    padding-right: 25px;
    font-family: Open Sans, sans-serif;
    display: flex;
  }

  .nav-link-3.w--current {
    color: #e42f2b;
    flex: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 7px;
    padding-right: 25px;
  }

  .nav-link-4 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 7px;
    padding-right: 25px;
    font-family: Open Sans, sans-serif;
  }

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

  .submit-button-2 {
    margin-top: 15px;
  }

  .container-4 {
    background-color: #fff;
    padding: 2vw;
  }

  .heading-9 {
    text-align: center;
    margin-bottom: 5px;
    font-family: Lato, sans-serif;
  }

  .italic-text {
    text-align: center;
    justify-content: center;
    font-style: italic;
    display: flex;
  }

  .container-5 {
    margin-top: 4vw;
  }

  .columns {
    margin-left: 16vw;
    margin-right: 16vw;
  }

  .bold-text-2, .text-block-3 {
    font-family: Open Sans, sans-serif;
  }

  .column {
    padding-right: 23px;
  }

  .success-message-2, .error-message-2 {
    background-color: #000000a3;
  }

  .slide {
    background-image: url('../images/Right-to-Repair-Hero-Images-4.jpg');
    background-position: 35%;
    background-repeat: repeat-x;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 31px;
  }

  .slide-2 {
    background-image: url('../images/Right-to-Repair-Hero-Images-5.jpg');
    background-position: 50% 20%;
    background-size: cover;
  }

  .mask {
    -webkit-text-fill-color: inherit;
    background-color: #00000091;
    background-clip: border-box;
    margin-bottom: 0;
    padding-top: 0;
    transform: rotate(0);
  }

  .slider {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    height: 25vw;
    padding-top: 0;
    display: block;
  }

  .slide-3 {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Right-to-Repair-Hero-Images-5.jpg');
    background-position: 0 0, 50% 90%;
    background-size: auto, cover;
  }

  .slide-4 {
    background-image: url('../images/Right-to-Repair-Hero-Images-6.jpg');
    background-position: 100% 100%;
    background-size: cover;
  }

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

  .container-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 185px;
    padding-bottom: 185px;
    display: flex;
  }

  .slide-5 {
    color: #0000;
  }

  .paragraph-10 {
    color: var(--white);
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 26px;
    margin-bottom: 0;
    padding: 3vw 120px 0;
    font-family: Open Sans, sans-serif;
    display: flex;
  }

  .slide-6 {
    margin-top: 0;
  }

  .slide-nav-2 {
    justify-content: center;
    margin-top: 0;
    padding-top: 19px;
    display: flex;
  }

  .slider-2 {
    border: 0px solid var(--white);
    color: #0000;
    object-fit: fill;
    background-color: #0000;
  }

  .icon {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-top: 0;
  }

  .icon-2 {
    margin-top: 100px;
    margin-bottom: 10px;
  }

  .new-heading {
    color: var(--white);
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Lato, sans-serif;
  }

  .new-text-span {
    font-family: Open Sans, sans-serif;
    font-size: 22px;
    font-style: italic;
  }

  .image-405 {
    max-width: 35%;
  }

  .container-7 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-areas: "Area";
    width: 40%;
    max-width: none;
  }

  .services {
    max-width: 100%;
  }

  .social-icon {
    object-fit: scale-down;
    flex: none;
    max-width: 100%;
    display: block;
  }

  .container-8 {
    margin-top: 41px;
  }

  .column-2 {
    border-right: 0px solid var(--white);
    padding-right: 50px;
  }

  .paragraph-11 {
    color: var(--white);
    text-align: center;
    padding-left: 0;
  }

  .paragraph-12 {
    color: var(--white);
    text-align: center;
  }

  .bold-text-3 {
    font-family: Open Sans, sans-serif;
    font-size: 22px;
  }

  .column-3 {
    border-left: 1px solid var(--white);
  }

  .recaptcha {
    margin-top: 13px;
  }

  .services-image {
    max-width: 100%;
  }

  .services-alternate {
    max-width: 100%;
    margin-left: -57px;
  }

  .recaptcha-2 {
    margin-top: 20px;
  }

  .italic-text-2, .italic-text-3, .italic-text-4 {
    color: var(--black);
    text-decoration: underline;
  }

  .recaptcha-3 {
    margin-top: 20px;
  }

  .link-block {
    justify-content: flex-start;
    padding-bottom: 17px;
    display: flex;
  }

  .link-block-facebook {
    justify-content: flex-end;
    margin-bottom: 19px;
    display: flex;
  }

  .section-6 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

  .bold-text-7 {
    font-size: 18px;
  }

  .bold-text-8 {
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    line-height: 25px;
  }

  .text-block-4 {
    padding-top: 13px;
  }

  .text-block-5 {
    padding-top: 10px;
  }

  .italic-text-5, .italic-text-6 {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
  }

  .image-406 {
    max-width: 100%;
  }

  .image-407 {
    max-width: 100%;
    padding-top: 103px;
  }

  .image-408 {
    max-width: 100%;
  }

  .image-409 {
    max-width: 100%;
    padding-top: 24px;
  }

  .list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .italic-text-7, .list-item-8, .list-item-9 {
    font-family: Open Sans, sans-serif;
  }

  .heading-10 {
    text-align: center;
    font-family: Lato, sans-serif;
  }

  .paragraph-13 {
    text-align: center;
    font-family: Open Sans, sans-serif;
  }

  .list-item-10 {
    font-family: Open Sans, sans-serif;
  }

  .social-icon-instagram {
    object-fit: scale-down;
    max-width: 100%;
  }

  .bold-text-9, .bold-text-10, .bold-text-11 {
    font-size: 22px;
  }

  .field-label, .field-label-2, .field-label-3, .field-label-4, .field-label-5 {
    font-family: Open Sans, sans-serif;
  }

  .section-8, .container-12 {
    display: flex;
  }

  .navbar-2 {
    color: #fff;
    background-color: #fff;
  }

  .container-13 {
    justify-content: center;
    display: flex;
  }

  .nav-menu-2 {
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .nav-link-5 {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

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

  .nav-link-6, .nav-link-7, .nav-link-8 {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .navbar-3 {
    background-color: #fff;
  }

  .grid-4 {
    grid-template-rows: auto;
    place-items: center;
  }

  .image-410, .image-411 {
    max-width: 50%;
  }

  .div-block-3, .link-block-2 {
    justify-content: flex-end;
    display: flex;
  }

  .site-nav-bar {
    background-color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    display: none;
    position: static;
  }

  .nav-menu {
    background-color: var(--white);
    height: auto;
    position: absolute;
    overflow: auto;
  }

  .button.nav-button {
    display: none;
  }

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

  .button.outline.on-white-nav {
    display: none;
  }

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

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

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

  .section.bottom-margin {
    padding-left: 20px;
    padding-right: 20px;
  }

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

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

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

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

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

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

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

  .page-tittle.hero {
    max-width: 450px;
  }

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

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

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

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

  .flex-features-div {
    flex-wrap: wrap;
  }

  .features-card {
    width: 50%;
  }

  .dots-line {
    display: none;
  }

  .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;
  }

  .side-image.two {
    background-image: url('../images/Right-to-Repair-Services-1.png');
    border-radius: 0;
  }

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

  .review-grid {
    height: auto;
  }

  .review-top {
    display: flex;
  }

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

  .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.height {
    flex-wrap: wrap;
    height: auto;
  }

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

  .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, .facts-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;
  }

  .nav-link.white {
    color: var(--black);
  }

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

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

  .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;
  }

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

  .half-side-image.second, .half-side-image.first {
    height: 700px;
  }

  .half-section {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .half-section.image {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .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;
  }

  .centered-big-image {
    height: 400px;
  }

  .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;
  }

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

  .section-title.top-padding {
    margin-top: 100px;
  }

  .section-title.dark {
    font-size: 38px;
  }

  .section-title.dark.break {
    width: 80%;
  }

  .logo-brand {
    max-width: 80%;
    margin-bottom: -27px;
  }

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

  .menu-button {
    color: var(--black);
    text-align: left;
    background-color: #0000;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 34px;
    display: flex;
  }

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

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

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

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

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

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

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

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

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

  .drop-grid {
    width: 100%;
  }

  .drop-grid.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .drop-list-div.posts-list.home {
    border-top-right-radius: 0;
  }

  .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.left {
    margin-left: 0;
  }

  .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;
  }

  .licence-info {
    flex: 1;
  }

  .image-div.logo {
    margin-right: 0;
  }

  .licence-item-wrapper {
    width: 80%;
  }

  .licence-item-wrapper.center {
    width: 70%;
  }

  .changelog-text {
    text-align: left;
    display: inline-block;
  }

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

  .get-help-vidio, .case-grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-card {
    height: 400px;
  }

  .case-card.top {
    justify-content: center;
  }

  .case-card.top.right {
    flex-direction: row;
    justify-content: flex-start;
    height: 400px;
  }

  .case-card.right {
    height: 450px;
  }

  .collection-top {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .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;
  }

  .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;
  }

  .blog-in-columns {
    width: 100%;
  }

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

  .contact-content {
    width: 110%;
    right: 0;
  }

  .contact-content.new {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .field-label-alternative {
    font-size: 12px;
    line-height: 22px;
  }

  .contact-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 720px;
    display: flex;
  }

  .empty-block {
    display: none;
  }

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

  .collection-blog-item {
    width: 100%;
  }

  .info-blog {
    display: block;
  }

  .register-content {
    width: 110%;
    right: 0;
  }

  .register-content.new {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

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

  .heading-4 {
    margin-top: 6px;
    font-size: 38px;
  }

  .paragraph-4 {
    font-size: 15px;
  }

  .cards-section {
    padding-top: 28px;
    padding-left: 31px;
    padding-right: 31px;
  }

  .cards-grid-container {
    grid-column-gap: 20px;
  }

  .footer-new {
    color: #ffffff69;
    text-align: center;
  }

  .flex-container {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .nav-link-copy.white {
    color: var(--black);
  }

  .nav-link-3 {
    text-align: center;
  }

  .columns {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .container-6 {
    padding-top: 60px;
  }

  .grid-3 {
    display: none;
  }

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

  .menu-mobile {
    left: -48%;
  }

  .container-9 {
    align-items: center;
    display: block;
  }

  .column-4 {
    object-fit: fill;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    display: flex;
  }

  .heading-10 {
    font-family: Lato, sans-serif;
  }

  .paragraph-13 {
    font-family: Open Sans, sans-serif;
  }

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

  .list-item-10 {
    font-family: Open Sans, sans-serif;
  }

  .container-11 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .navbar-2 {
    padding-bottom: 31px;
  }

  .menu-button-6 {
    margin-top: 22px;
  }

  .container-13 {
    justify-content: center;
    align-items: center;
    width: 50%;
  }

  .navbar-3 {
    margin-bottom: 27px;
  }

  .menu-button-7 {
    color: #333;
    flex-direction: row;
    flex: 1;
    justify-content: flex-end;
    align-items: stretch;
    margin-top: 22px;
    margin-left: 1px;
    margin-right: 27px;
    display: block;
  }

  .grid-6 {
    display: none;
  }

  .site-nav-bar {
    color: #fff;
    background-color: #fff;
    margin-bottom: 28px;
    padding-bottom: 0;
  }
}

@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-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .section.padding-bottom {
    padding-top: 39px;
    padding-bottom: 18px;
  }

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

  .page-tittle.horizontal-flex, .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: 10px;
    padding-top: 18px;
    padding-bottom: 0;
  }

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

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

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

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

  .side-image.tab-side-image.shorter {
    height: 400px;
  }

  .side-image.two {
    background-image: url('../images/Right-to-Repair-Services-1.png');
    border-radius: 0;
  }

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

  .review-top {
    display: flex;
  }

  .testimonial-slide {
    width: 100%;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer-flex-container, .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;
  }

  .side-tab {
    width: auto;
  }

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

  .graphic-side-image.eight.shorter {
    height: 400px;
  }

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

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

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

  .big-lightbox {
    height: 400px;
  }

  .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;
  }

  .centered-big-image {
    height: 300px;
  }

  .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 {
    border-radius: 0;
    width: 100%;
    height: 300px;
  }

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

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

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

  .section-title.dark {
    font-size: 30px;
  }

  .section-title.dark.break {
    width: 100%;
  }

  .logo-brand {
    margin-bottom: -26px;
  }

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

  .help-card.light-purple {
    flex: 0 auto;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-left: 0;
  }

  .help-card.left {
    flex: 0 auto;
    width: 100%;
    height: 400px;
    margin-right: 0;
  }

  .menu-button {
    flex-flow: row;
    display: flex;
  }

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

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

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

  .footer-side {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .footer-side.flex-side {
    border-left-style: none;
    width: 100%;
    padding-left: 20px;
  }

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

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

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

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

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

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

  .image-div.logo {
    margin-right: 20px;
  }

  .licence-item-wrapper {
    width: 100%;
  }

  .licence-item-wrapper.center {
    justify-content: center;
    width: 90%;
  }

  .changelog-text {
    text-align: left;
    display: inline-block;
  }

  .get-help-vidio {
    grid-template-columns: 1fr;
  }

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

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

  .case-card, .case-card.top, .case-card.top.right {
    height: 450px;
  }

  .case-info {
    margin-left: 30px;
    margin-right: 30px;
  }

  .collection-top {
    width: 100%;
  }

  .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;
  }

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

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

  .blog-in-columns, .form-block-contact {
    width: 100%;
  }

  .contact-content {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .contact-content.new {
    width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .contact-wrapper {
    width: 100%;
  }

  .paragraph-2, .paragraph-3, .info-blog {
    display: none;
  }

  .heading-3 {
    font-size: 25px;
    line-height: 35px;
  }

  .register-content {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .register-content.new {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .register-form-block, .help-block {
    width: 100%;
  }

  .sticky-nav {
    position: relative;
  }

  .nav-grid {
    text-align: center;
  }

  .hero-overlay {
    padding: 40px 20px;
  }

  .heading-4 {
    margin-top: 10px;
    font-size: 30px;
  }

  .paragraph-4 {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
  }

  .button-3 {
    margin-left: 0;
    margin-right: 132px;
  }

  .cards-section {
    padding: 40px 20px 40px 23px;
  }

  .cards-grid-container {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    max-width: none;
  }

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

  .call-to-action, .contact-form, .contact-form-2 {
    padding: 40px 20px;
  }

  .footer-new {
    color: #ffffff85;
    text-align: center;
  }

  .hero {
    padding: 40px 20px;
  }

  .flex-container {
    flex-direction: column;
  }

  .hero-image-mask {
    order: -1;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-image {
    width: 50%;
  }

  .hero-image-2 {
    width: 50%;
    margin-left: 0;
  }

  .hero-2 {
    padding: 40px 20px;
  }

  .flex-container-2 {
    flex-direction: column;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .hero-image-3 {
    width: 50%;
  }

  .hero-image-4 {
    width: 50%;
    margin-left: 0;
  }

  .hero-image-5 {
    width: 50%;
  }

  .container-6 {
    padding-top: 36px;
  }

  .column-2 {
    border-bottom: 1px solid var(--white);
    padding-right: 10px;
  }

  .column-3 {
    border-left-width: 0;
    margin-top: 15px;
    padding-left: 10px;
  }

  .menu-button-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .menu-mobile {
    clear: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    inset: 0% 0% 0% -48%;
  }

  .services-alternate {
    margin-left: 0;
  }

  .column-6 {
    padding-bottom: 56px;
  }

  .menu-button-6 {
    margin-top: 32px;
    margin-left: -40px;
    padding-left: 0;
  }

  .container-13 {
    justify-content: center;
    align-items: center;
  }

  .menu-button-7 {
    background-color: #0000;
    margin-top: 25px;
    margin-left: 0;
    margin-right: 50px;
    display: flex;
  }

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

  .grid-6 {
    display: none;
  }

  .service-text {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    clear: left;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    position: static;
    top: auto;
    left: auto;
    overflow: visible;
  }

  .button {
    margin-bottom: 10px;
  }

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

  .button.subscribe-button.in-sidebar {
    width: 100%;
  }

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

  .section.bottom-margin {
    padding-bottom: 160px;
  }

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

  .section.padding-bottom {
    padding-top: 44px;
    padding-bottom: 32px;
  }

  .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 {
    margin-bottom: 9px;
    font-size: 28px;
    line-height: 38px;
  }

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

  .text-header.left {
    text-align: center;
  }

  .features-card {
    width: 100%;
  }

  .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;
  }

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

  .side-image.two {
    background-image: url('../images/Right-to-Repair-Hero-Images-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 35vw;
    display: none;
  }

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

  .form-card {
    padding-left: 25px;
    padding-right: 25px;
  }

  .imput {
    border: 1px solid var(--lavender);
    background-color: var(--white);
    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;
  }

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

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

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

  .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;
    padding-right: 25px;
  }

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

  .div-content.blog-posts {
    padding-top: 32px;
    padding-left: 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;
  }

  .graphic-side-image.eight.shorter {
    height: 300px;
  }

  .features-grid, .facts-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;
  }

  .gray-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section.pages-section.more-taller {
    padding-bottom: 180px;
  }

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

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

  .big-lightbox {
    height: 200px;
    margin-top: -190px;
    margin-bottom: 40px;
  }

  .half-side-image.second {
    height: 400px;
  }

  .half-section.image {
    min-height: auto;
  }

  .half-section.content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .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;
  }

  .centered-big-image {
    height: 200px;
  }

  .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%;
  }

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

  .list {
    padding-left: 0;
  }

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

  .section-title.dark {
    font-size: 26px;
  }

  .section-title.dark.break {
    width: 100%;
  }

  .logo-brand {
    width: 100px;
    max-width: none;
    margin-top: -21px;
    margin-bottom: -66px;
  }

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

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

  .help-card.light-purple {
    height: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .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;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .footer-side.flex-side {
    border-left-style: none;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0;
  }

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

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

  .team-grid, .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;
    width: 100%;
  }

  .team-card.border-line.left {
    border-right: 1px none var(--lavender);
    border-bottom-style: solid;
    border-radius: 0;
    width: auto;
    padding: 25px;
  }

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

  .drop-grid {
    display: block;
  }

  .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 {
    width: 300px;
    height: 300px;
  }

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

  .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;
  }

  .image-div {
    flex: 0 auto;
    width: 100px;
  }

  .image-div.logo {
    margin-right: 20px;
  }

  .licence-item-wrapper {
    justify-content: space-between;
    width: auto;
    padding: 15px 15px 14px;
  }

  .licence-item-wrapper.center {
    width: 100%;
  }

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

  .min {
    text-align: center;
  }

  .licence-link {
    margin-right: 10px;
    font-size: 12px;
    line-height: 22px;
  }

  .licence-links-wrapper {
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
  }

  .get-help-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-faq {
    width: 100%;
  }

  .section-separator {
    display: none;
  }

  .cta-card {
    padding-left: 25px;
    padding-right: 25px;
  }

  .cta-tex-header {
    font-size: 36px;
    line-height: 46px;
  }

  .case-card, .case-card.top, .case-card.top.right {
    height: auto;
  }

  .case-video-button {
    right: 10px;
  }

  .video-block-color {
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-info {
    margin-left: 30px;
    margin-right: 30px;
  }

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

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

  .sidebar {
    padding-left: 0;
  }

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

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

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

  .help-content {
    text-align: center;
  }

  .form-block-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-content {
    width: 100%;
    position: static;
    right: 0;
  }

  .contact-content.new {
    width: 100%;
    padding: 30px 10px;
  }

  .grid-contact, .contact-wrapper {
    width: 100%;
  }

  .empty-block {
    display: none;
  }

  .info-blog {
    display: block;
  }

  .register-content {
    width: 100%;
    position: static;
    right: 0;
  }

  .register-content.new {
    width: 100%;
    padding: 30px 0;
  }

  .register-form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .register-field {
    flex: 0 auto;
    min-width: auto;
  }

  .register-button {
    margin-bottom: 10px;
  }

  .sign-in-link {
    line-height: 24px;
  }

  .sticky-nav {
    padding: 0;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link-2 {
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .centered-container {
    text-align: left;
  }

  .heading-4 {
    margin-top: 17px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 26px;
    line-height: 30px;
  }

  .button-2 {
    padding-left: 15px;
  }

  .paragraph-5 {
    padding-top: 0;
  }

  .button-3 {
    margin-left: 0;
    margin-right: 41px;
  }

  .cards-section {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 24px;
    padding-right: 25px;
    display: block;
  }

  .cards-grid-container {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-5 {
    text-align: center;
  }

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

  .contact-form {
    padding-top: 24px;
  }

  .heading-7 {
    text-align: center;
  }

  .button-4 {
    float: none;
    clear: none;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 57px;
    margin-right: 57px;
    padding-left: 15px;
    display: flex;
  }

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

  .footer-new {
    color: #ffffffa3;
    text-align: center;
  }

  .footer-latest {
    padding-left: 36px;
    padding-right: 36px;
  }

  .slide {
    height: auto;
  }

  .slide-2 {
    margin-top: 0;
    padding-top: 0;
  }

  .slider {
    height: 60vw;
  }

  .container-6 {
    padding-top: 55px;
  }

  .grid-3 {
    display: none;
  }

  .recaptcha {
    object-fit: fill;
    margin-right: 0;
    position: static;
  }

  .menu-mobile {
    clear: right;
    flex-direction: column;
    align-items: center;
    margin-right: 42%;
    left: 0%;
  }

  .menu-mobile.w--open {
    object-fit: cover;
  }

  .menu-button-3, .menu-button-4 {
    position: static;
  }

  .menu-button-5 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .menu-button-6 {
    margin-left: -60px;
    display: flex;
  }

  .container-13 {
    flex-direction: column;
  }

  .menu-button-7 {
    margin-right: 11px;
  }

  .site-nav-bar {
    margin-bottom: -1px;
  }
}

#w-node-e6435465-7d41-48c1-1e45-a4c6c9c0e5b2-b2d67fca {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-e6435465-7d41-48c1-1e45-a4c6c9c0e5b3-b2d67fca {
  grid-area: 1 / 1 / 2 / 6;
  align-self: center;
}

#w-node-d327fa4f-b5b4-38de-8db4-1c5719fc037e-b2d67fca {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7f69e03c-f368-85c7-7593-4a1e2e437655-2e437647 {
  justify-self: end;
}

#w-node-f4c1e0e8-c257-bb91-387c-d967d717257d-48d67fcd, #w-node-ef4afe5d-8f25-614e-9904-7b335d0613e8-4dd67fd6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
  grid-area: 1 / 2 / 2 / 12;
  align-self: center;
}

#w-node-_1d67a80f-e534-d1bf-3d31-8c01bb6dcde5-e75a7279, #w-node-cad1ccdc-8422-d3f7-88e8-09c9876ade78-e75a7279, #w-node-a2cd9e9d-3053-9704-4e96-dd81851e7ff0-e75a7279, #w-node-e4f7f8f1-6824-96c4-05fe-99b851c6cac4-e75a7279, #w-node-_8af33c53-48ba-9a0e-93c7-4b98a10b52ba-acd67ff1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (min-width: 1440px) {
  #w-node-ef4afe5d-8f25-614e-9904-7b335d0613e8-4dd67fd6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-e6435465-7d41-48c1-1e45-a4c6c9c0e5b2-b2d67fca {
    grid-column: 2 / 8;
  }

  #w-node-e6435465-7d41-48c1-1e45-a4c6c9c0e5b3-b2d67fca {
    grid-area: 2 / 2 / 3 / 8;
  }

  #w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
    grid-area: 1 / 1 / 2 / 9;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e6435465-7d41-48c1-1e45-a4c6c9c0e5b2-b2d67fca, #w-node-e6435465-7d41-48c1-1e45-a4c6c9c0e5b3-b2d67fca {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-d327fa4f-b5b4-38de-8db4-1c5719fc036e-b2d67fca, #w-node-d327fa4f-b5b4-38de-8db4-1c5719fc0372-b2d67fca, #w-node-d327fa4f-b5b4-38de-8db4-1c5719fc0376-b2d67fca, #w-node-d327fa4f-b5b4-38de-8db4-1c5719fc037a-b2d67fca, #w-node-f4c1e0e8-c257-bb91-387c-d967d717256d-48d67fcd, #w-node-f4c1e0e8-c257-bb91-387c-d967d7172571-48d67fcd, #w-node-f4c1e0e8-c257-bb91-387c-d967d7172575-48d67fcd, #w-node-f4c1e0e8-c257-bb91-387c-d967d7172579-48d67fcd, #w-node-ef4afe5d-8f25-614e-9904-7b335d0613d8-4dd67fd6, #w-node-ef4afe5d-8f25-614e-9904-7b335d0613dc-4dd67fd6, #w-node-ef4afe5d-8f25-614e-9904-7b335d0613e0-4dd67fd6, #w-node-ef4afe5d-8f25-614e-9904-7b335d0613e4-4dd67fd6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_8af33c53-48ba-9a0e-93c7-4b98a10b52aa-acd67ff1, #w-node-_8af33c53-48ba-9a0e-93c7-4b98a10b52ae-acd67ff1, #w-node-_8af33c53-48ba-9a0e-93c7-4b98a10b52b2-acd67ff1, #w-node-_8af33c53-48ba-9a0e-93c7-4b98a10b52b6-acd67ff1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}