:root {
  --black-color: #111;
  --0-875rem: .875rem;
  --4rem: 4rem;
  --white-color: #fff;
  --6-25rem: 6.25rem;
  --1rem: 1rem;
  --2rem: 2rem;
  --0rem: 0rem;
  --blue-color: #3fbfbf;
  --hover-color: #327e7e;
  --6-5vw: 6.5vw;
  --grey-strong-color: #9c9c9c;
  --0-5rem: .5rem;
  --grey-color: #f0f0f0;
  --1-25rem: 1.25rem;
  --0-75rem: .75rem;
  --5vw: 5vw;
  --3vw: 3vw;
  --0-1rem: .1rem;
  --3rem: 3rem;
  --0-2rem: .2rem;
  --1-6rem: 1.6rem;
  --8vw: 8vw;
  --2-5rem: 2.5rem;
  --2-8vw: 2.8vw;
  --7vw: 7vw;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black-color);
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25rem;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: .625rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.25rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
}

p {
  font-weight: 300;
}

.nav {
  height: var(--4rem);
  background-color: var(--white-color);
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.logo-img {
  width: 12rem;
}

.container {
  padding: var(--6-25rem) var(--1rem);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 82rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.mb-paddings-0 {
  padding-top: var(--0rem);
  padding-bottom: var(--0rem);
}

.nav-logo {
  margin-right: auto;
}

.nav-btn {
  border-radius: var(--2rem);
  background-color: var(--blue-color);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 9rem;
  height: 2.5rem;
  padding: 0;
  font-weight: 400;
  display: flex;
}

.nav-btn:hover {
  background-color: var(--hover-color);
}

.nav-btn.mob-hide {
  align-self: center;
}

.nav-btn.pc-hide {
  display: none;
}

.nav-link {
  font-family: Open Sans, sans-serif;
  font-size: var(--0-875rem);
  font-weight: 400;
}

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

.nav-link.w--current {
  color: var(--grey-strong-color);
}

.nav-menu {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-links-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.section {
  position: relative;
  overflow: clip;
}

.section.hero {
  justify-content: center;
  align-items: center;
  height: 100svh;
  min-height: 35rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.section.height-70rem {
  justify-content: center;
  align-items: center;
  height: 100svh;
  min-height: 60rem;
  display: flex;
}

.section.bg-grey {
  background-color: var(--grey-color);
}

.section.bg-black {
  background-color: var(--black-color);
}

.section.law {
  justify-content: center;
  align-items: center;
  height: 50rem;
  display: flex;
}

.section.hide {
  display: none;
}

.grid-2col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-self: flex-end;
  width: 100%;
  position: relative;
}

.grid-2col.card {
  padding-left: var(--4rem);
  border-radius: var(--1-25rem);
  background-color: var(--grey-color);
  overflow: clip;
}

.grid-2col.card.pr-4rem {
  padding-right: var(--4rem);
  padding-left: var(--0rem);
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
}

.grid-2col.cta {
  padding-left: var(--4rem);
  grid-column-gap: var(--2rem);
  grid-row-gap: var(--2rem);
  border-radius: var(--1-25rem);
  background-color: #414141;
  grid-template-columns: 1fr 1.25fr;
  overflow: hidden;
}

.h1 {
  color: var(--white-color);
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 110%;
}

.h1.pb-2rem {
  margin-bottom: var(--2rem);
}

.bg-img {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-img.law-page {
  filter: brightness();
}

.hero-img {
  width: 14rem;
}

.v-flex {
  grid-column-gap: var(--0-5rem);
  grid-row-gap: var(--0-5rem);
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.v-flex._w-650 {
  width: 40.625rem;
}

.v-flex._w-650.mt-1rem {
  margin-bottom: var(--4rem);
}

.v-flex.cta {
  grid-column-gap: var(--1-25rem);
  grid-row-gap: var(--1-25rem);
  width: 31.875rem;
}

.v-flex._80 {
  width: 100%;
}

.v-flex.hero {
  grid-column-gap: var(--0-5rem);
  grid-row-gap: var(--0-5rem);
}

.paragraph {
  color: var(--white-color);
  font-size: var(--1rem);
  font-weight: 300;
  line-height: 150%;
}

.paragraph.black-color {
  color: var(--black-color);
  font-size: var(--1rem);
  margin-bottom: 0;
  font-weight: 300;
}

.paragraph.cta {
  font-size: var(--1rem);
  width: 27rem;
  margin-bottom: 0;
  font-weight: 300;
}

.card-img {
  border-radius: var(--1rem);
  object-fit: cover;
  overflow: hidden;
}

.card-img._w-100 {
  width: 100%;
}

.card-img.logo {
  border-radius: var(--1-25rem);
}

.h2 {
  margin-bottom: var(--2rem);
  width: auto;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 100%;
}

.h2.white-color {
  color: var(--white-color);
  width: auto;
}

.h2.white-color.cta {
  margin-bottom: 0;
  font-size: 2.4rem;
  font-weight: 300;
}

.h2.padding-1 {
  margin-bottom: var(--1rem);
}

.nav-container {
  padding: var(--6-25rem) var(--1rem);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 82rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-3col {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr .75fr;
  place-items: center stretch;
  width: 100%;
}

.small-card {
  padding: var(--1-25rem);
  grid-column-gap: var(--0-875rem);
  grid-row-gap: var(--0-875rem);
  border-radius: var(--1-25rem);
  background-image: linear-gradient(#000 22%, #fff 60%);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 22rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h3 {
  z-index: 1;
  font-size: var(--1-25rem);
  font-weight: 600;
  position: relative;
}

.h3.white-color {
  z-index: 1;
  color: var(--white-color);
  font-size: var(--2rem);
  font-weight: 400;
  line-height: 100%;
  display: flex;
  position: relative;
}

.paragraph-14 {
  z-index: 1;
  color: var(--black-color);
  font-size: var(--0-875rem);
  margin-bottom: 0;
  font-weight: 400;
  position: relative;
}

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

.unsplash-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
  display: block;
}

.unsplash-image:hover {
  filter: brightness(13%);
  transform: scale(1.4);
}

.cards-img {
  z-index: 0;
  filter: brightness(60%);
  object-fit: cover;
  object-position: 50% 0%;
  height: 100%;
  transition: all .555s;
  position: absolute;
  inset: 0%;
}

.product-card {
  padding-top: var(--1-25rem);
  padding-bottom: var(--1-25rem);
  border-radius: var(--1-25rem);
  background-color: #d6d6d6;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  transition: all .555s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-card:hover {
  background-color: var(--white-color);
}

.price {
  padding-top: var(--1rem);
  padding-bottom: var(--1rem);
  background-color: var(--white-color);
  font-size: var(--1-25rem);
  text-align: center;
  align-self: stretch;
  font-weight: 300;
}

.pl-1-25rem {
  padding-right: var(--1-25rem);
  padding-left: var(--1-25rem);
  align-self: stretch;
  width: 100%;
}

.list-item {
  grid-column-gap: var(--0-5rem);
  grid-row-gap: var(--0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list {
  margin-top: var(--1rem);
  margin-bottom: var(--1rem);
  margin-left: var(--1-25rem);
  flex-flow: column;
  align-self: stretch;
  height: 9rem;
  padding-left: 0;
  display: flex;
}

.main-btn {
  border-radius: var(--2rem);
  background-color: var(--blue-color);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 3rem;
  padding: 0;
  font-weight: 400;
  display: flex;
}

.main-btn:hover {
  background-color: var(--hover-color);
}

.main-btn.black-color {
  background-color: var(--black-color);
  color: var(--grey-color);
}

.main-btn.black-color:hover {
  background-color: var(--grey-strong-color);
  color: var(--white-color);
}

.main-btn.cta {
  margin-top: var(--1rem);
  background-color: var(--white-color);
  color: var(--black-color);
  text-transform: uppercase;
  width: 15rem;
  transition: all .555s;
}

.main-btn.cta:hover {
  background-color: var(--grey-strong-color);
}

.main-btn.footer {
  background-color: var(--white-color);
  color: var(--black-color);
  width: 15rem;
  transition: all .555s;
}

.main-btn.footer:hover {
  background-color: var(--grey-strong-color);
}

.main-btn.support {
  margin-top: auto;
}

.info-wrapper {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  flex-flow: column;
  width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: grid;
}

.footer-logo {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  flex-flow: column;
  width: 16.875rem;
  text-decoration: none;
  display: flex;
}

.footer-block {
  flex-direction: column;
  display: flex;
}

.footer-title {
  margin-bottom: var(--1rem);
  color: var(--grey-color);
  font-size: var(--1rem);
  letter-spacing: .0625rem;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1rem;
}

.footer-title.grey-color {
  color: var(--grey-strong-color);
}

.footer-link {
  padding-top: var(--0-5rem);
  padding-bottom: var(--0-5rem);
  color: var(--grey-strong-color);
  font-size: var(--0-875rem);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
  overflow: hidden;
}

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

.social-wrapper {
  margin-top: var(--2rem);
  grid-column-gap: var(--0-75rem);
  grid-row-gap: var(--0-75rem);
}

.social-link {
  margin-right: var(--0-75rem);
  transition: all .555s;
}

.social-link:hover {
  background-color: var(--white-color);
}

.footer {
  background-color: #1f1f1f;
}

.footer-img {
  width: 16.875rem;
}

.paragraph-12 {
  z-index: 1;
  color: var(--grey-strong-color);
  font-size: var(--0-75rem);
  margin-bottom: 0;
  font-weight: 400;
  position: relative;
}

.mt-4rem {
  margin-top: var(--4rem);
}

.footer-contact-link {
  color: var(--white-color);
  font-size: var(--1rem);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 150%;
  text-decoration: underline;
}

.footer-contact-link:hover {
  color: var(--grey-strong-color);
}

.social-img {
  width: var(--2rem);
  height: var(--2rem);
}

.devider {
  height: var(--0-1rem);
  margin-top: var(--2rem);
  background-color: var(--grey-strong-color);
  width: 100%;
  padding-bottom: 0;
}

.h-flex {
  display: flex;
}

.h-flex.a-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.paragraph-16 {
  font-size: var(--1rem);
  line-height: 140%;
}

._2col {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start stretch;
  display: grid;
}

.paragraph-16-white {
  color: var(--white-color);
  font-size: var(--1rem);
  line-height: 140%;
}

.paragraph-16-white.hero-size {
  width: 32rem;
  margin-bottom: 0;
}

.img-llaw.pc-hide {
  display: none;
}

.header-wrapper._w-39rem {
  margin-bottom: var(--2rem);
  width: 39rem;
}

.support-card {
  padding: var(--2rem);
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  border-radius: var(--1rem);
  background-color: var(--white-color);
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  transition: all .555s;
  display: flex;
}

.support-card:hover {
  background-color: var(--grey-color);
}

.logo-card {
  width: var(--3rem);
}

.support-title {
  color: var(--blue-color);
  font-size: var(--1rem);
  letter-spacing: .0625rem;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1rem;
}

.support-link {
  padding-top: var(--1rem);
  padding-right: var(--1rem);
  color: var(--black-color);
  font-weight: 600;
  text-decoration: underline;
}

.support-link:hover {
  color: var(--blue-color);
}

.paragraph-14-absolut {
  z-index: 1;
  padding: var(--1rem);
  color: var(--white-color);
  font-size: var(--0-875rem);
  height: 7rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-hero-img {
  z-index: -1;
  filter: brightness(38%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.txt-info {
  color: var(--white-color);
  font-size: var(--0-75rem);
  font-weight: 300;
}

.txt-flex-wrapp {
  padding: var(--0-2rem) var(--1rem) var(--0-2rem) var(--0-5rem);
  grid-column-gap: var(--0-5rem);
  grid-row-gap: var(--0-5rem);
  border-radius: var(--4rem);
  background-color: #6e6e6e80;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.txt-flex-wrapp._1 {
  padding-top: var(--0-5rem);
  padding-bottom: var(--0-5rem);
  border-style: none none none solid;
  border-left-color: var(--blue-color);
  background-color: #fff0;
  border-radius: 0;
}

.txt-flex-wrapp.just-txt {
  padding: var(--0-2rem) .5rem;
  background-color: var(--grey-color);
  border-style: solid;
  width: auto;
}

.txt-flex-wrapp.bg-grey {
  background-color: var(--grey-strong-color);
}

.txt-flex-wrapp.legal-limits {
  border: var(--0-1rem) solid var(--blue-color);
  background-color: #6e6e6e1c;
}

.icon {
  background-color: var(--white-color);
  width: 24px;
  height: 24px;
}

.grid._1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-self: stretch;
}

.grid-small {
  margin-top: var(--2rem);
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  flex-flow: column;
  display: flex;
}

.grid-small.cards {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start start;
  margin: 0;
  display: flex;
  position: absolute;
}

.grid-small.mob {
  margin-top: 0;
}

.hero-icon, .hero-icon.small {
  width: var(--2rem);
}

.img-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.txt-imfo-black {
  color: var(--black-color);
  font-size: var(--0-75rem);
  font-weight: 400;
}

.hero-txt-flex {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.span-txt {
  display: inline-block;
}

.tel-link {
  color: var(--hover-color);
  font-weight: 400;
  text-decoration: none;
}

.tel-link:hover {
  color: var(--black-color);
}

.faq-grid {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.faq-block {
  background-color: #1e1e1e;
  padding: 20px 20px 20px 0;
  text-decoration: none;
  transition: all .555s;
}

.faq-block:hover {
  border-color: #85a0ae;
}

.faq-question-wrapper {
  color: var(--white-color);
  letter-spacing: -.02em;
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 500;
  display: flex;
}

.title-small {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.accordian-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
  position: relative;
}

.horizontal-line {
  background-color: #1f2937;
  width: 100%;
  height: 3px;
}

.vertical-line {
  background-color: #1f2937;
  width: 3px;
  height: 100%;
  position: absolute;
}

.faq-paragraph {
  color: var(--grey-strong-color);
  font-size: var(--0-75rem);
  letter-spacing: -.01em;
  margin-bottom: 0;
  line-height: 160%;
  overflow: hidden;
}

.text-span {
  color: var(--grey-strong-color);
  font-size: var(--0-875rem);
}

.text-span-2 {
  color: var(--blue-color);
}

.text-span-3 {
  padding-right: var(--1rem);
  padding-left: var(--1rem);
  border: var(--0-1rem) solid var(--blue-color);
  border-radius: var(--1rem);
  background-color: var(--grey-strong-color);
  color: var(--white-color);
  position: relative;
  left: 485px;
}

.price-txt {
  margin-top: var(--1rem);
  margin-bottom: var(--1rem);
  border-radius: var(--0-875rem);
  color: var(--white-color);
  font-size: var(--1rem);
  text-transform: none;
  font-weight: 300;
}

.hero-img-wrapp {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-4 {
  color: #ff5050;
}

.price-flex {
  margin-top: var(--1rem);
  margin-bottom: var(--1-25rem);
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  border: var(--0-1rem) solid var(--grey-strong-color);
  border-radius: var(--2rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.price-cross {
  padding: var(--0-5rem);
  position: relative;
}

.cross-line {
  height: var(--0-1rem);
  background-color: var(--blue-color);
  opacity: .6;
  width: 100%;
  position: absolute;
  inset: 1.1rem 0% 0%;
  transform: rotate(20deg);
}

.cross-line.second {
  top: 1.1rem;
  transform: rotate(-20deg);
}

.hero-img-flex {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1fr;
}

.standart-img {
  padding: var(--0-5rem);
  border-radius: var(--4rem);
  background-color: #ffffff1c;
  width: 5rem;
}

.standart-flex {
  grid-column-gap: var(--0-5rem);
  grid-row-gap: var(--0-5rem);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-price {
  font-size: var(--1-25rem);
}

.delivery-flex {
  grid-column-gap: var(--1rem);
  grid-row-gap: var(--1rem);
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: flex;
  position: absolute;
  inset: 0% 9.9rem 0% auto;
}

.pack-txt {
  font-size: var(--0-75rem);
}

.delivery-img {
  width: var(--1-6rem);
  opacity: .4;
}

@media screen and (min-width: 1280px) {
  .h1 {
    font-size: 3.2rem;
  }

  .hero-img {
    width: 14rem;
  }

  .faq-question-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .standart-img {
    width: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .h1 {
    font-size: 3.5rem;
  }

  .hero-img {
    width: 16rem;
  }
}

@media screen and (max-width: 991px) {
  .container {
    flex: none;
    width: auto;
    max-width: 36rem;
  }

  .container.mb-paddings-0 {
    flex: none;
  }

  .nav-btn.pc-hide {
    margin-top: var(--2rem);
    font-size: var(--2rem);
    width: 12rem;
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-link {
    font-size: var(--2rem);
  }

  .nav-menu {
    background-color: var(--white-color);
    position: absolute;
  }

  .nav-links-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100svh;
    display: flex;
  }

  .grid-2col {
    flex-flow: column;
    grid-auto-flow: column;
    display: flex;
  }

  .grid-2col.card {
    padding: var(--1-25rem);
    grid-column-gap: var(--1rem);
    grid-row-gap: var(--1rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .grid-2col.card.pr-4rem {
    padding-right: var(--1-25rem);
    padding-left: var(--1-25rem);
    grid-column-gap: var(--1rem);
    grid-row-gap: var(--1rem);
  }

  .grid-2col.cta {
    padding-bottom: var(--1-25rem);
    padding-left: var(--0rem);
  }

  .hero-img {
    order: -9999;
    width: 14rem;
  }

  .v-flex._w-650 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .v-flex.cta {
    padding-right: var(--1-25rem);
    padding-left: var(--1-25rem);
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .paragraph.cta {
    text-align: center;
    width: auto;
  }

  .card-img {
    order: -9999;
    align-self: stretch;
  }

  .h2 {
    font-size: var(--2rem);
  }

  .h2.white-color {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .h2.white-color.cta {
    font-size: var(--2rem);
    width: auto;
  }

  .h2.white-color.a-left {
    text-align: left;
    margin-left: 0;
  }

  .nav-container {
    max-width: 100%;
  }

  .grid-3col {
    flex-flow: column;
    grid-auto-flow: column;
    display: flex;
  }

  .grid-3col.product {
    width: 22rem;
    margin-left: auto;
    margin-right: auto;
  }

  .small-card {
    width: 22rem;
  }

  .h3.white-color {
    line-height: 120%;
  }

  .product-card {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .main-btn.cta {
    margin-left: auto;
    margin-right: auto;
  }

  .info-wrapper {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .img-llaw.pc-hide {
    display: none;
  }

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

  .grid-small {
    margin-top: var(--0-5rem);
  }

  .faq-paragraph {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .nav {
    justify-content: space-between;
    align-items: center;
  }

  .container {
    padding-top: var(--4rem);
    padding-bottom: var(--4rem);
    width: auto;
  }

  .container.mb-paddings-0 {
    padding-top: var(--2rem);
    padding-bottom: var(--2rem);
  }

  .nav-logo {
    padding-left: 0;
  }

  .section.hero {
    height: auto;
    min-height: auto;
  }

  .section.law {
    height: auto;
  }

  .h1 {
    font-size: 3rem;
  }

  .v-flex._w-650 {
    width: 100%;
  }

  .v-flex.cta {
    width: auto;
  }

  .card-img {
    border-radius: var(--1rem);
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .card-img.car {
    margin-bottom: var(--1rem);
    height: auto;
    overflow: clip;
  }

  .h2 {
    width: auto;
  }

  .h2.white-color {
    margin-left: auto;
    margin-right: auto;
  }

  .h2.white-color.a-left {
    margin-left: 0;
  }

  .nav-container {
    width: auto;
  }

  .small-card {
    width: 25rem;
  }

  .footer-wrapper {
    flex-direction: column;
    place-items: start stretch;
  }

  .footer-block {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .social-wrapper {
    margin-top: 1.25rem;
  }

  .footer-img {
    width: 11rem;
  }

  .footer-contact-link:hover {
    color: #1a1b1fbf;
  }

  .paragraph-16-white.hero-size {
    width: auto;
  }

  .grid-small {
    margin-top: var(--2rem);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: var(--0-875rem);
  }

  .container {
    padding: var(--2rem) var(--1rem);
    flex: 1;
  }

  .container.mb-paddings-0 {
    width: 99%;
  }

  .nav-logo {
    margin-right: auto;
    padding-left: 0;
  }

  .nav-btn.mob-hide {
    display: none;
  }

  .nav-btn.pc-hide {
    font-size: var(--6-5vw);
    width: 100%;
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-link {
    margin-bottom: var(--2rem);
    padding-top: var(--0-5rem);
    padding-bottom: var(--0-5rem);
    font-size: var(--6-5vw);
    text-align: center;
    align-self: stretch;
    width: 100%;
  }

  .nav-links-wrapper {
    z-index: 0;
    padding-right: var(--1rem);
    padding-left: var(--1rem);
    background-color: var(--grey-color);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100svh;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .section.height-70rem {
    justify-content: center;
    align-items: flex-end;
    height: auto;
    min-height: auto;
  }

  .grid-2col {
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2col.card {
    padding: var(--0rem);
    grid-column-gap: var(--1rem);
    grid-row-gap: var(--1rem);
    border-radius: var(--0rem);
    background-color: var(--white-color);
    overflow: clip;
  }

  .grid-2col.card.pr-4rem {
    padding-right: var(--0rem);
    padding-left: var(--0rem);
  }

  .grid-2col.cta {
    padding-top: var(--1-25rem);
    padding-bottom: var(--0rem);
    grid-column-gap: var(--2rem);
    grid-row-gap: var(--2rem);
    background-color: var(--black-color);
  }

  .h1 {
    text-align: center;
    font-size: 7.9vw;
    font-weight: 300;
    line-height: 100%;
  }

  .h1.pb-2rem {
    margin-bottom: var(--0-5rem);
  }

  .hero-img {
    align-self: center;
    width: 10rem;
  }

  .v-flex {
    grid-column-gap: var(--1rem);
    grid-row-gap: var(--1rem);
    justify-content: center;
    align-items: center;
  }

  .v-flex.cta {
    padding-right: var(--0rem);
    padding-left: var(--0rem);
    grid-column-gap: var(--0-75rem);
    grid-row-gap: var(--0-75rem);
    width: auto;
  }

  .v-flex.pl-1rem {
    margin-bottom: var(--4rem);
  }

  .paragraph {
    font-size: var(--0-75rem);
    text-align: center;
    font-weight: 400;
    line-height: 140%;
  }

  .paragraph.black-color {
    font-size: var(--0-75rem);
    text-align: center;
    font-weight: 400;
  }

  .paragraph.cta {
    text-align: center;
    font-size: 3vw;
  }

  .card-img {
    order: 9999;
    width: auto;
    height: auto;
  }

  .card-img._w-100 {
    order: 9999;
  }

  .card-img.car {
    object-position: 0% 50%;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .card-img.logo {
    position: relative;
  }

  .h2 {
    margin-right: auto;
    margin-bottom: var(--1rem);
    font-size: var(--2rem);
    text-align: center;
    width: auto;
    margin-left: auto;
    font-weight: 400;
  }

  .h2.white-color {
    margin-bottom: var(--1rem);
    text-align: center;
  }

  .h2.white-color.cta {
    font-size: var(--5vw);
    text-align: center;
  }

  .h2.white-color.a-left, .h2.padding-1 {
    text-align: left;
  }

  .nav-container {
    padding-right: var(--0-5rem);
    padding-left: var(--0-5rem);
    flex: 1;
  }

  .grid-3col {
    grid-column-gap: var(--1rem);
    grid-row-gap: var(--1rem);
  }

  .grid-3col.product {
    width: auto;
  }

  .small-card {
    align-self: stretch;
    width: auto;
    height: 20rem;
  }

  .h3 {
    margin-bottom: var(--0rem);
    font-size: var(--5vw);
  }

  .h3.white-color {
    font-size: var(--6-5vw);
  }

  .paragraph-14 {
    font-size: var(--3vw);
  }

  .main-btn.cta {
    order: 9999;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .main-btn.footer {
    order: -9999;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer-logo {
    margin-bottom: var(--6-25rem);
    justify-content: center;
    align-items: center;
  }

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

  .footer-title, .footer-link {
    font-size: var(--5vw);
  }

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

  .footer-img {
    width: 16rem;
  }

  .paragraph-12 {
    font-size: var(--3vw);
    text-align: center;
  }

  .footer-contact-link {
    font-size: var(--5vw);
  }

  .footer-contact-link:hover {
    color: var(--grey-strong-color);
  }

  .h-flex.a-bottom {
    grid-column-gap: var(--2rem);
    grid-row-gap: var(--2rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-16 {
    font-size: var(--0-875rem);
  }

  ._2col {
    flex-flow: column;
    display: flex;
  }

  .paragraph-16-white {
    font-size: var(--0-875rem);
  }

  .paragraph-16-white.hero-size {
    font-size: var(--0-75rem);
    text-align: center;
    font-weight: 400;
  }

  .img-llaw.pc-hide {
    align-self: stretch;
    width: 100%;
    display: inline-flex;
  }

  .img-llaw.mob-hide {
    display: none;
  }

  .header-wrapper._w-39rem {
    width: auto;
  }

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

  .support-title {
    font-size: var(--5vw);
  }

  .burger {
    padding: var(--1rem);
    border-radius: var(--0-5rem);
    background-color: #f7f7f7;
  }

  .burger.w--open {
    background-color: var(--black-color);
  }

  .paragraph-14-absolut {
    margin-bottom: var(--2rem);
    font-size: var(--0-875rem);
    height: 5rem;
    line-height: 130%;
  }

  .txt-info {
    font-size: var(--0-875rem);
  }

  .txt-flex-wrapp {
    align-self: stretch;
    width: auto;
  }

  .grid {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .grid-small {
    grid-column-gap: var(--1rem);
    grid-row-gap: var(--1rem);
    flex-flow: column;
    margin-top: 0;
    display: flex;
    position: static;
  }

  .grid-small.cards {
    margin-top: var(--0rem);
    margin-bottom: var(--1rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .txt-imfo-black {
    font-size: var(--0-875rem);
  }

  .hero-txt-flex {
    flex-flow: column;
  }

  .title-small {
    color: #424242;
    font-size: 3.5vw;
  }

  .faq-paragraph {
    text-align: left;
    font-size: 3.5vw;
  }

  .price-txt {
    font-size: 4vw;
  }

  .hero-img-wrapp {
    order: -9999;
  }

  .image-2 {
    max-width: 81%;
  }

  .e-comm-img {
    max-width: 80%;
  }

  .price-flex {
    margin-top: var(--0-75rem);
    justify-content: center;
    align-items: center;
  }

  .hero-img-flex {
    order: -9999;
    grid-template-columns: 2fr 1fr;
  }

  .bold-price {
    font-size: 5vw;
  }
}

#w-node-_6e23a651-4fec-a569-67b5-d40d4dac99ae-1dca0d91, #w-node-_2104ddf7-482f-e5dd-6b8e-b1bcd0501077-1dca0d91 {
  justify-self: start;
}

#w-node-_758a1ac8-d424-aa67-f87e-8aa00c74ccd1-1dca0d91 {
  justify-self: end;
}

#w-node-_8f324d2a-6e36-33af-fe44-b5dc32f9e4fb-1dca0d91 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-_0c488f4f-b38d-35ea-e037-abf914862102-1dca0d91 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_05c89775-f800-f619-1b69-eddbe7ae1ca4-1dca0d91 {
  justify-self: end;
}

#w-node-_96036c92-98a2-c039-a34a-6a72d90735d4-1dca0d91, #w-node-_96036c92-98a2-c039-a34a-6a72d90735dd-1dca0d91 {
  justify-self: start;
}

#w-node-_5a9617fe-198b-20a7-cbb6-1c94f63e42e0-1dca0d91 {
  justify-self: end;
}

#w-node-_15e9770a-f746-72b7-0934-a2461a8d22f4-1dca0d91 {
  order: -9999;
  justify-self: start;
}

#w-node-_3471b81b-d5bd-fd0c-b523-f628dda62bf9-1dca0d91 {
  justify-self: end;
}

#w-node-_8b02e398-66a0-0d78-2bb7-30cd4f133877-1dca0d91 {
  order: -9999;
  justify-self: start;
}

#w-node-_2935e7c6-089f-1246-06f7-d856dde676b9-1dca0d91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_0475b984-df18-33e5-0a46-d19d94a58b9f-1dca0d91 {
  justify-self: stretch;
}

#w-node-_3887ed67-b8b9-b64f-8e52-2d2b09844624-1dca0d91 {
  place-self: center;
}

#w-node-_20df8ab7-f935-81ca-0b65-11c5f6979a4c-1dca0d91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_20df8ab7-f935-81ca-0b65-11c5f6979a6b-1dca0d91 {
  place-self: center;
}

#w-node-_16e165f7-0ce5-a3be-ac6f-75e05cc8c05a-1dca0d91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_16e165f7-0ce5-a3be-ac6f-75e05cc8c079-1dca0d91 {
  place-self: center;
}

#w-node-_8c4f2a2f-715e-b968-4bcb-3e8041535692-1dca0d91 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8c4f2a2f-715e-b968-4bcb-3e8041535699-1dca0d91 {
  justify-self: end;
}

#w-node-_0c4a0567-7121-60ee-3640-c254c582a31d-c582a302 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_0c4a0567-7121-60ee-3640-c254c582a328-c582a302, #w-node-_70d783cf-ad2c-0704-dd21-490fb901d088-c582a302, #w-node-_0c4a0567-7121-60ee-3640-c254c582a329-c582a302 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad0c17bd-5338-1e46-c9bc-09c9dae60039-dae60020 {
  justify-self: end;
}

#w-node-_41827292-ae14-86ec-531b-3da085f09e26-85f09e24 {
  align-self: auto;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe1565fb-e6f0f5c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe15661a-e6f0f5c9 {
  place-self: center;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe156620-e6f0f5c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe156642-e6f0f5c9 {
  place-self: center;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe156648-e6f0f5c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe15665e-e6f0f5c9 {
  place-self: center;
}

#w-node-_2935e7c6-089f-1246-06f7-d856dde676b9-e6f0f5c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_3887ed67-b8b9-b64f-8e52-2d2b09844624-e6f0f5c9 {
  place-self: center;
}

#w-node-_20df8ab7-f935-81ca-0b65-11c5f6979a4c-e6f0f5c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_20df8ab7-f935-81ca-0b65-11c5f6979a6b-e6f0f5c9 {
  place-self: center;
}

#w-node-_16e165f7-0ce5-a3be-ac6f-75e05cc8c05a-e6f0f5c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_16e165f7-0ce5-a3be-ac6f-75e05cc8c079-e6f0f5c9 {
  place-self: center;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe156664-e6f0f5c9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c4c9fc16-20da-8afc-4627-ec77fe15666c-e6f0f5c9 {
  justify-self: end;
}

#w-node-_16bfe1c2-1fc5-c386-e406-50d99ae049cd-4dbe44c6, #w-node-_63fc8b92-aabb-dcb8-ce26-b6d0c6fb407b-4dbe44c6, #w-node-_7b9d6691-20ce-eb70-5730-c8381de801b0-4dbe44c6, #w-node-_718abbc3-9727-bef5-6302-a620e946828e-4dbe44c6, #w-node-_4fdb3a63-1045-779b-0cbe-5cdda8b5ca18-4dbe44c6, #w-node-_21fe790e-54dd-9bee-a155-394e0825fdb3-4dbe44c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_320a6bc9-c880-45b9-22e1-35934230e298-e42dd84f, #w-node-_5811d3dd-852e-9583-6336-e2f2bc37f8ba-e42dd84f {
  align-self: stretch;
}

#w-node-_208ff4bf-0cee-cba5-5fb2-595f38d2032e-e42dd84f {
  align-self: end;
}

@media screen and (max-width: 479px) {
  #w-node-_8f324d2a-6e36-33af-fe44-b5dc32f9e4fb-1dca0d91 {
    justify-self: end;
  }

  #w-node-_70d783cf-ad2c-0704-dd21-490fb901d088-c582a302 {
    justify-self: start;
  }
}