:root {
  --white: white;
  --white-smoke: #f8f8f8;
  --ghost-white-2: #f0f4fc;
  --slate-blue: #6e4eed;
  --blue: #5036df;
  --gold: #fcdc27;
  --black: #18181a;
  --gold-3: #eecb03;
  --black-3: #2d2b2b;
  --black-2: black;
  --gold-2: #eecb03;
  --gold-4: #e2c000;
  --encotec-bg: #636363;
  --slate-grey: #6b7e88;
  --light-grey: lightgrey;
  --midnight-blue: #0d0c54;
  --magenta: rgba(255, 66, 224, .24);
  --dark-orange: rgba(243, 135, 35, .84);
  --dark-slate-grey: #414141;
  --domos-bg: #fff1c2;
  --dark-grey: #b1b1b1;
  --white-smoke-3: rgba(247, 247, 247, .95);
  --white-smoke-2: #f0f0f0;
  --rozarossa-color: #f3f9fb;
  --expohome-bg: #f6f5f5;
  --bruder-color: #f8f1e6;
  --dark-grey-2: #a8a8a8;
  --gainsboro: #e5e5e5;
  --dim-grey: #4e4e4e;
  --pale-goldenrod: #fff3af;
  --utagroup-bg: #eee;
  --red: #bb1422;
  --blue-violet: #763af6;
  --ghost-white: #f6f6fc;
  --blue-violet-2: #6529e9;
  --midnight-blue-2: #16157e;
  --alice-blue: #eaf0fc;
  --grey: #757575;
  --white-smoke-4: #eee;
  --connetool-bg: #1b56e9;
  --heycom-bg: #dbebf6;
  --probuilder-bg: #f1f1f1;
  --dewelloper-bg: #d7efff;
  --letsbots-bg: #7468cc;
  --instalogy-bg: #bcefff;
  --solarconnect-bg: #ffe7d1;
  --heysupreme-bg: #ffe6e6;
  --losev-bg: #152b6f;
  --azure-bg: #d7e7ff;
  --gainsboro-2: #e6e6e6;
  --navajo-white: #fcd09f;
  --khaki: #ffeb79;
  --white-2: rgba(255, 255, 255, .6);
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.main-wrapper {
  background-color: var(--white);
  position: relative;
}

.main-wrapper.add-overflow {
  overflow: hidden;
}

.section {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: visible;
}

.section.hero-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.hero-section.plans-hero-section, .section.hero-section.hide-hero-section {
  display: none;
}

.section.hero-section.more-paddings {
  min-height: auto;
  padding-top: 130px;
  padding-bottom: 0;
}

.section.hero-section.no-full-w {
  justify-content: flex-start;
  min-height: 70vh;
  padding-top: 200px;
}

.section.plans-section {
  background-color: var(--white-smoke);
  background-image: none;
  display: none;
}

.section.grey-section {
  z-index: 11;
  background-color: var(--white-smoke);
  background-image: none;
}

.section.grey-section.plans-second-section {
  display: none;
}

.section.platform-section {
  background-image: none;
  display: none;
}

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

.section.hero-section-2 {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 220px;
  padding-bottom: 150px;
  display: flex;
  position: relative;
}

.section.black-wide-section {
  background-color: var(--black);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.add-overflow {
  overflow: hidden;
}

.section.map-section {
  width: 100%;
  padding-bottom: 400px;
  overflow: hidden;
}

.section.map-section.min-margin {
  padding-bottom: 0;
  overflow: hidden;
}

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

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

.section.our-work-section {
  justify-content: space-between;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section.project-main-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 120px;
  display: flex;
  position: relative;
}

.section.more-paddings {
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.hero-section-3 {
  background-image: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url('../images/Chart-bg-2.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.section.black-wide-section-2 {
  background-color: var(--black);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.hero-section-4 {
  z-index: 20;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.section.hero-section-5 {
  background-image: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url('../images/Chart-bg-2.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.section.case-section {
  padding: 180px 20px;
}

.section.case-section.hide-item {
  display: none;
}

.section.add-grid {
  grid-column-gap: 16px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section.overflow-hiden {
  width: 100%;
  overflow: hidden;
}

.section.overflow-hiden.no-bottomn-padding {
  padding-bottom: 0;
}

.section.overflow-hiden.no-padding, .section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.gray-bg {
  background-color: var(--white-smoke);
}

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

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

.navbar {
  z-index: 900;
  background-color: var(--white);
  width: 100%;
  max-width: 100vw;
  height: auto;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container {
  z-index: 5;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.hero-container {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.container.hero-container.on-work {
  flex-direction: column;
  justify-content: flex-start;
}

.container.vertical-flex {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.hero-container-2 {
  z-index: 5;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.container.with-full-w {
  width: 100%;
  max-width: none;
  height: 100%;
}

.container.add-grid {
  grid-column-gap: 16px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-div {
  opacity: 0;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  padding-right: 25%;
  display: flex;
  transform: translate(0, 50px);
}

.hero-div.center-align {
  text-align: center;
  align-items: center;
  width: auto;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0%;
}

.hero-div.center-align.in-case {
  opacity: 1;
  margin-bottom: 100px;
  transform: none;
}

.hero-div.no-padding {
  padding-right: 24%;
}

.h1 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 84px;
  font-weight: 900;
  line-height: 1em;
  display: inline;
}

.body {
  color: var(--black);
  font-family: Euclid, sans-serif;
  font-weight: 400;
}

.h1-subheader {
  text-align: left;
  width: 88%;
  margin-bottom: 70px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.7em;
}

.button {
  background-color: var(--gold-3);
  box-shadow: none;
  color: var(--black);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 40px;
  flex: none;
  justify-content: center;
  padding: 16px 30px;
  font-family: Euclid, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: box-shadow .15s, transform .1s, background-color .2s, width .1s;
  display: flex;
  position: relative;
}

.button:hover {
  background-color: var(--gold);
  box-shadow: none;
  transform: none;
}

.button:active {
  transform: scale(.98);
}

.button.yellow-btn {
  background-color: var(--gold);
  color: var(--black);
  flex: none;
  justify-content: center;
  display: flex;
}

.button.yellow-btn:hover {
  background-color: #f3d944;
}

.button.black-btn {
  z-index: 2;
  background-color: var(--black);
  box-shadow: none;
  color: var(--white);
  flex: none;
  justify-content: center;
  display: flex;
}

.button.black-btn:hover {
  background-color: var(--black-3);
  box-shadow: none;
  transform: none;
}

.button.add-top-margin {
  margin-top: auto;
}

.button.min-size.add-margin {
  margin-top: 30px;
  margin-bottom: 30px;
}

.button.hide-btn {
  display: none;
}

.button.border-btn {
  z-index: 2;
  box-shadow: none;
  color: var(--black-2);
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #000;
  flex: none;
  justify-content: center;
  padding: 14px 28px;
  display: flex;
}

.button.border-btn:hover {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .1);
  transform: none;
}

.button.border-btn.hide-btn {
  display: none;
}

.button.big-quiz-btn {
  background-color: var(--gold-3);
  box-shadow: none;
  color: var(--black-2);
  text-align: center;
  border-radius: 200px;
  padding: 20px 40px;
  font-size: 12px;
  overflow: hidden;
}

.button.in-quiz-steps {
  background-color: var(--gold-2);
  color: var(--black-2);
  padding-top: 22px;
  padding-bottom: 22px;
  overflow: hidden;
}

.button.in-quiz-steps:hover {
  background-color: var(--gold-4);
}

.button.in-quiz-steps.yellow-btn {
  background-color: var(--gold-3);
  color: var(--black-2);
  font-size: 22px;
}

.button.giant-btn {
  padding: 20px 40px;
  font-size: 20px;
}

.button.radius-individ {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav-container {
  z-index: 10;
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: flex;
  position: relative;
}

.nav-link {
  color: var(--black);
  text-transform: uppercase;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: all .15s;
}

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

.nav-link.w--current {
  opacity: 1;
  color: var(--black);
  text-decoration: underline;
}

.nav-link.like-btn {
  background-color: var(--black-2);
  opacity: 1;
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 15px 23px;
  line-height: 21px;
  text-decoration: none;
  display: flex;
}

.nav-link.like-btn:hover {
  background-color: var(--black-3);
  color: var(--white);
  text-decoration: none;
}

.nav-link.like-btn:active {
  transform: scale(.98);
}

.nav-link.like-btn.in-footer {
  text-transform: uppercase;
  border-radius: 40px;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 23px 13px;
  box-shadow: 4px 4px #000;
}

.nav-link.like-btn.in-footer:hover {
  box-shadow: 0 0 #000;
}

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

.nav-link.like-btn.white-color:hover {
  background-color: var(--white);
  color: var(--black);
}

.nav-link.like-btn.round-corners {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  border-radius: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  padding-top: 9px;
  padding-bottom: 9px;
  display: grid;
}

.nav-link.like-btn.round-corners.white {
  background-color: var(--white);
  color: var(--black);
  border: 2px solid #000;
}

.nav-link.in-footer {
  opacity: .6;
  color: var(--white);
  text-align: left;
  text-transform: none;
  white-space: normal;
  flex: none;
  margin-bottom: 25px;
  padding: 0;
  text-decoration: none;
  display: block;
}

.nav-link.in-footer:hover {
  opacity: 1;
  text-decoration: none;
}

.nav-link.in-footer.black-color {
  color: var(--black);
  margin-bottom: 0;
  margin-left: 30px;
}

.nav-link.like-btn-3 {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  background-color: var(--white);
  box-shadow: none;
  opacity: 1;
  color: var(--black-2);
  border: 2px #000;
  border-radius: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 23px;
  text-decoration: none;
  display: grid;
}

.nav-link.like-btn-3:hover {
  color: var(--black);
  background-color: rgba(255, 255, 255, .8);
  text-decoration: none;
  transform: none;
  box-shadow: 0 0 #000;
}

.nav-link.like-btn-3:active {
  transform: scale(.98);
}

.nav-link.like-btn-3.border-btn {
  border-style: solid;
  border-color: var(--white);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 25px;
}

.nav-link.like-btn-3.border-btn:hover {
  background-color: var(--white);
  color: var(--black-2);
}

.nav-link.like-btn-3.hide-btn {
  display: none;
}

.nav-link.hide-on-mobile.w--current {
  text-decoration: none;
}

.nav-link.hide-on-desctop {
  display: none;
}

.nav-link.min-size {
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 0 12px;
  font-size: 13px;
  line-height: 17px;
  text-decoration: none;
}

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

.nav-link.mobi {
  display: none;
}

.nav-logo-img {
  z-index: 10;
  width: 175px;
  height: auto;
  position: relative;
}

.nav-logo-img.bizquiz-logo {
  width: 160px;
}

.nav-logo-img.in-footer {
  width: 200px;
}

.nav-logo {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.nav-dd.hide-block, .nav-dd.lang-dd {
  display: none;
}

.nav-dd-toggle {
  color: var(--black);
  text-transform: uppercase;
  cursor: pointer;
  padding: 30px 20px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  transition: all .1s;
  display: flex;
}

.nav-dd-toggle:hover {
  opacity: 1;
  text-decoration: none;
}

.nav-dd-toggle.w--open {
  text-decoration: none;
}

.dd-arrow {
  width: 9px;
  height: 9px;
  margin: auto 0 auto 5px;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  position: relative;
}

.dd-arrow:hover {
  text-decoration: none;
}

.nav-menu-content-div {
  justify-content: flex-end;
  margin-right: 20px;
  display: flex;
}

.h2 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.1em;
}

.h2.white-font {
  z-index: 1;
  color: var(--white);
  position: relative;
}

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

.h2.add-opacity {
  color: rgba(24, 24, 26, .5);
}

.h2.add-width {
  max-width: 800px;
}

.h2-heading-div {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: stretch;
  max-width: 850px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.h2-heading-div.min-indent {
  text-align: left;
  align-items: flex-start;
  margin-bottom: 80px;
}

.h2-heading-div.min-indent.right-aling {
  justify-items: end;
}

.h2-heading-div.no-padding {
  margin-bottom: 60px;
  padding-left: 0%;
  padding-right: 0%;
}

.h2-heading-div.left-align {
  text-align: left;
  align-items: flex-start;
  padding-left: 0%;
  padding-right: 0%;
}

.h2-heading-div.left-align.hide-heading {
  display: none;
}

.h2-heading-div.min-margin {
  margin-bottom: 40px;
}

.h2-heading-div.no-margin {
  margin-bottom: 0;
}

.h2-heading-div.center-align {
  text-align: center;
  justify-items: center;
  margin-bottom: 0;
}

.h2-heading-div.center-align.add-bottom-margin {
  z-index: 50;
  margin-bottom: 140px;
  position: relative;
}

.h2-heading-div.center-aling {
  justify-items: center;
}

.h2-heading-div.no-margin {
  align-items: start;
  justify-items: start;
  margin-left: 0;
  margin-right: 0;
}

.h2-heading-div.no-margin.min-gap {
  grid-row-gap: 20px;
}

.h2-subheader {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6em;
}

.h2-subheader.white-font {
  color: var(--white);
}

.h2-subheader.max-w.align-left {
  text-align: left;
}

.h2-subheader.black-font {
  color: var(--black);
}

.h2-subheader.center-aling {
  text-align: center;
}

.h2-subheader.more-size {
  font-size: 28px;
}

.tabs-menu {
  flex-direction: column;
  align-items: stretch;
  width: 350px;
  margin-right: 5%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

.tabs-menu.plans-menu {
  flex: none;
  align-items: stretch;
  width: 200px;
  margin-right: 4%;
}

.tabs-content {
  flex: 1;
  overflow: visible;
}

.tabs-content.add-margin {
  margin-top: -150px;
}

.tab-link {
  color: #bebebe;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-left: 2px solid #f0f0f0;
  padding: 15px 0 15px 20px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
  transition: all .15s;
}

.tab-link:hover {
  color: var(--black);
  font-weight: 400;
}

.tab-link.w--current {
  border-left-color: var(--black);
  color: var(--black);
  background-color: rgba(0, 0, 0, 0);
  font-weight: 400;
}

.solution-item-icon {
  flex: none;
  width: 100px;
  height: auto;
  max-height: 100px;
  margin-right: 30px;
}

.solution-item-icon.bottom-margin {
  width: 80px;
  margin-bottom: 15px;
  margin-right: 0;
}

.h3 {
  z-index: 5;
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2em;
  position: relative;
}

.h3.add-indent {
  margin-bottom: 20px;
  line-height: 1.1em;
}

.h3.add-indent.more-size {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.2em;
}

.h3.caps {
  text-transform: uppercase;
  margin-right: 20px;
  font-weight: 900;
}

.h3.add-indent-2 {
  margin-bottom: 10px;
}

.h3.add-top-indent {
  margin-top: 80px;
  margin-bottom: 20px;
}

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

.h3.services-h3 {
  font-size: 26px;
}

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

.h3.work-h3 {
  font-weight: 900;
}

.h3.add-bottom-margin {
  margin-bottom: 20px;
}

.h3.in-crown-block {
  font-size: 38px;
}

.h3.in-crown-block.add-max-w {
  max-width: 320px;
}

.h3.in-crown-block.add-max-w-2 {
  max-width: 290px;
}

.h3.on-services {
  text-transform: uppercase;
  text-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  font-size: 60px;
  font-weight: 900;
  line-height: 1.1em;
}

.h3.on-services.no-caps {
  text-transform: none;
}

.h3.on-services.no-caps.no-shadow {
  text-shadow: none;
}

.h3.min-size {
  font-size: 34px;
  line-height: 1.1em;
}

.h3.min-size.left-aling, .h3.min-size.min-width {
  text-align: left;
}

.h3.case-work-h3 {
  text-align: left;
  font-size: 48px;
  font-weight: 900;
  line-height: 1.1em;
}

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

.h3.big-size {
  font-size: 60px;
  font-weight: 900;
}

.h3.big-size.gold-font, .h3.gold-font {
  color: var(--gold-3);
}

.paragraph {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6em;
}

.paragraph.white-color {
  color: var(--white);
  margin-top: 30px;
  margin-bottom: 0;
}

.paragraph.grow-w {
  flex: 1;
  max-width: 800px;
  margin-right: 5%;
}

.paragraph.min-indent {
  margin-top: 10px;
  margin-bottom: 0;
}

.paragraph.no-indent {
  margin-bottom: 0;
}

.paragraph.no-indent.min-h {
  font-family: Sfprodisplay, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1em;
}

.paragraph.grow-w2 {
  flex: none;
  max-width: 560px;
  margin-right: 0%;
}

.paragraph.testimonial-text {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.8em;
}

.paragraph.more-size {
  margin-bottom: 20px;
}

.paragraph.more-size.no-margin {
  margin-bottom: 10px;
}

.paragraph.min-size {
  font-size: 17px;
  line-height: 1.4em;
}

.paragraph.in-quiz-features {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.2em;
}

.paragraph.no-margin {
  margin-bottom: 0;
}

.paragraph.no-margin.center-aling {
  text-align: center;
}

.paragraph.no-margin.center-aling.gray-font, .paragraph.no-margin.gray-font {
  color: var(--encotec-bg);
}

.paragraph.no-margin.min-size {
  text-transform: none;
}

.paragraph.no-margin.min-size.right-aling {
  text-align: right;
  font-weight: 600;
}

.paragraph.no-margin.yellow-font {
  color: var(--gold-3);
}

.paragraph.no-margin.white-font {
  color: var(--white);
}

.link {
  color: var(--black);
  cursor: pointer;
  text-decoration: underline;
  transition: all .1s;
}

.link:hover {
  text-decoration: none;
}

.link.white-link {
  color: var(--white);
  text-decoration: none;
}

.link.like-h6 {
  font-weight: 700;
}

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

.link.form-link.black-color, .link.black-link {
  color: var(--black);
}

.link.more-weight {
  font-weight: 600;
}

.plans-w {
  flex-direction: column;
  display: flex;
}

.plans-btns-w {
  background-color: var(--white);
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.main-plans-block {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.plan-item-w {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  width: 32%;
  padding: 50px 30px;
  display: flex;
  position: relative;
}

.price-div {
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  font-family: Sfprodisplay, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 37px;
  display: flex;
}

.tariff-name {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.3em;
}

.tariff-name.white-color {
  color: var(--white);
  margin-bottom: 0;
}

.tariff-name.white-color.no-uppercase {
  text-transform: none;
  max-width: none;
}

.tariff-name.no-indent {
  margin-bottom: 0;
  line-height: .9em;
  display: inline-block;
}

.tariff-name.no-indent-2 {
  text-align: center;
  margin-bottom: 0;
  line-height: 1.1em;
  display: inline-block;
}

.tariff-name.no-uppercase {
  text-transform: none;
  max-width: 850px;
  font-size: 46px;
}

.price-w {
  flex: none;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  display: flex;
}

.price-w.bottom-margin {
  margin-bottom: 40px;
}

.price-block {
  opacity: 1;
  color: var(--gold);
  align-items: flex-end;
  font-size: 50px;
  display: flex;
  overflow: hidden;
}

.plan-top-block {
  flex-direction: column;
  flex: none;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.plan-bottom-block {
  flex-direction: column;
  flex: none;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.plan-functions-block {
  flex: 1;
}

.plan-function-div {
  border-bottom: 1px dashed var(--light-grey);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
  display: flex;
  position: relative;
}

.plan-function-div.add-top-indent {
  padding-left: 40px;
  padding-right: 40px;
}

.price-text {
  color: var(--black);
  margin-left: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: .9em;
}

.price {
  opacity: 1;
  display: block;
  transform: none;
}

.tariff-period-choose {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 130px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 11px 17px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.tariff-chose-button-2 {
  background-color: var(--black);
  opacity: 1;
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-family: Sfprodisplay, sans-serif;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.tariff-chose-button-2:hover {
  background-color: #303030;
}

.monthly-text {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.annually-text {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.link-div {
  color: var(--black);
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.link-div.no-margin-white {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 40px;
  font-size: 16px;
  font-weight: 600;
}

.link-div.no-margin {
  margin-bottom: 0;
}

.link-div.no-margin.right-align {
  flex: none;
  margin-bottom: 18px;
  margin-left: 0;
}

.link-div.white {
  color: var(--white);
  margin-bottom: 0;
}

.link-div.no-margin-white-2 {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  font-weight: 600;
}

.btn-icon-div {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 20px;
  display: flex;
  position: relative;
}

.btn-lottie-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
  margin-left: auto;
  display: flex;
  transform: rotate(90deg);
}

.btn-lottie-icon.right-icon {
  color: #c51283;
  margin-left: 7px;
  transform: none;
}

.btn-lottie-icon.chat-icon {
  width: 25px;
  height: 25px;
  margin-top: -1px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: none;
}

.btn-lottie-icon.left-icon {
  color: #c51283;
  width: 24px;
  height: 24px;
  margin-right: 7px;
  transform: none;
}

.btn-lottie-icon.left-icon.with-invert {
  filter: invert();
}

.btn-lottie-icon.left-icon {
  color: #c51283;
  margin-left: 7px;
  transform: none;
}

.button-content {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  display: grid;
  position: relative;
}

.button-content.no-gap {
  grid-column-gap: 0px;
}

.nav-bg {
  z-index: 0;
  background-color: rgba(255, 255, 255, .3);
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.solutions-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.solutions-wrap.solutions-for-mobile {
  display: none;
}

.dd-list.w--open {
  background-color: var(--white);
}

.dd-link {
  text-align: left;
  cursor: pointer;
  padding: 15px 25px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  transition: all .15s;
}

.dd-link:hover {
  text-decoration: underline;
}

.dd-link.w--current {
  color: var(--black);
  text-decoration: underline;
}

.h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
}

.h4.more-margin {
  z-index: 5;
  margin-bottom: 20px;
  position: relative;
}

.h4.no-margin {
  margin-bottom: 0;
  line-height: 1.2em;
}

.h4.no-margin.yellow-text {
  color: var(--gold);
}

.h4.no-margin.yellow-heading {
  color: var(--gold-3);
  text-shadow: 0 3px 8px rgba(0, 0, 0, .1);
  font-size: 29px;
  font-weight: 900;
}

.h4.white-text {
  color: var(--white);
  line-height: 1.3em;
}

.h4.min-margin {
  margin-bottom: 0;
  font-size: 21px;
  line-height: 1.2em;
}

.h4.new-size-3 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1em;
}

.h4.in-quiz-steps {
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.3em;
}

.h4.in-quiz-steps.center-align {
  text-align: center;
}

.h4.weight-medium {
  font-weight: 500;
}

.page-scroll-indicator-w {
  background-color: var(--black);
  width: 100%;
  height: 2px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.page-scroll-indicator {
  background-color: var(--gold);
  transform-origin: 0%;
  width: 0%;
  height: 100%;
}

.custom-plan-w {
  background-color: var(--black);
  color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 60px 40px;
  display: flex;
}

.custom-plan-div {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.platforms-wrap {
  flex-wrap: wrap;
  margin-bottom: -70px;
  display: flex;
}

.platform-item {
  flex-direction: column;
  width: 100%;
  margin-bottom: 70px;
  margin-right: 0;
  padding: 0;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.platform-logo {
  max-width: 270px;
  height: 50px;
}

.platform-logo.conv-call {
  max-width: 459px;
  height: 55px;
  margin-top: -5px;
  margin-bottom: 0;
}

.list {
  z-index: 5;
  flex: 1;
  margin-bottom: 40px;
  padding-left: 15px;
  position: relative;
}

.list.in-steps {
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  padding-left: 18px;
}

.list.in-steps.with-lines {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
}

.list.with-columns {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 18px;
}

.list.no-margin {
  margin-bottom: 0;
  padding-left: 20px;
}

.list-item {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.6em;
}

.list-item.in-dd {
  color: var(--black);
  font-size: 16px;
  line-height: 1.4em;
}

.list-item.about-us {
  font-size: 20px;
  line-height: 1.6em;
}

.platform-logo-div {
  background-color: var(--black);
  opacity: 1;
  background-image: none;
  flex: none;
  padding: 50px 60px 20px;
}

.platform-content-div {
  background-color: var(--white-smoke);
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 40px 60px 50px;
  display: flex;
  position: relative;
}

.benefits-wrap {
  flex-wrap: wrap;
  margin-bottom: 2%;
  margin-right: -3%;
  display: flex;
}

.benefit-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 22%;
  margin-bottom: 3%;
  margin-right: 3%;
  padding: 30px 10px;
  display: flex;
}

.benefit-icon {
  width: 75px;
  margin-bottom: 20px;
}

.h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4em;
}

.h5.in-quiz {
  font-size: 23px;
}

.buttons-block {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.solution-heading-block.vert-flex {
  z-index: 5;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 25px;
  display: none;
  position: relative;
}

.plan-function-heading {
  border-bottom: 1px dashed var(--light-grey);
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  padding: 10px 0 20px;
  font-size: 16px;
  font-weight: 900;
  line-height: 18px;
  display: flex;
}

.img-label-block {
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15%;
  font-size: 16px;
  line-height: 1.6em;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 102%;
}

.img-label-block.in-bottom {
  background-color: var(--white-smoke);
  border-radius: 20px;
  margin-bottom: 0%;
  padding: 15px 15px 15px 35px;
  display: block;
  position: relative;
  top: 0;
  right: auto;
}

.label-text {
  color: var(--black);
  white-space: nowrap;
  font-family: Turbinado dry, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: .8em;
}

.platform-btns-w {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.faq-dd {
  background-color: var(--white);
  border: 2px solid #000;
  border-radius: 40px;
  width: 100%;
  transition: all .2s;
  overflow: hidden;
}

.faq-dd:hover {
  background-color: var(--white);
}

.faq-dd-toggle {
  color: var(--black-2);
  white-space: normal;
  cursor: pointer;
  justify-content: space-between;
  width: 100%;
  padding: 20px 30px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2em;
  text-decoration: none;
  transition: all .1s;
  display: flex;
}

.faq-dd-toggle.w--open {
  background-color: var(--white);
  color: var(--black-2);
}

.cta-form {
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.cta-form.vert-align {
  flex-direction: column;
}

.text-field {
  border: 2px solid var(--gold);
  background-color: var(--white);
  color: var(--black);
  border-radius: 40px;
  height: 56px;
  margin-bottom: 15px;
  padding-left: 15px;
  font-size: 15px;
}

.text-field:active, .text-field:focus {
  border-color: var(--midnight-blue);
}

.text-field::placeholder {
  color: var(--slate-grey);
}

.text-field.no-indent {
  border-width: 2px;
  border-color: var(--gold);
  flex: 1;
  height: 56px;
  margin-bottom: 0;
  margin-right: 20px;
}

.text-field.black-border {
  border-color: var(--black);
  border-radius: 30px;
}

.text-field.black-border:hover {
  border-color: var(--dark-slate-grey);
}

.text-field.black-border:focus {
  border-color: var(--gold);
}

.text-field.black-border.no-margin-2 {
  margin-bottom: 0;
}

.text-field.in-quiz {
  border-color: var(--black-2);
  background-color: var(--domos-bg);
  color: var(--black-2);
  height: 60px;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 17px;
  transition: all .2s;
}

.text-field.in-quiz:hover, .text-field.in-quiz:focus {
  border-color: var(--gold);
}

.text-field.in-quiz::placeholder {
  color: rgba(0, 0, 0, .5);
}

.cta-form-block {
  flex: 1;
  width: 100%;
  max-width: 760px;
  margin-bottom: 0;
}

.cta-text-w {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-bottom: 60px;
}

.cta-text-w.black-color {
  color: var(--black);
  margin-bottom: 40px;
}

.cta-text-w.min-indent {
  margin-bottom: 30px;
}

.footer-section {
  background-color: var(--black);
  color: var(--white);
  background-image: none;
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.footer-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.copyright-text {
  color: var(--dark-grey);
  font-size: 14px;
}

.footer-nav-w {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 620px;
  display: flex;
}

.footer-contacts-w {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-left: 25px;
  display: flex;
}

.h1-wrap {
  text-align: left;
  align-self: flex-start;
  margin-bottom: 40px;
  font-family: Sfprodisplay, sans-serif;
  font-weight: 900;
}

.h1-wrap.no-align {
  text-align: center;
  align-self: center;
  margin-bottom: 60px;
}

.h1-wrap.no-align.no-margin {
  margin-bottom: 0;
}

.h1-wrap.full-width {
  margin-right: -50px;
}

.h1-wrap.full-width.in-quiz {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: center;
  align-items: flex-start;
  max-width: none;
  margin-bottom: 40px;
  margin-right: auto;
  display: flex;
}

.h1-wrap.full-width.in-quiz.center-align {
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 100px auto 40px;
  padding: 10px 30px;
}

.h1-wrap.center-align {
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.logos-block-w {
  text-align: left;
  justify-content: space-between;
  display: flex;
}

.logos-div-w {
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos-img {
  flex: none;
  width: 2300px;
  max-width: none;
  padding-right: 3%;
}

.logos-gradient {
  z-index: 10;
  background-image: linear-gradient(270deg, var(--black), transparent 15%, transparent 85%, var(--black));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.top-cta-w {
  flex-direction: column;
  align-items: flex-start;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.top-cta-form {
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.top-cta-form.min-w {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.top-cta-block {
  display: flex;
}

.top-cta-block.vertical-direction {
  flex-direction: column;
}

.top-cta-block.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tariff-icon {
  width: 80px;
  margin-bottom: 30px;
}

.footer-row {
  grid-column-gap: 16px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-bottom: 60px;
  display: grid;
}

.copyright-block {
  justify-content: space-between;
  align-items: flex-end;
  font-size: 12px;
  line-height: 1.5em;
  display: flex;
}

.copyright-links-div {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-link-small {
  color: var(--slate-grey);
  cursor: pointer;
  margin-left: 20px;
  transition: all .15s;
}

.footer-link-small:hover, .footer-link-small.w--current {
  text-decoration: none;
}

.bottom-cta-w {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.step-item-text-w {
  z-index: 5;
  line-height: 18px;
  position: relative;
}

.container-2 {
  z-index: 5;
  width: 95%;
  max-width: 1170px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.typed-h1-text {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 84px;
  font-weight: 400;
  line-height: 1em;
  display: inline;
}

.logos-wall-heading {
  color: var(--white);
  text-align: left;
  width: 480px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 3%;
  font-family: Sfprodisplay, sans-serif;
  font-size: 47px;
  font-weight: 700;
  line-height: 1.1em;
}

.popup-section {
  z-index: 10000;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, .2);
  flex-direction: column;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.popup-container {
  z-index: 10;
  background-color: var(--black);
  color: var(--white);
  border-radius: 16px;
  width: 95%;
  max-width: 600px;
  margin: 4% auto 5%;
  padding: 80px 80px 90px;
  position: relative;
  overflow: hidden;
}

.success-message {
  background-color: var(--gold);
  color: var(--black);
  border-radius: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
}

.success-message.in-quiz-form {
  background-color: var(--white);
  padding: 0;
}

.error-message {
  color: #96270b;
  text-align: center;
  background-color: #ffc7c7;
  border-radius: 16px;
  font-size: 13px;
}

.close-popup-btn {
  cursor: pointer;
  background-color: #3f3f3f;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  transition: all .15s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.close-popup-btn:hover {
  background-color: #494949;
  padding: 6px;
}

.close-popup-btn.new-version {
  z-index: 100;
  background-color: var(--black-2);
  border-radius: 30px;
  top: 20px;
  right: 20px;
}

.close-popup-btn.new-version:hover {
  background-color: rgba(0, 0, 0, .7);
  padding: 10px;
}

.btn-cross {
  width: 100%;
  height: 100%;
}

.popup-bg {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-section-bg {
  opacity: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(50px);
}

.team-img {
  max-height: 87vh;
  display: block;
}

.popup-form-block {
  flex: 1;
  width: 100%;
  max-width: 760px;
  margin-bottom: 0;
}

.popup-form-block.no-max-w {
  max-width: none;
}

.popup-form-block.center-align {
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.footer-link-div {
  opacity: .7;
  color: var(--black);
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.footer-link-div:hover {
  opacity: 1;
}

.first-button {
  background-color: var(--gold);
  color: var(--black);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 40px;
  flex: none;
  justify-content: center;
  padding: 16px 25px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: box-shadow .1s, transform .15s, background-color .2s, width .1s;
  display: flex;
  box-shadow: 4px 4px #000;
}

.first-button:hover {
  background-color: var(--gold-2);
  transform: translate(6px, 6px);
  box-shadow: 0 0 #000;
}

.first-button:active {
  transform: scale(.98);
}

.yellow-span {
  background-color: var(--gold);
  color: var(--black);
  padding: 2px 5px;
  line-height: 1.7em;
  display: inline;
}

.yellow-span.add-padding {
  padding-top: 4px;
  display: inline-block;
}

.form-btn-w {
  width: 50%;
  position: relative;
}

.hand-icon {
  width: 40px;
  font-size: 42px;
  line-height: 49px;
  display: block;
  position: absolute;
  top: 3px;
  bottom: auto;
  left: auto;
  right: -50px;
}

.hand-icon.hide-icon {
  display: none;
}

.cta-col-1 {
  width: 50%;
  margin-right: 9%;
}

.cta-col-2 {
  flex: none;
  max-width: 40%;
}

.manager-contact {
  color: var(--black);
  cursor: pointer;
  font-size: 16px;
  line-height: 1.6em;
  transition: all .2s;
}

.manager-contact:hover {
  text-decoration: none;
}

.form-icon {
  width: 40px;
  margin-right: 20px;
}

.manager-job {
  color: var(--black);
  margin-bottom: 5px;
  font-size: 12px;
}

.form-img {
  border: 2px solid var(--black);
  background-color: var(--white);
  border-radius: 50%;
  width: 70px;
  height: auto;
  margin-right: 20px;
}

.subheader {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
}

.subheader.white-text {
  color: #fcfcfc;
  margin-bottom: 50px;
  font-weight: 400;
  line-height: 28px;
}

.form-item {
  color: var(--black);
  align-items: center;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.6em;
  display: flex;
}

.expert-div {
  color: var(--black);
  text-transform: none;
  align-items: center;
  font-size: 18px;
  display: flex;
}

.form-items-wrap {
  margin-top: -20px;
  margin-bottom: 40px;
}

.manager-name {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

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

.nav-menu.hide {
  display: none;
}

.tab-btn {
  border-left: 2px solid var(--black);
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 15px;
  padding: 15px 20px 15px 30px;
  font-family: Oxygenmono, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: all .15s;
}

.tab-btn:hover {
  border-left-color: var(--gold);
}

.tab-btn.w--current {
  background-color: var(--gold);
}

.plan-row {
  z-index: 2;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.paragraph-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6em;
}

.plan-function {
  border-top: 1px dashed var(--light-grey);
  border-bottom: 1px dashed var(--light-grey);
  width: 47%;
  margin-bottom: -1px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.h6 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
}

.h6.bottom-margin {
  margin-bottom: 20px;
}

.h6.yellow-text {
  color: var(--gold);
}

.plan-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  box-shadow: none;
  padding: 60px;
}

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

.plan-content-w {
  z-index: 1;
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.plan-cta-block {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.plan-functions-w {
  margin-top: 50px;
}

.plan-functions-w.in-custom {
  margin-right: -2%;
}

.icon-1 {
  width: 70px;
  position: absolute;
  top: auto;
  bottom: 15%;
  left: auto;
  right: 23%;
}

.hero-section-bg-2 {
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.icon-2 {
  width: 70px;
  position: absolute;
  top: 13%;
  bottom: auto;
  left: auto;
  right: 13%;
}

.icon-3 {
  width: 70px;
  position: absolute;
  top: 12%;
  bottom: auto;
  left: 4%;
  right: auto;
}

.icon-4 {
  width: 70px;
  position: absolute;
  top: auto;
  bottom: 7%;
  left: 14%;
  right: auto;
}

.plan-item-icon {
  width: 80px;
  margin-right: 30px;
}

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

.top-cta-container.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-checkbox-block {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5em;
}

.form-checkbox-block.black-text {
  color: var(--black);
  margin-top: 30px;
}

.checkbox {
  border-width: 2px;
  border-color: var(--black);
  border-radius: 3px;
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 6px;
}

.checkbox:hover {
  border-color: var(--gold-2);
}

.checkbox.w--redirected-checked {
  border-color: var(--gold);
  background-color: var(--gold);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-size: cover;
}

.checkbox.w--redirected-focus {
  border-color: var(--gold);
  box-shadow: 0 0 3px 1px var(--gold);
}

.checkbox.white-checkbox {
  border-color: var(--white);
}

.checkbox.white-checkbox:hover {
  border-color: var(--gold);
}

.checkbox.white-checkbox.checked {
  border-color: var(--white);
  background-color: rgba(0, 0, 0, 0);
}

.checkbox.white-checkbox.checked:hover {
  border-color: var(--gold);
}

.checkbox.white-checkbox.checked.w--redirected-checked {
  border-color: var(--gold);
  background-color: var(--gold);
}

.checkbox.white-checkbox.checked.w--redirected-focus {
  border-color: var(--gold);
}

.checkbox-field {
  align-items: center;
  padding-left: 0;
  font-size: 13px;
  display: flex;
}

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

.plans-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.plan-item-block {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 150px;
  display: flex;
}

.plan-function-icon {
  flex: none;
  width: 16px;
  margin-top: 5px;
  margin-right: 7px;
}

.function-heading-div {
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.function-heading-div.no-margin {
  margin-bottom: 0;
}

.function-label {
  background-color: var(--gold);
  color: var(--black);
  text-transform: uppercase;
  margin-top: 5px;
  padding: 4px 6px 2px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5em;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.function-content.unavailable {
  filter: grayscale();
  color: var(--dark-grey);
}

.contacts-item {
  z-index: 30;
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 30.3333%;
  margin-right: 3%;
  padding: 50px 40px 35px;
  display: flex;
}

.contacts-item.black-bg {
  border-top-color: var(--black);
  background-color: var(--black);
  color: var(--white);
  border-radius: 16px;
}

.contacts-item.yellow-bg {
  background-color: #fff;
  border-style: none;
  border-radius: 16px;
  padding-top: 40px;
  padding-right: 30px;
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, .15);
}

.contacts-wrap {
  flex-wrap: wrap;
  margin-right: -3%;
  display: flex;
}

.plan-footnote-w {
  background-color: var(--white);
  text-align: left;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6em;
  display: block;
}

.footnote-row {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 30px;
  display: flex;
}

.footnote-col {
  width: 42%;
  position: relative;
}

.footnote-number {
  color: var(--white-smoke-3);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 180px;
  font-weight: 700;
  line-height: .8em;
  position: absolute;
  top: -25px;
  bottom: auto;
  left: -43px;
  right: auto;
}

.platform-icon {
  z-index: 2;
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  flex: none;
  width: 300px;
  height: auto;
  position: absolute;
  top: auto;
  bottom: -5%;
  left: auto;
  right: -5%;
}

.platform-icon.connectool-icon {
  width: 350px;
  bottom: 5%;
}

.footnote-div {
  z-index: 10;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.usd-price-block {
  transform-origin: 0%;
  flex: none;
  display: block;
}

.usd-price-block.hide-usd {
  display: none;
}

.eur-price-block {
  transform-origin: 0%;
  flex: none;
}

.footnote-block-2 {
  background-color: var(--gold);
  color: var(--black);
  padding: 20px 70px;
}

.plan-footnote-block {
  padding: 60px 70px 45px;
  display: none;
}

.popup-section-2 {
  z-index: 10000;
  opacity: 0;
  background-color: rgba(252, 220, 39, .7);
  flex-direction: column;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.popup-container-2 {
  z-index: 10;
  width: 95%;
  max-width: 1200px;
  margin: 5% auto;
  position: relative;
}

.term-block {
  opacity: 1;
  color: var(--gold);
  text-align: center;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: center;
  align-items: flex-end;
  margin-top: 30px;
  font-size: 50px;
  display: flex;
}

.term-text {
  color: var(--black);
  letter-spacing: -.5px;
  flex: 1;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.6em;
}

.popup-footnote-block {
  text-align: left;
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.6em;
  display: flex;
}

.close-popup-2-btn {
  cursor: pointer;
  background-color: #3f3f3f;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 8px;
  transition: all .15s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.close-popup-2-btn:hover {
  background-color: #494949;
  padding: 6px;
}

.popup-bg-2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bonus-plan-item-w {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  width: 32%;
  padding: 50px 30px;
  display: flex;
}

.footnote-block-3 {
  background-color: var(--white);
  padding: 20px 70px;
  font-size: 18px;
  line-height: 1.6em;
}

.footnote-block-3.add-indent {
  margin-top: -20px;
  margin-bottom: 60px;
}

.contacts-div {
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: block;
}

.team-img-w {
  max-height: 87vh;
  margin-left: auto;
  margin-right: 0;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -4%;
}

.label-heading-div {
  margin-bottom: 5px;
  position: relative;
}

.crown-icon {
  width: 40px;
  position: absolute;
  top: -23px;
  bottom: auto;
  left: -10px;
  right: auto;
  transform: rotate(-5deg);
}

.crown-icon.mw-1 {
  width: 46px;
  top: -42px;
  left: -64px;
  transform: rotate(-24deg);
}

.crown-icon-2 {
  width: 23px;
  position: absolute;
  top: -55px;
  bottom: auto;
  left: 58px;
  right: auto;
  transform: rotate(30deg);
}

.crown-icon-2.mw-2 {
  left: 1px;
  transform: rotate(4deg);
}

.crown-icon-3 {
  transform-style: preserve-3d;
  width: 25px;
  position: absolute;
  top: -25px;
  bottom: auto;
  left: -74px;
  right: auto;
  transform: rotateX(-10deg)rotateY(6deg)rotateZ(-30deg);
}

.crown-icon-3.mw-3 {
  transform-style: preserve-3d;
  top: 2px;
  left: -92px;
  transform: rotateX(-10deg)rotateY(6deg)rotateZ(27deg);
}

.yellow-span-2 {
  background-color: var(--gold);
  color: var(--black);
  padding-top: 5px;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: 900;
  line-height: .7em;
  display: inline-block;
}

.social-links {
  flex: none;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.social-links.hide-links {
  display: flex;
}

.social-link {
  cursor: pointer;
  flex: none;
  padding: 10px;
  transition: background-color .15s, transform .1s;
  display: block;
}

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

.social-link:active {
  transform: scale(.95);
}

.social-link.add-filter {
  background-color: var(--white);
  border-radius: 30px;
  margin-right: 10px;
}

.social-link.add-filter:hover {
  background-color: var(--dark-grey);
}

.social-link.add-filter.hide-link {
  display: none;
}

.social-icon {
  width: 25px;
}

.footer-content {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.custom-plan-block {
  float: left;
  width: 31.3333%;
  margin-right: 2%;
  padding-right: 20px;
  position: static;
}

.custom-plan-icon {
  width: 70px;
  margin-bottom: 30px;
}

.map-img {
  z-index: 4;
  width: 90%;
  max-width: 1700px;
  height: auto;
  display: block;
  position: absolute;
  top: 80%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.nav-logo-div {
  align-items: stretch;
  display: flex;
}

.nav-slogan {
  align-self: center;
  margin-top: 8px;
  margin-left: 30px;
  line-height: 1.2em;
}

.all-inclusive-wrap {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  margin-top: 100px;
  padding: 50px 60px;
}

.row {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

.column {
  border: 1px dashed var(--light-grey);
  background-color: var(--white-smoke-3);
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 49%;
  padding: 50px 35px 30px;
  display: flex;
  position: relative;
}

.two-logos-w {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.inclusive-logo {
  width: 50px;
}

.plus {
  color: var(--black);
  margin-left: 15px;
  margin-right: 15px;
  font-family: Turbinado dry, sans-serif;
  font-size: 50px;
}

.ticket-block {
  z-index: 1;
  border-top: 1px dashed var(--light-grey);
  width: 100%;
  height: 110px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ticket-corner {
  border-right: 1px dashed var(--light-grey);
  border-bottom: 1px dashed var(--light-grey);
  background-color: var(--white);
  border-bottom-right-radius: 8px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(50%, -50%)rotate(-225deg);
}

.ticket-corner.on-top {
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-50%, -50%)rotate(-45deg);
}

.col-item {
  background-color: var(--gold);
  color: var(--black);
  align-items: flex-start;
  margin-top: 25px;
  padding: 25px 30px;
  font-size: 18px;
  line-height: 1.6em;
  display: flex;
}

.all-inclusive-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.all-inclusive-div {
  z-index: 10;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.6em;
  display: flex;
  position: relative;
}

.latest-work-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  flex-direction: column;
  width: 47%;
  margin-bottom: 4%;
  margin-right: 3%;
  padding: 0;
  display: flex;
}

.or-text {
  color: var(--black);
  align-self: center;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 18px;
}

.nav-label-div {
  align-items: flex-end;
  font-family: Turbinado dry, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: .8em;
  display: flex;
  position: relative;
}

.nav-label-img {
  width: 38px;
  margin-left: 5px;
  position: relative;
  top: -8px;
}

.workers-block {
  border: 1px solid var(--light-grey);
  background-color: var(--black);
  color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 60px 50px;
  display: flex;
}

.bottom-block {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quiz-step-block {
  padding-left: 10%;
  padding-right: 10%;
}

.quiz-form-field-label {
  z-index: 5;
  color: var(--black);
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2em;
  position: relative;
}

.quiz-btn-lottie-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: auto;
  display: flex;
}

.quiz-btns-row {
  align-items: stretch;
  display: flex;
}

.list-row {
  align-items: flex-start;
  display: flex;
}

.list-col {
  margin-right: 50px;
}

.btns-div {
  flex: none;
  align-items: flex-start;
  display: flex;
}

.btns-div.with-gap {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-self: flex-start;
  justify-items: start;
  margin-top: 30px;
  display: grid;
}

.btns-div.with-gap.more-margin {
  margin-top: 80px;
}

.btns-div.center-align {
  justify-content: center;
}

.btns-div.center-align.top-margin {
  margin-top: 150px;
  margin-bottom: -59px;
}

.btns-div.add-gap {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.btns-div.top-margin {
  margin-top: 50px;
}

.btns-div.margin-auto {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.btns-div.margin-auto.center-aling {
  justify-content: center;
  align-items: center;
}

.plan-item-label {
  background-color: var(--gold);
  color: var(--black);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 6px 10px 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.work-preview-w {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 550px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.plans-block {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.solutions-w {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 1%;
  padding-right: 1%;
  display: flex;
}

.main-solutions-item {
  border: 2px solid var(--white-smoke);
  background-color: var(--white-smoke);
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-end;
  width: 32.5%;
  max-height: 580px;
  margin-bottom: 20px;
  padding: 45px;
  transition: all .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-solutions-item:hover {
  border-color: var(--gold);
  background-color: var(--white-smoke-2);
}

.solution-item-p-w {
  z-index: 5;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  margin-bottom: 10px;
  padding: 0;
  display: block;
  position: relative;
}

.our-work-collage-w {
  background-color: rgba(0, 0, 0, 0);
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 55%;
  min-height: 700px;
  padding: 6% 5% 6% 0%;
  display: none;
}

.our-work-col-1 {
  z-index: 5;
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 6% 0% 6% 5%;
  display: flex;
  position: relative;
}

.work-prev-item {
  flex-direction: column;
  width: 47%;
  margin-bottom: 80px;
  margin-right: 3%;
  display: flex;
}

.work-prev-img-block {
  cursor: pointer;
  height: 450px;
  overflow: hidden;
}

.work-prev-content {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20px;
  display: flex;
}

.work-prev-tags-w {
  margin-top: 10px;
  margin-bottom: 30px;
  display: none;
}

.work-tag {
  background-color: var(--white-smoke-2);
  margin-right: 10px;
  padding: 7px 12px;
  line-height: 18px;
  display: inline-block;
}

.work-prev-img-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.work-prev-bg {
  z-index: 0;
  background-image: linear-gradient(#aff3f3, #aff3f3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.work-prev-bg.connectool-bg {
  background-image: radial-gradient(circle farthest-side, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)), linear-gradient(#5c8afc, #074af0);
}

.work-prev-bg.connectool-bg.radial-gradient {
  background-image: radial-gradient(circle farthest-side, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)), linear-gradient(#074af0, #326bf6 59%, #074af0);
}

.work-prev-bg.heycom-bg {
  background-image: linear-gradient(#edf7fd, #cfe4f1);
}

.work-prev-bg.convertcall-bg {
  background-image: linear-gradient(135deg, #2ca6ff, #e70722);
}

.work-prev-bg.probuilder-bg {
  background-color: #d1d2d2;
  background-image: linear-gradient(190deg, #e6e6e6, silver);
}

.work-prev-bg.probuilder-bg.in-case {
  background-image: linear-gradient(190deg, #f5f5f5, #f7f7f7);
}

.work-prev-bg.domosc-bg {
  background-image: repeating-linear-gradient(#ffda63, #ecb912);
}

.work-prev-bg.dewelloper-bg {
  background-image: linear-gradient(135deg, #f3faff, #afdeff);
}

.work-prev-bg.utagroup-bg {
  background-image: linear-gradient(225deg, #f8f8f8, #d3d3d3);
}

.work-prev-bg.letsbots-bg {
  background-image: linear-gradient(210deg, #85aeff, #733dd6);
}

.work-prev-bg.instalogy-bg {
  background-image: linear-gradient(205deg, #2ca6ff, #3c3a3a);
}

.work-prev-bg.tecnonovo-bg {
  background-color: #ffc527;
  background-image: none;
}

.work-prev-bg.solarconnect-bg {
  background-color: #ffdabb;
  background-image: none;
}

.work-prev-bg.encotec-bg {
  background-color: #636363;
  background-image: none;
}

.work-prev-bg.heysupreme-bg {
  background-color: #ffd6d6;
  background-image: none;
}

.work-prev-bg.moon-bg {
  background-color: #111;
  background-image: none;
}

.work-prev-bg.losev-bg {
  background-color: #152b6f;
  background-image: linear-gradient(#3352b3, rgba(255, 255, 255, 0));
}

.work-prev-bg.rozarossa-bg {
  background-color: var(--rozarossa-color);
  background-image: none;
}

.work-prev-bg.azure-bg {
  background-color: #d7e7ff;
  background-image: none;
}

.work-prev-bg.ph-drops-bg {
  background-color: #d8ecf7;
  background-image: none;
}

.work-prev-bg.brainhome-bg {
  background-color: #eff3fc;
  background-image: none;
}

.work-prev-bg.expohome-bg {
  background-color: var(--expohome-bg);
  background-image: none;
}

.work-prev-bg.bruder-bg {
  background-color: var(--bruder-color);
  background-image: none;
}

.work-prev-bg.rcpm-bg {
  background-image: radial-gradient(circle, #f7f7f7, #dadada);
}

.work-prev-bg.betterhome-bg {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #18181a, var(--black));
}

.work-prev-bg.goodframes-bg {
  background-image: radial-gradient(circle, #f4f0ff, #dcd0ff);
}

.work-prev-bg.oton-bg {
  background-image: radial-gradient(circle, #5ae2aa, #3ad394);
}

.work-prev-bg.case-moon-bg {
  background-color: #333;
  background-image: none;
}

.work-prev-bg.betterhome-case-bg {
  background-color: #e6e6e6;
  background-image: none;
}

.work-prev-bg.oton-case-bg {
  background-color: #c8ffe9;
  background-image: none;
}

.work-prev-bg.apptime-case-bg {
  background-color: #fffbe0;
  background-image: none;
}

.work-prev-bg.goodframes-case-bg {
  background-color: #f4f0ff;
  background-image: none;
}

.work-prev-bg.techera-case-bg {
  background-color: #d5f1ff;
  background-image: none;
}

.work-prev-bg.smartgrow-case-bg {
  background-color: #d7ffd0;
  background-image: none;
}

.work-prev-bg.ecofab-case-bg {
  background-color: #e0e0e0;
  background-image: none;
}

.work-prev-bg.rcpm-case-bg {
  background-color: #f3f3f3;
  background-image: none;
}

.work-prev-bg.heysupreme-case-bg {
  background-color: #ffefef;
  background-image: none;
}

.work-prev-bg.solarconnect-case-bg {
  background-color: #ffecdc;
  background-image: none;
}

.work-prev-bg.timber-design-case-bg {
  background-color: #fffbea;
  background-image: none;
}

.work-prev-bg.marwellmade-case-bg {
  background-color: #f3e7ff;
  background-image: none;
}

.work-prev-bg.edars-case-bg {
  background-color: #f4ffe0;
  background-image: none;
}

.work-prev-bg.costacleaners-case-bg {
  background-color: rgba(224, 229, 255, .5);
  background-image: none;
}

.work-prev-bg.clientsfirst-case-bg {
  background-color: rgba(225, 255, 224, .5);
  background-image: none;
}

.work-prev-bg.threecommas-case-bg {
  z-index: 1;
  background-color: #fff2e3;
  background-image: none;
}

.work-prev-bg.dewelloper-case-bg {
  background-color: #faffc7;
  background-image: none;
}

.work-prev-logo {
  z-index: 10;
  max-width: 350px;
  max-height: 60px;
  position: relative;
}

.work-prev-logo.probuilder-logo {
  max-height: 55px;
}

.work-prev-logo.domos-constr-logo, .work-prev-logo.letsbots-logo {
  max-height: 120px;
}

.work-prev-logo.instalogy-logo, .work-prev-logo.encotec-logo {
  max-height: 70px;
}

.work-prev-logo.moon-logo {
  max-height: 55px;
}

.work-prev-logo.losev-logo {
  max-height: 65px;
}

.work-prev-logo.rozarossa-logo {
  max-height: 100px;
}

.work-prev-logo.phdrops-logo {
  max-height: 65px;
}

.work-prev-logo.azure-logo {
  max-height: 120px;
}

.work-prev-logo.linkypage-logo {
  max-width: 380px;
  max-height: 70px;
}

.work-prev-logo.brainhome-logo {
  max-width: 290px;
  max-height: 60px;
}

.work-prev-logo.expohome-logo {
  max-width: 270px;
  max-height: 65px;
}

.work-prev-logo.bruder-logo {
  max-height: 120px;
}

.work-prev-logo.rcpm-logo, .work-prev-logo.goodframes-logo, .work-prev-logo.betterhome-logo {
  max-height: 200px;
}

.work-prev-logo.oton-logo {
  max-height: 120px;
}

.work-prev-w {
  flex-wrap: wrap;
  margin-right: -3%;
  display: flex;
}

.black-bg-div {
  z-index: 0;
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.work-prev-header {
  flex: 1;
}

.team-slide {
  height: auto;
}

.team-info-block {
  z-index: 5;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  position: relative;
}

.team-info-div {
  background-color: var(--white-smoke);
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 30px 30px 30px 110px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.expert-block-w {
  justify-content: space-between;
  display: flex;
}

.expert-block-w.reverse-block {
  flex-direction: row-reverse;
}

.expert-col-1 {
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 42%;
  margin-right: 4%;
  display: flex;
  position: relative;
}

.expert-col-1.with-reverse {
  margin-left: 4%;
  margin-right: 0%;
}

.expert-col-2 {
  flex: 1;
}

.expert-img {
  width: 94%;
}

.expert-list-item {
  border-top: 1px none var(--light-grey);
  border-bottom: 1px none var(--light-grey);
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.table-w {
  border-style: solid;
  border-width: 2px 3px 3px 2px;
  border-color: var(--gold);
  width: 100%;
}

.table-block {
  background-color: var(--gold);
  flex-direction: column;
  margin-bottom: -1px;
  display: flex;
}

.table-col {
  z-index: 0;
  border-right: 1px solid var(--light-grey);
  border-bottom: 1px solid var(--light-grey);
  background-color: var(--white-smoke);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  padding: 20px;
  display: flex;
  position: relative;
}

.table-col.first-col {
  z-index: 5;
  text-align: left;
  justify-content: flex-start;
}

.table-col.toprork-col {
  background-color: var(--gold);
  color: var(--black);
  border-bottom: 1px solid #d8ba0e;
  margin-bottom: 1px;
  top: 1px;
}

.table-col.toprork-col.last-row {
  margin-bottom: -15px;
  padding-bottom: 30px;
}

.table-col.toprork-col.first-row {
  margin-top: -15px;
  padding-top: 30px;
}

.table-col.last-row {
  border-bottom-style: none;
}

.table-row {
  flex: 1;
  justify-content: space-between;
  margin-right: -1px;
  font-size: 16px;
  display: flex;
}

.table-row.header-row {
  color: var(--black);
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.logo-in-table {
  width: 150px;
}

.table-icon {
  flex: none;
  width: 16px;
}

.table-icon.cross-icon {
  width: 14px;
}

.expert-name {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Turbinado dry, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 24px;
}

.crown-block {
  position: absolute;
  top: auto;
  bottom: -10px;
  left: auto;
  right: -10px;
}

.crown-block.reverse {
  top: auto;
  left: -10px;
  right: auto;
}

.crown-ico {
  width: 50px;
  transform: rotate(15deg);
}

.crown-ico.ico-3 {
  width: 35px;
  position: relative;
  top: -30px;
  right: -10px;
  transform: rotate(30deg);
}

.crown-ico.ico-2 {
  width: 30px;
  position: relative;
  top: -5px;
  right: 30px;
  transform: rotate(-15deg);
}

.crown-ico.ico-4 {
  width: 35px;
  position: relative;
  top: -30px;
  right: 93px;
  transform: rotate(-26deg);
}

.crown-ico.ico-5 {
  width: 30px;
  position: relative;
  top: -5px;
  right: -114px;
  transform: rotate(-15deg);
}

.proj-main-images-w {
  z-index: 10;
  width: 90%;
  max-width: 1070px;
  margin-bottom: -250px;
  position: relative;
}

.proj-main-images-w.in-case {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 0;
}

.proj-main-img {
  border-radius: 5px;
  width: 82%;
  position: relative;
  box-shadow: 0 10px 25px -5px rgba(24, 24, 26, .2);
}

.proj-main-mobile-img {
  border-radius: 5px;
  width: 260px;
  position: absolute;
  top: auto;
  bottom: 8%;
  left: auto;
  right: 0%;
  box-shadow: 0 10px 25px -5px rgba(24, 24, 26, .2);
}

.project-info-block {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.project-info-col-1.case-col-1 {
  width: 100%;
}

.proj-gallery-w {
  flex-direction: column;
  width: 100%;
  margin-top: 120px;
  display: flex;
  overflow: hidden;
}

.proj-gallert-item {
  cursor: pointer;
  border-radius: 5px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 590px;
  height: 370px;
  margin-left: .8%;
  margin-right: .8%;
  transition: all .15s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px -5px rgba(24, 24, 26, .15);
}

.proj-gallert-item:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 25px rgba(24, 24, 26, .15);
}

.proj-rev-w {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
}

.proj-rev-div {
  align-items: center;
  display: flex;
}

.proj-rev-position {
  color: var(--slate-grey);
  white-space: nowrap;
  margin-left: 10px;
  font-family: Oxygenmono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
}

.work-logo-div {
  margin-bottom: 30px;
}

.work-logo-div.case-logo-div {
  margin-bottom: 50px;
}

.work-logo {
  width: 280px;
}

.work-logo.ccall-logo {
  width: 320px;
}

.work-logo.probuilder-case-logo {
  width: auto;
  height: 50px;
}

.work-logo.dewelloper-case-logo {
  width: auto;
  height: 45px;
}

.work-logo.utagroup-case-logo {
  width: auto;
  height: 65px;
}

.work-logo.letsbots-case-logo {
  width: auto;
  height: 120px;
}

.work-logo.encotec-case-logo {
  width: auto;
  height: 80px;
}

.work-logo.heysupreme-case-logo {
  width: auto;
  height: 35px;
}

.work-logo.losev-case-logo {
  width: auto;
  height: 80px;
}

.work-logo.azure-case-logo {
  width: auto;
  height: 130px;
}

.work-logo.brainhome-case-logo {
  width: auto;
  height: 35px;
}

.work-logo.expohome-case-logo {
  width: auto;
  height: 40px;
}

.work-logo.phdrops-case-logo {
  width: auto;
  height: 70px;
}

.work-logo.bruder-case-logo {
  width: auto;
  height: 120px;
}

.work-logo.rozarossa-case-logo {
  width: auto;
  height: 110px;
}

.work-logo.rcpm-case-logo {
  width: auto;
  height: 220px;
}

.work-logo.betterhome-case-logo, .work-logo.goodframes-case-logo {
  width: auto;
  height: 40px;
}

.work-logo.oton-wallet-case-logo {
  width: auto;
  height: 120px;
}

.work-logo.apptime-case-logo {
  width: auto;
  height: 65px;
}

.work-logo.techera-case-logo {
  width: auto;
  height: 50px;
}

.work-logo.smartgrow-case-logo {
  width: auto;
  height: 55px;
}

.work-logo.ecofab-case-logo {
  width: auto;
  height: 60px;
}

.work-logo.tinberdesign-case-logo {
  width: auto;
  height: 100px;
}

.work-logo.marwellmade-case-logo {
  width: auto;
  height: 35px;
}

.work-logo.esars-case-logo {
  width: auto;
  height: 90px;
}

.work-logo.tecnonovo-case-logo {
  width: auto;
  height: 65px;
}

.work-logo.solarconnect-case-logo {
  width: auto;
  height: 38px;
}

.work-logo.costacleaners-case-logo {
  width: auto;
  height: 50px;
}

.work-logo.clientsfirst-case-logo {
  width: auto;
  height: 70px;
}

.work-logo.threecommas-case-logo, .work-logo.dewelloper-case-logo {
  width: auto;
  height: 48px;
}

.footer-col {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  max-width: 400px;
  display: flex;
}

.footer-slogan {
  letter-spacing: .5px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.footer-col-heading {
  opacity: 1;
  margin-top: 5px;
  margin-bottom: 30px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 26px;
}

.footer-col-heading.add-opacity {
  opacity: 0;
}

.phone-footer-link-div {
  color: var(--black);
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.phone-footer-link-div.left-padding {
  padding-left: 38px;
}

.phone-footer-link-div.left-align {
  opacity: .7;
  justify-content: flex-start;
  margin-bottom: 25px;
}

.phone-footer-link-div.left-align:hover {
  opacity: 1;
}

.quote-mark {
  font-family: Oswald, sans-serif;
  font-size: 150px;
  line-height: 100px;
  position: absolute;
  top: -25px;
  bottom: auto;
  left: -70px;
  right: auto;
}

.quote-mark.right-mark {
  top: auto;
  bottom: 40px;
  left: auto;
  right: -20px;
}

.start-quiz-btn {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  justify-items: start;
  display: grid;
  position: relative;
}

.logos-img-2 {
  flex: none;
  width: 2300px;
  max-width: none;
  padding-right: 3%;
}

.first-btn-lottie-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
  margin-left: auto;
  display: flex;
  transform: rotate(90deg);
}

.show-popup-link {
  color: var(--black);
  cursor: pointer;
  text-decoration: underline;
  transition: all .1s;
}

.show-popup-link:hover {
  text-decoration: none;
}

.text-block {
  text-align: left;
  white-space: normal;
  width: 400px;
  line-height: 24px;
}

.topwork-collage-col {
  justify-content: center;
  align-items: center;
  width: 56%;
  padding: 60px 3% 60px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.topwork-collage-col.more-paddings {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

.topwork-collage-block {
  perspective: 900px;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.bg-mockup-w {
  transform-style: preserve-3d;
  flex: none;
  align-items: center;
  width: 770px;
  height: 530px;
  display: flex;
  position: relative;
  transform: rotateX(0)rotateY(-10deg)rotateZ(0);
}

.bg-mockup-w.more-size {
  width: 100%;
  max-width: 850px;
  height: 600px;
}

.mockup-heading {
  background-color: var(--white);
  background-image: url('../images/View-heading-2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #a8a8a8;
  flex: none;
  height: 5%;
}

.mockup-content {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.mockup-console-div {
  background-color: #565656;
  background-image: url('../images/Console-2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 36%;
}

.mockup-service-div {
  background-image: url('../images/Service-block.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex: 1;
}

.bg-mockup-block {
  border: 1px solid var(--dark-grey-2);
  background-color: var(--gainsboro);
  transform-style: preserve-3d;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  transform: translate3d(0, 0, 1px);
}

.bg-mockup-block.hide-mockup {
  display: none;
}

.topwork-pipeline-img {
  z-index: 5;
  width: 95%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.move-top {
  position: relative;
  top: -27px;
}

.service-big-icon {
  max-width: 360px;
  height: 260px;
  margin-bottom: 10px;
}

.label {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.label.dont-shrink {
  flex: none;
  align-self: center;
  margin-right: 20px;
}

.request-block-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.request-project-type-w {
  margin-top: 25px;
  margin-bottom: 20px;
}

.project-type-icon {
  z-index: 5;
  width: 58px;
  margin-bottom: 12px;
  position: relative;
}

.check-button-label {
  z-index: 5;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.check-button-field {
  color: var(--black);
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15.5%;
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: 1%;
  padding: 24px 10px 22px;
  transition: all .15s;
  display: flex;
  position: relative;
}

.check-button-field:hover {
  transform: translate(0, -2px);
}

.project-type-block {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
  margin-right: -1%;
  display: flex;
}

.form-row {
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  margin-bottom: 0;
  margin-right: 10px;
  display: flex;
}

.form-row.fool-w {
  width: 100%;
  margin-bottom: 0;
}

.text-field-3 {
  color: #fff;
  background-color: rgba(255, 255, 255, .4);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 5px;
  height: 46px;
  margin-bottom: 0;
  padding-left: 15px;
  font-size: 16px;
  transition: all .15s;
}

.text-field-3:hover {
  border-color: #fff;
}

.text-field-3:active {
  border-color: #ffd451;
}

.text-field-3:focus {
  border-color: #ffe43f;
}

.text-field-3::placeholder {
  color: #dbe9ff;
}

.text-field-3.big-field {
  background-color: rgba(0, 0, 0, 0);
  border-top-style: none;
  border-bottom-width: 2px;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
  height: 48px;
  font-size: 18px;
  font-weight: 500;
}

.text-field-3.big-field:active {
  border-bottom-color: var(--gold);
}

.text-field-3.big-field::placeholder {
  color: var(--dark-grey-2);
}

.form-row-block {
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.order-block-col-6 {
  width: 50%;
  display: flex;
}

.check-button {
  z-index: 1;
  border: 2px none var(--gold);
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.check-button:hover {
  border-style: solid;
}

.check-button.w--redirected-checked {
  border: 2px solid var(--gold);
  background-color: var(--gold);
  background-image: none;
  border-radius: 0;
}

.check-button.w--redirected-focus {
  border-width: 2px;
  border-color: var(--gold);
  border-radius: 0;
  box-shadow: 0 0 5px 1px rgba(252, 220, 39, .7);
}

.about-us-w {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 60px;
  grid-template: "Area Area-2 Area-2"
                 "Area-3 . ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.solution-div {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.solution-price {
  border: 1px dashed var(--gold);
  background-color: var(--white);
  color: var(--black);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  margin-right: 20px;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 20px;
  display: block;
}

.price-span {
  letter-spacing: 0;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: inline;
}

.plan-label {
  color: #5e5e5e;
  font-size: 13px;
  line-height: 21px;
}

.plan-label.more-size {
  color: var(--black);
  text-align: center;
  font-family: Oxygenmono, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.plan-label.more-size.with-black-bg {
  background-color: var(--black);
  color: var(--white);
  padding: 3px 10px;
  line-height: 23px;
}

.sol-cloud-item {
  background-color: var(--gold);
  color: var(--black);
  background-image: url('../images/grid-icon.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 12px;
  margin-bottom: 20px;
  margin-right: 25px;
  padding: 5px 15px 3px 25px;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

.plan-item-w-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 32%;
  padding: 40px 30px 50px;
  display: flex;
  position: relative;
}

.yellow-span-2 {
  color: #fff;
  background-color: #111;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.solutions-cloud-w {
  margin-top: 40px;
}

.plan-func-icon {
  flex: none;
  width: 30px;
  margin-right: 12px;
}

.function-icon {
  width: 34px;
}

.function-icon.more-size {
  width: 38px;
}

.h3-block {
  margin-bottom: 30px;
}

.h1-subheader-2 {
  margin-top: 30px;
  font-size: 22px;
  font-weight: 300;
  line-height: 36px;
}

.h1-subheader-2.no-margin {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 241, 194, .2);
  border-radius: 10px;
  max-width: 1100px;
  margin-top: 0;
  padding: 0;
  line-height: 34px;
}

.h1-subheader-2.no-margin.no-bg {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 10px;
  padding: 0;
}

.tariff-name-3 {
  color: #18181a;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 26px;
}

.tariff-name-3.min-size {
  font-size: 24px;
}

.plan-bottom-block-2 {
  border-top: 1px solid #ececec;
  flex-direction: column;
  flex: none;
  align-items: center;
  padding-top: 40px;
  display: flex;
  position: relative;
}

.plan-bottom-block-2.gray-bg-1 {
  background-color: #fcfcfc;
  padding-bottom: 50px;
}

.plan-bottom-block-2.gray-bg-2 {
  background-color: #f5f5f5;
}

.plan-bottom-block-2.gray-bg-3 {
  background-color: var(--white-smoke-2);
}

.grid-block {
  z-index: 2;
  background-color: var(--white);
  border-top: 1px solid #ececec;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  display: flex;
  position: relative;
}

.grid-block.top-block {
  z-index: 5;
  background-color: #fff;
  border-top-style: none;
  padding-top: 50px;
  padding-bottom: 46px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.grid-block.top-block.add-right-corner {
  background-color: var(--white-smoke-2);
  padding: 40px 0 50px;
  position: relative;
  top: 0;
  overflow: hidden;
}

.grid-block.top-block.gray-bg-1 {
  background-color: #fcfcfc;
  padding: 40px 0 50px;
  position: relative;
  top: 0;
}

.grid-block.top-block.gray-bg-2 {
  background-color: #f5f5f5;
  padding: 40px 0 50px;
  position: relative;
  top: 0;
}

.grid-block.top-block-2 {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
  border-top-style: none;
  padding: 40px 20px;
  position: relative;
  top: 0;
}

.grid-block.top-block-2.more-z-index {
  z-index: 5;
}

.grid-block.top-block-2.right-border {
  border-right: 1px solid #ececec;
}

.grid-block.no-bg {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  font-family: Oxygenmono, sans-serif;
  font-weight: 700;
}

.grid-block.no-bg.with-bg {
  margin-left: -8px;
  margin-right: -8px;
}

.grid-block.with-bg {
  background-color: var(--white-smoke);
  border-right: 1px solid #ececec;
}

.grid-block.gray-bg-1 {
  background-color: #fcfcfc;
}

.grid-block.gray-bg-2 {
  background-color: #f5f5f5;
}

.grid-block.gray-bg-3 {
  background-color: var(--white-smoke-2);
}

.grid-block.right-border {
  border-right: 1px solid #ececec;
}

.grid-block.right-border.bottom-border {
  border-bottom: 1px solid #ececec;
}

.price-div-2 {
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 30px;
  font-weight: 900;
  line-height: 37px;
  display: flex;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
  padding-right: 150px;
}

.paragraph-4 {
  color: #5e5e5e;
  letter-spacing: 0;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.lang-dd {
  margin-left: 10px;
}

.tariff-period-choose-2 {
  color: var(--white);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 130px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 11px 17px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.main-section {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.main-section.fix-padding {
  padding-top: 200px;
  padding-bottom: 100px;
}

.plan-function-div-2 {
  color: #5e5e5e;
  border-top: 1px solid #ececec;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 0;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  position: relative;
}

.plan-function-div-2.with-black-bg {
  border-top-color: var(--dim-grey);
  background-color: var(--black);
  color: var(--white);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  align-items: center;
  padding: 25px 20px 25px 40px;
}

.plan-function-div-2.add-padding {
  border-top-color: var(--white-smoke-3);
  background-color: var(--gold);
  align-items: center;
  padding: 25px 30px;
  font-size: 14px;
}

.plan-function-div-2.add-padding.center-align {
  align-items: center;
}

.price-text-2 {
  color: #18181a;
  margin-left: 5px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.slide-nav {
  margin-bottom: -50px;
  font-size: 14px;
  display: none;
}

.plan-function-header {
  z-index: 2;
  text-align: left;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px 0 30px 43px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.plan-function-header.hide-grid-element-2 {
  z-index: 3;
  color: var(--black);
  text-align: left;
  text-transform: none;
  justify-content: center;
  padding-bottom: 10px;
  padding-left: 40px;
  font-family: Oxygenmono, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: auto;
}

.plan-function-header.no-padding {
  color: var(--white);
  padding-bottom: 0;
  padding-left: 0;
  font-size: 17px;
  position: relative;
  top: 0;
}

.price-2 {
  opacity: 1;
  color: var(--gold);
  letter-spacing: -1px;
  font-family: Sfprodisplay, sans-serif;
  font-weight: 900;
  display: block;
  transform: none;
}

.price-2.add-bg {
  background-color: var(--black);
  margin-left: 5px;
  padding: 5px;
}

.block-with-top-border {
  border-top: 1px solid #ececec;
}

.block-with-top-border.col-bg-div {
  z-index: 3;
  background-color: #f0f0f0;
  border: 2px solid #000;
  border-radius: 30px;
  margin: -10px;
  position: relative;
}

.price-bg-block {
  z-index: 3;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: -2px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  box-shadow: 0 5px 8px -2px rgba(153, 153, 153, .1);
}

.price-bg-block.yellow-bg {
  background-color: var(--gold);
  border-bottom-color: #ececec;
  border-radius: 30px 30px 0;
  position: relative;
  top: 0;
}

.price-bg-block.add-roundet-corners {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  margin-top: 0;
  margin-bottom: -1px;
  position: absolute;
  top: 0;
}

.price-block-2 {
  opacity: 1;
  color: #fe5252;
  align-items: flex-end;
  font-size: 36px;
  line-height: 31px;
  display: flex;
  overflow: hidden;
}

.plan-function-heading-3 {
  color: #111;
  margin-bottom: 7px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 20px;
}

.plan-function-heading-3.no-margin {
  color: var(--white);
  margin-bottom: 0;
  font-family: Oxygenmono, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.plan-function-heading-3.no-margin-2 {
  margin-bottom: 0;
  font-size: 18px;
}

.plan-function-heading-3.no-margin-3 {
  margin-bottom: 5px;
  font-size: 18px;
}

.slider-right-arrow {
  background-color: var(--gold);
  color: #111;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 40px;
  width: 60px;
  height: 60px;
  margin-top: 0;
  margin-right: 0;
  font-size: 24px;
  transition: all .15s;
  right: 0;
  box-shadow: 4px 4px #c5c5c5;
}

.slider-right-arrow:hover {
  background-color: var(--gold-2);
  box-shadow: 0 0 #c5c5c5;
}

.slider-right-arrow:active {
  transform: scale(.97);
}

.slider-right-arrow.left-arrow {
  border-radius: 40px;
  right: 75px;
}

.slide {
  height: auto;
}

.slider-mask {
  height: auto;
  overflow: hidden;
}

.adv-icon {
  flex: 1;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.h1-2 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 73px;
  font-weight: 900;
  line-height: 1.1em;
  display: inline;
}

.hero-div-2 {
  color: var(--black-2);
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
  display: flex;
}

.hero-div-2.center-align {
  text-align: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0%;
}

.hero-div-2.center-align.no-margin {
  color: var(--black-2);
}

.hero-div-2.center-align.no-margin.gap-rows {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.hero-div-2.add-margin {
  margin-top: 50px;
  margin-bottom: 60px;
  margin-right: 0;
}

.main-form-col {
  width: 35%;
  min-width: 450px;
}

.main-form-col.in-bottom {
  width: auto;
  display: none;
}

.h1-top-hero {
  color: var(--gold-2);
  letter-spacing: 1px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.main-form-block {
  margin-bottom: 0;
}

.main-form-block.add-max-w {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.main-form {
  background-color: var(--white-smoke);
  color: var(--black-2);
  border-radius: 16px;
  padding: 45px;
  position: relative;
  box-shadow: 0 10px 35px -2px rgba(0, 0, 0, .2);
}

.main-form.no-bg {
  grid-column-gap: 16px;
  grid-row-gap: 25px;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.text-field-4 {
  background-color: var(--white);
  color: var(--black-2);
  border: 2px solid #000;
  border-radius: 30px;
  height: 56px;
  margin-bottom: 15px;
  padding-left: 25px;
  font-size: 18px;
  transition: all .15s;
}

.text-field-4:hover {
  border-color: rgba(0, 0, 0, .5);
}

.text-field-4:focus {
  border-color: var(--gold);
}

.text-field-4::placeholder {
  color: rgba(0, 0, 0, .5);
}

.text-field-4.textarea {
  min-height: 150px;
}

.text-field-4.no-margin {
  margin-bottom: 0;
}

.text-field-4.more-padding {
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-field-4.more-padding.radius-individ {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.text-field-4.more-padding.radius-individ.border-individ {
  border-right-width: 0;
}

.submit-btn {
  background-color: var(--black-2);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 30px;
  width: 100%;
  padding: 17px 25px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: all .15s;
}

.submit-btn:hover {
  background-color: var(--black-3);
}

.form-h1 {
  color: var(--black-2);
  text-align: center;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
}

.form-h1.min-margin {
  margin-bottom: 25px;
}

.form-h1.no-margin {
  margin-bottom: 0;
}

.form-h1-subheading {
  background-color: var(--gold-3);
  color: var(--black-2);
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 3px 10px 5px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
}

.form-h1-subheading.in-popup {
  font-size: 17px;
}

.main-form-hero {
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.hero-logo-icon {
  width: 38px;
  margin-right: 10px;
  position: relative;
  bottom: -10px;
  left: -12px;
  transform: rotate(-14deg);
}

.top-hero-div {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.top-hero-div.hide-h1-subheader {
  display: none;
}

.checks-w {
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 600px;
}

.checks-w.hide-checks {
  display: none;
}

.hero-container-row {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.hero-container-row.add-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-top: 20px;
  padding-bottom: 0;
  display: grid;
}

.hero-cont-bottom-block {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.hero-bottom-block-item {
  background-color: #fff;
  background-image: linear-gradient(135deg, var(--black), var(--black) 8%, var(--gold) 8%, var(--gold) 92%, var(--black) 92%, var(--black));
  color: var(--black);
  text-transform: uppercase;
  border-radius: 16px;
  flex: 1;
  max-width: 31%;
  padding: 25px 30px 20px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 26px;
  overflow: hidden;
}

.yellow-span-4 {
  background-color: var(--black);
  color: var(--gold);
  padding-left: 5px;
  padding-right: 5px;
}

.text-list-w {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.text-list-item {
  text-transform: none;
  white-space: normal;
  margin-bottom: 2px;
  margin-right: 0;
  font-family: Oxygenmono, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}

.check-text-item {
  background-color: var(--gold);
  color: var(--black);
  background-image: url('../images/Verify-check.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-bottom: 8px;
  margin-right: 15px;
  padding: 5px 12px 4px 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  display: inline;
}

.check-text-item.inversion {
  background-color: var(--black);
  color: var(--gold);
  background-image: url('../images/Verify-check-yellow-2.svg');
  margin-bottom: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 24px;
  display: inline-block;
}

.check-text-item.inversion.with-link {
  cursor: pointer;
  text-decoration: underline;
}

.check-text-item.inversion.with-link:hover {
  text-decoration: none;
}

.check-text-item.min-size {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 33px;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
}

.check-text-item.inline-block-item {
  background-color: var(--gold-3);
  border-radius: 5px;
  margin-bottom: 12px;
  line-height: 20px;
  display: inline-block;
}

.perform-block-w {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.perform-block-item {
  flex: 1;
}

.perform-crown {
  width: 32px;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.perform-header {
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.perform-arrow-icon {
  align-self: center;
  width: 22px;
  margin-left: 5px;
  margin-right: 15px;
}

.work-main-block {
  background-color: rgba(24, 24, 26, .4);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 600px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-section-2 {
  background-color: var(--gold);
  padding-top: 40px;
  padding-bottom: 10px;
  position: relative;
  overflow: visible;
}

.footer-logo-img {
  width: 180px;
}

.footer-container-2 {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.copyright-text-2 {
  color: var(--black);
  text-align: left;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 16px;
}

.footer-col-div {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dot-in-list {
  background-color: var(--black);
  border-radius: 5px;
  flex: none;
  align-self: center;
  width: 4px;
  height: 4px;
  margin-bottom: 4px;
  margin-left: 7px;
  margin-right: 7px;
}

.count-block-w {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.count-block {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.count-block-heading {
  color: var(--white);
  text-align: left;
  max-width: 650px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5%;
  font-family: Sfprodisplay, sans-serif;
  font-size: 47px;
  font-weight: 700;
  line-height: 1.1em;
}

.count-number-block {
  color: var(--white);
  flex: none;
  justify-content: flex-end;
  align-items: center;
  font-family: Oxygenmono, sans-serif;
  font-size: 65px;
  font-weight: 700;
  line-height: 80px;
  display: flex;
}

.number-digit {
  background-color: var(--gold);
  color: var(--black);
  margin-left: 5px;
  margin-right: 5px;
  padding: 7px 10px 0;
  line-height: 70px;
  display: inline-block;
}

.number-digit.plus-2 {
  padding-left: 3px;
}

.counter-currency {
  margin-left: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.full-w-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-badge-w {
  z-index: 5;
  color: var(--black);
  text-align: center;
  background-image: url('../images/yellow-badge.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 120px;
  padding: 15px 17px 25px 15px;
  font-family: Oswald, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  display: flex;
  position: absolute;
  top: -27px;
  bottom: auto;
  left: auto;
  right: -55px;
  transform: rotate(10deg);
}

.form-badge-w.in-quiz {
  width: 130px;
  height: 115px;
  top: -28px;
  right: -54px;
}

.move-up-link-w {
  z-index: 100;
  background-color: var(--gold);
  opacity: 0;
  border: 1px solid #000;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 15px;
  transition: all .1s;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 20px;
  left: 20px;
  right: auto;
  transform: scale(0);
  box-shadow: 3px 3px #000;
}

.move-up-link-w:hover {
  background-color: var(--gold-2);
  transform: translate(4px, 4px);
  box-shadow: 0 0 #000;
}

.move-up-link-w.hide-btn {
  display: none;
}

.move-up-arrow {
  transform: rotate(-90deg);
}

.h4-block {
  margin-top: 30px;
}

.image-col {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.image-col.no-sticky {
  flex: none;
  align-items: flex-end;
  width: auto;
  max-width: 50%;
  margin-left: 10%;
  position: relative;
  top: auto;
}

.website-illustration {
  width: 100%;
}

.website-illustration.first-illustration {
  width: 700px;
  max-width: none;
  margin-left: -60px;
  margin-right: -100px;
  padding-right: 0;
}

.website-illustration.first-illustration.min-size {
  width: 550px;
  margin-right: -60px;
}

.landing-item-preview {
  cursor: pointer;
  transition: box-shadow .15s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 20px -5px rgba(24, 24, 26, .3);
}

.landing-item-preview:hover {
  box-shadow: none;
}

.bg-div-for-close {
  z-index: 1;
  align-self: stretch;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.close-popup-btn-2 {
  z-index: 20;
  cursor: pointer;
  background-color: #3f3f3f;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: 0;
  padding: 14px;
  transition: all .15s;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  bottom: auto;
  left: auto;
  right: 25px;
}

.big-link {
  background-color: var(--black);
  color: var(--gold);
  cursor: pointer;
  align-self: center;
  margin-top: 40px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 28px;
  transition: all .15s;
  display: block;
}

.big-link:hover {
  text-decoration: none;
}

.right-arrow {
  color: var(--light-grey);
  width: 60px;
  font-size: 38px;
}

.compare-table-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / minmax(auto, 1.5fr) 1fr 1fr 1fr 1fr;
  width: 100%;
  position: relative;
}

.grid-top-text {
  color: var(--black);
  text-align: center;
  font-family: Sfprodisplay, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.grid-top-text.low-cost {
  text-transform: uppercase;
  font-weight: 900;
}

.plan-bottom-block-3 {
  z-index: 5;
  border-top: 1px solid #ececec;
  flex-direction: column;
  flex: none;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.grid-block-text {
  color: var(--black);
  text-align: center;
  font-size: 16px;
}

.grid-block-text.more-size {
  font-size: 18px;
}

.crown-img {
  max-width: 50px;
  margin-bottom: 10px;
}

.plan-item-link {
  background-color: var(--gold);
  color: var(--black);
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 6px 10px 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-section-lp, .popup-section-bw {
  z-index: 10000;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(24, 24, 26, .6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.popup-section-os {
  z-index: 10000;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, .2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.include-text {
  background-color: var(--black);
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  display: flex;
}

.bonus-link {
  background-color: var(--black);
  color: var(--gold);
  cursor: pointer;
  padding: 1px 5px 3px;
  font-size: 15px;
  line-height: 19px;
  display: inline-block;
}

.bonus-link:hover {
  text-decoration: none;
}

.popup-section-bonus {
  z-index: 10000;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(24, 24, 26, .6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.list-bll {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.bonus-popup-container {
  z-index: 2;
  background-color: var(--white);
  width: 95%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  position: relative;
}

.price-popup-grid {
  z-index: 2;
  background-color: var(--white);
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bonuses-w {
  min-height: 700px;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}

.bonuses-bg-w {
  z-index: 1;
  background-image: linear-gradient(to bottom, var(--white), transparent 20%, transparent 80%, white);
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.bonuses-bg-w.with-perspective {
  transform-style: preserve-3d;
  left: -9%;
  transform: perspective(1373px)rotateX(0)rotateY(-25deg)rotateZ(0)perspective(1255px);
}

.bonuses-bg-w.with-perspective.in-left-col {
  transform-style: preserve-3d;
  justify-content: flex-end;
  left: 0%;
  right: -9%;
  transform: perspective(1373px)rotateX(0)rotateY(25deg)rotateZ(0)perspective(1255px);
}

.bonus-contact-list {
  z-index: 1;
  flex: none;
  width: 100%;
  position: relative;
}

.bonuses-bg-overflow {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--white), transparent 20%, transparent 80%, white);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bonus-contact-list-2 {
  z-index: 1;
  flex: none;
  width: 100%;
  position: relative;
}

.form-small-text {
  margin-top: 20px;
  font-size: 13px;
}

.form-small-text.bottom-margin {
  max-width: 770px;
  margin-bottom: 0;
}

.form-small-text.bottom-margin.no-top-margin-2 {
  margin-top: 0;
}

.price-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  padding: 0;
  position: relative;
}

.price-grid-row-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 1.5fr) 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  display: grid;
}

.plan-function-span {
  font-size: 13px;
  line-height: 16px;
}

.price-grid-block {
  overflow: auto;
}

.hor-swipe-div {
  flex-direction: column;
  display: none;
}

.swipe-icon {
  width: 40px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.work-thumbs-w {
  transform-style: preserve-3d;
  position: absolute;
  top: -13%;
  bottom: -13%;
  left: 0%;
  right: 0%;
  transform: translate3d(0, 0, 20px)scale(.93);
}

.work-thumbs-block-1 {
  padding-bottom: 2vw;
}

.work-thumbs-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-thumb-img {
  width: 100%;
  max-width: none;
  display: block;
  box-shadow: 4px 4px rgba(0, 0, 0, .3);
}

.works-thumbs-overflow {
  z-index: 100;
  background-image: linear-gradient(to bottom, var(--white), var(--white) 10%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, var(--white) 90%, var(--white));
  filter: blur(5px);
  position: absolute;
  top: -13%;
  bottom: -13%;
  left: -10%;
  right: -10%;
}

.work-thumbs-block-2 {
  padding-bottom: 2vw;
}

.case-bottom-block {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: center;
  justify-items: center;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.case-cloud-w {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.case-hashtag-item {
  background-color: var(--pale-goldenrod);
  color: var(--black);
  background-image: url('../images/grid-icon.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 12px;
  margin-bottom: 8px;
  margin-right: 11px;
  padding: 5px 15px 5px 26px;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.case-hashtag-item.light-item {
  background-color: #fff7cb;
}

.case-hashtag-item.on-hero {
  background-color: var(--pale-goldenrod);
  letter-spacing: -.5px;
  background-position: 8px 48%;
  background-size: 10px;
  margin-bottom: 7px;
  margin-right: 7px;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.quiz-main-w {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quiz-nav {
  z-index: 100;
  color: var(--black-2);
  position: relative;
}

.quiz-nav-container {
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.quiz-nav-logo {
  height: 28px;
}

.quiz-hero-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--domos-bg);
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: .75fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: grid;
}

.quiz-hero-container {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.quiz-hero-container.in-thanks-page {
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  height: auto;
  padding-bottom: 100px;
}

.quiz-block-w {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  background-color: var(--white);
  border-radius: 30px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding: 70px;
  font-size: 16px;
  display: grid;
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .2);
}

.quiz-block-w.quiz-step-block {
  box-shadow: none;
  width: 87%;
  max-width: 700px;
  margin-bottom: 0;
  padding: 50px 60px;
  position: relative;
}

.quiz-progress-w {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: start;
  justify-items: stretch;
  width: 100%;
  font-size: 18px;
  display: grid;
}

.quiz-progress-div {
  background-color: var(--gainsboro);
  border-radius: 15px;
  width: 100%;
  height: 15px;
  overflow: hidden;
}

.quiz-progress-line {
  background-color: var(--gold-3);
  width: 0%;
  height: 100%;
}

.quiz-progress-line.step-2 {
  width: 25%;
}

.quiz-progress-line.step-3 {
  width: 50%;
}

.quiz-progress-line.step-4 {
  width: 75%;
}

.quiz-progress-line.step-5 {
  width: 95%;
}

.quiz-block-header {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-quiz-form-block {
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 100px;
}

.new-quiz-form {
  grid-column-gap: 16px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quiz-btn-field {
  text-align: left;
  cursor: pointer;
  border-radius: 50px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 17px 30px 17px 60px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.quiz-btn-field:hover {
  border-color: var(--black);
}

.quiz-form-1-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 17px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: stretch;
  display: grid;
}

.new-quiz-btns-w {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  align-content: center;
  justify-content: stretch;
  align-items: center;
  display: grid;
}

.new-quiz-header {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-quiz-form-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 50%;
  display: grid;
}

.country-flag-img {
  width: 30px;
  height: 30px;
}

.form-fields-block {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bonuses-icon-div {
  background-color: #fff7c8;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.platform-support-grid {
  grid-column-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  justify-items: center;
  font-size: 20px;
  font-weight: 400;
  display: grid;
}

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

.h2-subheader-w.top-margin {
  margin-top: 30px;
}

.platform-support-block {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: center;
  align-items: start;
  justify-items: center;
  font-size: 18px;
  font-weight: 700;
  display: grid;
}

.app-section {
  width: 100%;
  padding: 8vw 3%;
}

.app-section.green-bg {
  background-color: var(--gold-3);
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.app-section.more-bottom-padding {
  padding-bottom: 16vw;
}

.app-section.more-bottom-padding.more-top-padding.blue-bg {
  background-color: var(--white-smoke);
}

.app-section.quote-section-2 {
  background-color: var(--pale-goldenrod);
  height: 140vh;
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.app-section.quote-section-3 {
  background-color: var(--pale-goldenrod);
  height: 180vh;
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.app-section.add-overflow {
  overflow: hidden;
}

.app-section.add-overflow.yellow-bg {
  background-color: #fff9d5;
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.app-section.more-top-padding {
  padding-top: 16vw;
}

.app-section.more-top-padding.no-paddings {
  padding-left: 0%;
  padding-right: 0%;
}

.app-section.quote-section {
  background-color: var(--domos-bg);
  height: 180vh;
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.app-section.gray-bg {
  background-color: var(--white-smoke);
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.compare-item-content {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.quote-block {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  text-align: center;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.quote-block.add-max-w {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.team-photos-w {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: end;
  align-self: stretch;
  align-items: center;
  justify-items: end;
  height: 100%;
  padding-top: 20px;
  display: grid;
}

.h1-block-2 {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-bottom: 40px;
  display: grid;
}

.for-whom-slider-mask {
  width: 273px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.ex-item-logo {
  border-radius: 10px;
  width: 56px;
  height: 56px;
  display: block;
  overflow: hidden;
}

.loop-banner-block {
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.quote-bold-text {
  color: #000;
  font-weight: 600;
}

.fire-icon {
  width: 26px;
  margin-right: 5px;
}

.mockup-elements-w {
  z-index: 10;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mindcrafted-left-col {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.hide-examples-grid {
  opacity: 0;
  height: 0;
  margin-top: 3vw;
  margin-bottom: 1vw;
  transition: all .3s;
  overflow: hidden;
}

.striketrouth-span-text {
  text-decoration: line-through;
}

.timeline-line {
  z-index: 1;
  background-color: #ffeb7c;
  width: 3px;
  height: 86%;
  margin: 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.form-header-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.team-photo-col {
  justify-content: center;
  align-items: stretch;
}

.features-price-block {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  height: 100%;
  margin-top: 60px;
  display: flex;
}

.winning-grid {
  grid-column-gap: 4vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: space-between;
  display: grid;
}

.feature-item-text {
  font-weight: 600;
}

.feature-item-text.last-item {
  font-weight: 300;
}

.extra-item-w {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: center;
  align-items: start;
  justify-items: center;
  display: grid;
}

.what-slider-arrow {
  color: #0c0c0c;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  font-size: 21px;
  transition: all .2s;
  top: -70px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.what-slider-arrow:hover {
  background-color: #f7f7f7;
}

.what-slider-arrow.left-arrow {
  right: 65px;
}

.mindcrafted-right-col {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.btn-icon-div-2 {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.span-youtop-logo {
  background-color: #ffe96e;
  border-radius: 5px;
  width: 110px;
  margin-left: 8px;
  padding: 6px 10px 4px;
  display: inline-block;
  position: relative;
  top: -4px;
}

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

.footer-container-2 {
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 95%;
  max-width: 1200px;
  display: grid;
}

.logo-link {
  color: #fff;
  cursor: pointer;
  width: auto;
  height: 38px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: all .1s;
  display: block;
}

.tab-btn-2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0c0c0c;
  border-radius: 50px;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  transition: all .1s;
  overflow: hidden;
}

.tab-btn-2:hover {
  outline-offset: 0px;
  background-color: #f7f7f7;
  outline: 1px solid #0c0c0c;
}

.tab-btn-2.w--current {
  outline-offset: 0px;
  color: #fff;
  background-color: #0c0c0c;
  outline: 1px solid #0c0c0c;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}

.tab-btn-2.app-btn {
  border-color: var(--gold-3);
  color: var(--gold-3);
  box-shadow: 0 0 10px 2px rgba(238, 203, 3, .8);
}

.tab-btn-2.app-btn:hover {
  outline-color: var(--gold-3);
  background-color: rgba(238, 203, 3, .1);
}

.for-whom-slide-img {
  flex: none;
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.popup-form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  color: #0c0c0c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-container {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.scroll-down-link {
  flex: none;
  align-self: center;
  width: auto;
  position: absolute;
  top: auto;
  bottom: 15px;
  left: auto;
  right: auto;
}

.bonuses-icon {
  width: 46px;
  display: block;
}

.features-price-number {
  margin-left: 10px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}

.mockup-img {
  z-index: 1;
  width: 333px;
  max-width: none;
  height: auto;
  display: block;
  position: relative;
}

.mockup-img.add-mon-margin {
  filter: blur(5px);
  margin-bottom: -5vw;
}

.banner-text-1 {
  background-color: #fff9d5;
  border-radius: 5px;
  padding: 3px 10px;
}

.banner-text-1.text-3-color {
  background-color: #fff;
}

.why-number-span {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  display: inline;
}

.team-img-2 {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.work-tabs-mask {
  overflow: visible;
}

.right-col-item {
  background-color: var(--white-smoke);
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.right-col-item.w--current {
  opacity: 1;
}

.right-col-item.item-3 {
  background-color: #ffefd5;
}

.right-col-item.item-6 {
  background-color: #ffe7e9;
}

.right-col-item.item-5 {
  background-color: #fadbfa;
}

.right-col-item.item-4 {
  background-color: #e5e6ff;
}

.right-col-item.item-2 {
  background-color: #e6fdd3;
}

.icons-w {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  justify-items: start;
  width: 100%;
  line-height: 1.1;
  display: grid;
}

.icons-w.hero-icons-block {
  justify-content: center;
  justify-items: center;
  max-width: 1000px;
  margin-bottom: 40px;
}

.icons-w.in-features-col {
  grid-row-gap: 15px;
  grid-auto-flow: row;
  justify-content: end;
  justify-items: end;
}

.hero-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 3% 60px;
  display: flex;
  position: relative;
}

.submit-button {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  cursor: pointer;
  background-color: #0c0c0c;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
}

.submit-button:hover {
  color: #0c0c0c;
  background-color: #fff;
  transform: none;
}

.submit-button:active {
  transform: scale(.98);
}

.combine-header-w {
  grid-column-gap: 4vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 550px) 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  align-items: start;
  display: grid;
}

.team-photo-illustration {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: -2%;
  display: none;
}

.tools-logo-2 {
  background-color: #f7f7f7;
  border-radius: 10px;
  height: 50px;
  padding: 10px 17px;
  display: block;
}

.examples-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-w {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-w.left-align {
  justify-content: flex-start;
}

.button-w.top-margin {
  margin-top: 2vw;
}

.work-img-grid {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  justify-items: center;
  width: 100%;
  display: grid;
}

.content-hor-grid {
  grid-column-gap: 16px;
  grid-row-gap: 12vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.form-subheading {
  font-size: 18px;
  line-height: 1.3;
}

.nav-menu-grid {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.feature-info-block {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  justify-items: end;
  display: grid;
}

.timeline-row-grid {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  align-items: start;
  display: grid;
  position: relative;
}

.form-field {
  color: #0c0c0c;
  background-color: #fff;
  border: 1px solid rgba(12, 12, 12, .5);
  border-radius: 5px;
  height: 52px;
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 18px;
  transition: all .15s;
}

.form-field:hover {
  border-color: #0c0c0c;
}

.form-field:focus {
  outline-offset: 0px;
  outline: 1px solid #0c0c0c;
}

.form-field::placeholder {
  color: #b3b3b3;
}

.form-field.text-area {
  min-height: 110px;
}

.scrolled-down-line {
  background-color: #0c0c0c;
  width: 1px;
  height: 60%;
}

.cloud-item-block {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  margin: 6px;
  padding: 12px 17px;
  font-size: 16px;
  display: grid;
}

.for-whom-slider-arrow {
  display: none;
}

.quote-paragraph {
  color: #0c0c0c;
  text-align: center;
  letter-spacing: -1.5px;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.4;
  display: inline;
}

.quote-paragraph.inline-block-qoute {
  display: inline-block;
}

.popup-container-2 {
  z-index: 10;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #0c0c0c;
  background-color: #fff;
  border-radius: 10px;
  width: 95%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 60px;
  position: relative;
}

.what-slide {
  width: 100%;
  height: auto;
}

.price-star {
  align-items: flex-start;
  font-size: 30px;
  line-height: 0;
  display: inline-block;
  position: relative;
  top: -25px;
}

.buttons-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
  overflow: hidden;
}

.for-content-block-w {
  grid-column-gap: 16px;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.big-text-block {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: space-around;
  justify-content: start;
  align-items: flex-start;
  justify-items: start;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.compare-item-icon {
  width: 22px;
  height: 22px;
  margin-top: 2px;
}

.compare-item-icon.add-grayscale {
  opacity: .5;
  filter: grayscale();
  width: 20px;
  height: 20px;
}

.ex-item-img {
  width: 100%;
  max-width: none;
  display: block;
}

.ex-item-img.add-blur {
  filter: blur(3px);
}

.combile-grid-w {
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: start;
  display: grid;
}

.content-grid {
  grid-column-gap: 16px;
  grid-row-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-grid.add-top-margin {
  grid-column-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4vw;
}

.loop-banner-item {
  grid-column-gap: 4vw;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  padding-right: 6vw;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 1.3;
  display: grid;
}

.horizontal-content-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  display: grid;
}

.platform-embed-icon {
  width: 100%;
  height: 100%;
}

.features-bottom-content {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  color: #5c5c5c;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  max-width: 800px;
  font-size: 14px;
  line-height: 1.3;
  display: grid;
}

.icon-item {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: #fff9d5;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  padding: 13px 20px;
  display: grid;
}

.icon-item.min-h {
  padding-top: 11px;
  padding-bottom: 11px;
}

.ex-item-img-w {
  background-color: rgba(12, 12, 12, .1);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ex-item-img-w.wb-bg {
  background-color: #d2d9d4;
}

.ex-item-img-w.kangoo-bg {
  background-color: #f4ece1;
}

.ex-item-img-w.fknots-bg {
  background-color: #f7dad6;
}

.ex-item-img-w.wt-bg {
  background-color: #dbdadd;
}

.ex-item-img-w.sommeliapp-bg {
  background-color: #e0d2db;
}

.ex-item-img-w.chant-bg {
  background-color: rgba(233, 50, 35, .25);
}

.ex-item-img-w.kampong-bg {
  background-color: #d2d8e1;
}

.ex-item-img-w.tracking-happiness-bg {
  background-color: #faecdf;
}

.ex-item-img-w.salmonsizer-bg {
  background-color: #dde7fb;
}

.ex-item-img-w.gfc-bg {
  background-color: #d1d4d9;
}

.ex-item-img-w.my-nursery-bg {
  background-color: #e9f2e4;
}

.ex-item-img-w.upstate-sc-bg {
  background-color: #d4d8ee;
}

.ex-item-img-w.moonifest-bg {
  background-color: #eaeaea;
}

.ex-item-img-w.nekobox-bg {
  background-color: #fef6e4;
}

.ex-item-img-w.scholarcash-bg {
  background-color: #fff2d4;
}

.ex-item-img-w.nyn-bg {
  background-color: #dbe3e8;
}

.ex-item-img-w.boozapp-bg {
  background-color: #fff1d4;
}

.ex-item-img-w.peculiar-yogi-bg {
  background-color: #e4ecec;
}

.ex-item-img-w.chara-bg {
  background-color: #dbe9e5;
}

.ex-item-img-w.mycfa-bg {
  background-color: #d4e0e8;
}

.ex-item-img-w.gamer-bg {
  background-color: #e3d3fe;
}

.ex-item-img-w.koh-tao-bg {
  background-color: #d0f5ff;
}

.ex-item-img-w.rush-cap-bg {
  background-color: #d9e1ee;
}

.ex-item-img-w.tavolo-bg {
  background-color: #fdf7e4;
}

.ex-item-img-w.counselora-bg {
  background-color: #e1e9fc;
}

.ex-item-img-w.dl-bg {
  background-color: #fcf0db;
}

.ex-item-img-w.last-item-bg {
  background-color: #dbf5fa;
}

.conmare-badge-block {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin-top: 10px;
  display: grid;
}

.compare-left-col {
  grid-column-gap: 16px;
  grid-row-gap: 2.5vw;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: center;
  align-items: start;
  justify-items: center;
  padding: 60px;
  display: grid;
}

.features-main-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: 0;
  display: grid;
}

.features-info-col {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: space-between;
  align-items: stretch;
  justify-items: end;
  min-height: 720px;
  max-height: 800px;
  padding-top: 50px;
  display: flex;
}

.tabs-why-blocks {
  grid-column-gap: .7vw;
  grid-row-gap: .7vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.combine-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

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

.ex-item-content-w {
  grid-column-gap: 16px;
  grid-row-gap: 25px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  padding: 25px;
  display: grid;
}

.ex-item-content-w.last-item-bg {
  background-color: #ffe96e;
}

.ex-app-btn {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: transform 20ms cubic-bezier(.215, .61, .355, 1), opacity .2s;
  display: flex;
}

.ex-app-btn:hover {
  opacity: .7;
}

.ex-app-btn:active {
  transform: scale(.98);
}

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

.bold-text.min-size {
  font-size: 20px;
}

.tools-logos-row {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: grid;
}

.tools-logos-row.row-2 {
  grid-column-gap: 30px;
}

.platform-icon-div {
  width: 40px;
  height: 40px;
}

.cloud-block {
  background-color: var(--pale-goldenrod);
  border-radius: 5px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding: 39px 30px;
  display: flex;
}

.compare-item-heading {
  font-size: 18px;
  font-weight: 600;
}

.form-header-block {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.popup-section-2 {
  z-index: 10000;
  opacity: 0;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.compare-right-col {
  grid-column-gap: 16px;
  grid-row-gap: 2.5vw;
  border-radius: 5px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: center;
  align-items: start;
  justify-items: center;
  padding: 60px;
  display: grid;
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.content-block-header-w {
  grid-column-gap: 4vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.for-whom-slider {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: auto;
  overflow: visible;
}

._2-col-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: stretch;
  display: grid;
}

._2-col-grid.top-align {
  align-content: start;
  align-items: start;
}

.timeline-grid {
  grid-column-gap: 16px;
  grid-row-gap: 3vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2vw;
  display: grid;
  position: relative;
}

.work-img-div {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 36px;
  display: block;
  overflow: hidden;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, .2);
}

.work-img-div.work-item-3 {
  margin-top: 25px;
}

.work-img-div.work-item-2 {
  margin-top: 60px;
}

.tools-logo {
  background-color: #f7f7f7;
  border-radius: 10px;
  height: 72px;
  padding: 15px 25px;
  display: block;
}

.features-left-col {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-content-grid {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.mockup-bottom-line {
  background-color: #0c0c0c;
  border-radius: 60px;
  width: 40%;
  height: 40px;
  transform: translate(0, -50%);
}

.ex-app-img {
  height: 40px;
  display: block;
}

.compare-badge-text {
  font-size: 18px;
}

.tabs-why-icon-w {
  background-color: #fff;
  border-radius: 50px;
  width: 70px;
  height: 70px;
  padding: 15px;
  overflow: hidden;
}

.tabs-why-icon-w.no-bg {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  overflow: visible;
}

.star-icon-text {
  font-size: 24px;
  line-height: 1;
}

.btn-embed-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.timeline-step {
  color: #0c0c0c;
  background-color: #fff;
  border: 3px solid #ffee8d;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  font-size: 28px;
  font-weight: 400;
  display: flex;
}

.icon-2 {
  width: 32px;
  max-width: none;
  height: auto;
  display: block;
}

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

.compare-emoji {
  width: 70px;
  height: 70px;
}

.compare-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  justify-items: start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.iphone-mockup-w {
  z-index: 1;
  background-color: #0c0c0c;
  border: 5px solid #000;
  border-radius: 30px 30px 0 0;
  margin-bottom: -10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}

.iphone-mockup-w.add-borders {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 0;
}

.for-whom-slider-w {
  width: 100%;
  max-width: 100vw;
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
}

.work-img {
  display: block;
}

.work-img.add-blur {
  filter: blur(6px);
}

.combine-item-header {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.contact-link-text-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.compare-list-w.gray-text {
  color: #848383;
}

.content-block-header {
  margin-bottom: 4vw;
}

.content-block-header.more-w {
  max-width: 70%;
  margin-bottom: 6vw;
}

.embed-logo {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.footer-logo-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.what-slider {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
  position: relative;
}

.popup-overflow {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  padding-top: 3%;
  padding-bottom: 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-price {
  text-align: right;
  font-size: 20px;
}

.header-grid-block {
  grid-column-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.nav-btn {
  color: #fff;
  text-align: center;
  background-color: #0c0c0c;
  border: 1px solid #000;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 9px 20px 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.nav-btn:hover {
  color: #0c0c0c;
  background-color: #fff;
}

.work-tab-container {
  grid-column-gap: 30px;
  grid-row-gap: 50px;
  background-color: var(--white-smoke);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  padding: 50px;
  display: grid;
  position: relative;
}

.work-tab-container.great-app-tab {
  background-color: var(--pale-goldenrod);
}

.giant-text-span {
  font-size: 100px;
  font-weight: 500;
  line-height: 1.3;
}

.form-heading {
  font-size: 34px;
  font-weight: 600;
  line-height: 110%;
}

.scrolled-down-line-w {
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.what-slider-mask {
  height: auto;
}

.what-slider-content {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1200px;
  height: auto;
  display: grid;
  overflow: hidden;
}

.popup-bg-2 {
  z-index: 1;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: rgba(12, 12, 12, .1);
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ex-item {
  background-color: #f7f7f7;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.error-message-3 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: rgba(255, 89, 89, .5);
  border-radius: 5px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
}

.ex-item-btns-block {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  display: grid;
}

.h1-2 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 900;
  line-height: 1.1;
  display: block;
}

.h1-2.center-align {
  text-align: center;
}

.h1-2.in-quiz {
  color: var(--black-2);
  flex: 1;
  align-self: center;
  margin-right: auto;
  font-size: 66px;
  line-height: 1;
  display: block;
}

.h1-2.min-size {
  max-width: 700px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.3;
}

.h1-2.min-size.center-aling {
  text-align: center;
}

.h1-2.min-size.no-min-width {
  max-width: none;
}

.compare-grid {
  grid-column-gap: 4vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: stretch;
  display: grid;
}

.ex-item-info-block {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  display: grid;
}

.compare-header-block {
  border-radius: 5px;
  padding: 0;
}

.info-icon {
  opacity: .7;
  width: 22px;
  max-width: none;
  height: 22px;
  margin-top: 5px;
  display: none;
}

.ex-item-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}

.close-popup-btn-2 {
  cursor: pointer;
  background-color: #525252;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 9px;
  transition: all .15s;
  display: flex;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: auto;
  right: 10px;
}

.close-popup-btn-2:hover {
  background-color: #7a7b7c;
  padding: 8px;
}

.combine-item {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding: 0;
  display: grid;
}

.team-img-div {
  box-shadow: none;
  border: 2px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
  position: relative;
  top: -9px;
  left: -14px;
  overflow: hidden;
}

.team-img-div.img-2 {
  position: relative;
  top: 159px;
  left: -59px;
}

.team-img-div.img-3 {
  top: -23px;
  left: -96px;
}

.team-img-div.img-4 {
  top: 166px;
  left: 25px;
}

.team-img-div.img-5 {
  position: relative;
  top: 100px;
  left: 108px;
}

.for-whom-slide {
  height: auto;
  left: -300%;
}

.features-list-w {
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  background-color: var(--gold-3);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  padding: 60px;
  display: grid;
  overflow: hidden;
}

.contact-us-block {
  grid-column-gap: 16px;
  grid-row-gap: 25px;
  text-align: center;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  padding: 0;
  display: grid;
}

.contact-us-block.add-max-w {
  max-width: 70%;
  margin-top: 3vw;
}

.gray-text-block {
  grid-column-gap: 16px;
  grid-row-gap: 25px;
  text-align: right;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  justify-items: end;
  padding: 0;
  display: grid;
}

.examples-container {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.tabs-why-item {
  grid-column-gap: 16px;
  grid-row-gap: 25px;
  background-color: var(--gold-3);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding: 30px;
  display: grid;
}

.pc-scroll-down {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #0c0c0c;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 52px;
  padding: 20% 20% 66%;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.pc-scroll-down:hover {
  background-color: #fafafa;
}

.compare-header {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  justify-items: center;
  font-size: 34px;
  display: grid;
}

.compare-header.old-way-col {
  color: rgba(12, 12, 12, .5);
  text-align: center;
}

.giant-text {
  margin-bottom: 2vw;
  font-family: Sfprodisplay, sans-serif;
  font-size: 66px;
  font-weight: 900;
  line-height: 1.2;
}

.list-w {
  grid-column-gap: 16px;
  grid-row-gap: .65vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 21px;
  display: grid;
}

.tools-logos-grid {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.for-whom-img-w {
  background-color: #0c0c0c;
  border: 5px solid #000;
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 193px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 11px 11px 25px -5px rgba(0, 0, 0, .35);
}

.for-whom-img-w.add-top-margin {
  margin-top: 60px;
}

.for-whom-slide-block {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ex-text-block {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-size: 15px;
  line-height: 1.2;
  display: grid;
}

.slider-overflow {
  z-index: 200;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.compare-badge-item {
  color: rgba(12, 12, 12, .5);
  background-color: #ffd5cb;
  border-radius: 5px;
  padding: 5px 15px;
}

.compare-badge-item.new-way-badge {
  color: #0c0c0c;
  background-color: #fff9d5;
}

.timeline-content-block {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  text-align: right;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  justify-items: end;
  display: grid;
}

.timeline-content-block.right-side {
  text-align: left;
  justify-content: start;
  justify-items: start;
}

.tab-btn-block {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  height: 100%;
  margin: 0;
  padding: 18px 30px;
  display: flex;
}

.tab-btn-block:hover {
  transform: none;
}

.cloud-item-icon {
  width: 22px;
}

.cloud-item-icon.bicycle-icon {
  position: relative;
  top: -4px;
}

.works-tab-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 4vw;
  display: grid;
}

.content-block-w {
  grid-column-gap: 4vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.content-block-w.horizontal-content-grid {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-direction: column;
  grid-auto-flow: row;
  align-items: stretch;
  margin-bottom: 100px;
  display: flex;
  position: relative;
}

.success-message-3 {
  background-color: #fff9d5;
  border-radius: 5px;
  padding: 15px;
  font-size: 16px;
}

.success-message-3.white-bg {
  background-color: #fff;
}

.mockup-top-bar {
  background-color: #0c0c0c;
  border-radius: 5px;
  width: 30%;
  height: 4px;
  margin-bottom: 3%;
}

.youtop-embed-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.for-whom-slider-nav {
  display: none;
}

.form-heading-icon {
  width: 40px;
}

.hor-swipe-div-2 {
  flex-direction: column;
  display: none;
}

.loop-banner-w {
  z-index: 100;
  color: #0c0c0c;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: auto;
  margin-left: -4%;
  margin-right: -4%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.loop-banner-w.in-tab-pane {
  background-color: #fff;
  margin-left: -40vw;
  margin-right: -40vw;
  position: absolute;
  top: auto;
  bottom: 37%;
  left: 0%;
  right: 0%;
  transform: none;
}

.loop-banner-w.top-margin {
  margin-top: 6vw;
}

.tabs-why-icon {
  display: block;
  position: relative;
}

.tabs-why-icon.move-right {
  position: relative;
  right: -2px;
}

.combine-header {
  font-family: Sfprodisplay, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.3;
}

.quiz-hero-bg {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.quiz-hero-bg-img {
  z-index: 1;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.quiz-tabs {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: static;
}

.new-quiz-form-container {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
}

.quiz-tabs-menu {
  z-index: 100;
  flex-wrap: wrap;
  order: -1;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
  position: absolute;
  top: 5%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.quiz-tabs-content {
  flex: 1;
  height: 100%;
  position: static;
  overflow: visible;
}

.quiz-tab-pane {
  z-index: 100;
  height: 100%;
  position: relative;
}

.quiz-block-body {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.success-mess-div {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  font-size: 18px;
  line-height: 1.5;
  display: grid;
}

.nav-right-block {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.cloud-embed {
  z-index: 1;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.embed-cloud-w {
  background-image: url('../images/yellow-cloud.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 140px;
  padding-bottom: 8px;
  display: flex;
  position: absolute;
  top: -15px;
  bottom: auto;
  left: -20px;
  right: auto;
  transform: translate(-38px, -29px)rotate(-9deg);
}

.embed-cloud-w.in-popup {
  width: 160px;
  height: 125px;
  padding-bottom: 9px;
  top: -10px;
}

.embed-cloud-w.in-quiz {
  background-image: url('../images/yellow-cloud.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 160px;
  height: 114px;
  top: -6px;
  bottom: -6px;
  left: -27px;
  right: -12px;
}

.cloud-text {
  z-index: 2;
  color: var(--black-2);
  text-align: center;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  position: relative;
  transform: rotate(-7deg);
}

.new-section.move-to-wave {
  z-index: 1;
  margin-top: -300px;
  position: relative;
}

.new-section.move-to-wave.work-section {
  display: none;
}

.new-section.more-z-index {
  z-index: 100;
  position: relative;
}

.new-section.more-z-index.hide-section {
  display: none;
}

.new-section.move-to-wave-2 {
  z-index: 1;
  margin-top: -36vh;
  margin-bottom: -36vh;
  position: relative;
}

.new-section.scroll-section {
  z-index: 100;
  position: relative;
}

.new-section.min-margins {
  margin-top: -70px;
  margin-bottom: -70px;
}

.new-section.max-w {
  max-width: 100vw;
  overflow: hidden;
}

.small-container {
  width: 95%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.small-container.add-bottom-margin {
  z-index: 10;
  margin-bottom: 77px;
  padding-bottom: 301px;
  position: relative;
}

.small-container.bottom-margin {
  margin-bottom: 80px;
}

.small-container.hide {
  display: none;
}

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

.new-section-block {
  margin-top: -10px;
  margin-bottom: -10px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.new-section-block.gray-bg {
  background-color: var(--white-smoke);
}

.new-section-block.gray-bg.more-top-padding-2 {
  background-color: rgba(248, 248, 248, 0);
  padding-top: 50vh;
  padding-bottom: 50vh;
  position: relative;
}

.new-section-block.gray-bg.more-bottom-padding {
  padding-bottom: 350px;
}

.new-section-block.gray-bg.relative {
  z-index: 10;
  padding-bottom: 60px;
  position: relative;
}

.new-section-block.yellow-bg {
  background-color: var(--pale-goldenrod);
}

.new-section-block.yellow-bg.more-top-padding {
  padding-top: 350px;
}

.new-section-block.yellow-bg.add-overflow {
  overflow: hidden;
}

.new-section-block.yellow-bg.relatiive {
  z-index: 3;
  margin-top: -10px;
  padding-top: 0;
  position: relative;
}

.new-section-block.yellow-bg.min-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

.new-section-block.quote-sticky-block {
  flex-direction: column;
  margin-top: -20px;
  margin-bottom: -20px;
  padding-top: 90px;
  padding-bottom: 110px;
  display: flex;
}

.new-section-block.more-top-padding-2 {
  padding-top: 50vh;
  padding-bottom: 50vh;
}

.new-section-block.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.embed-wave {
  width: 100%;
}

.embed-wave-block {
  z-index: 2;
  width: 100%;
  max-width: 100vw;
  padding-top: 60px;
  position: relative;
  overflow: hidden;
}

.embed-wave-block.bottom-block {
  padding-top: 0;
  padding-bottom: 60px;
}

.embed-wave-block.bottom-block.hide-block {
  display: none;
}

.embed-wave-block.bottom-block.no-bottomn-padding {
  padding-bottom: 0;
}

.embed-wave-block.bottom-block.gray-bg {
  padding-top: 0;
}

.embed-wave-block.bottom-block.white-bg {
  background-color: var(--white);
}

.embed-wave-block.min-h {
  display: none;
}

.embed-wave-block.gray-bg {
  background-color: var(--white-smoke);
  flex-flow: row;
  justify-content: flex-start;
  padding-top: 60px;
  padding-bottom: 0;
}

.steps-main-w {
  grid-column-gap: 16px;
  grid-row-gap: 140px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 140px;
  display: grid;
}

.step-item-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.step-item-row.second-row {
  grid-template-columns: .25fr 1fr;
}

.step-item-col {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  min-height: 350px;
  padding-top: 0;
  display: grid;
  position: relative;
}

.step-item-number {
  z-index: 1;
  color: var(--gold-3);
  text-shadow: 0 5px 30px rgba(0, 0, 0, .15);
  font-family: Sfprodisplay, sans-serif;
  font-size: 300px;
  font-weight: 700;
  line-height: .8;
  display: none;
  transform: none;
}

.step-item-number.right-align {
  top: 0%;
  bottom: auto;
  left: -14%;
  right: auto;
}

.step-item-lines-w {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  justify-content: end;
  align-items: end;
  justify-items: end;
  width: 90%;
  padding-top: 15px;
  display: grid;
}

.step-item-number-w {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 340px;
  display: flex;
  position: relative;
}

.step-item-line {
  background-color: var(--utagroup-bg);
  border-radius: 0;
  width: 100%;
  height: 38px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}

.step-item-line.line-2 {
  width: 80%;
}

.step-item-line.line-2.no-shadow {
  box-shadow: none;
}

.step-item-line.line-3 {
  width: 60%;
}

.step-item-line.line-3.no-shadow {
  box-shadow: none;
}

.step-item-line.line-4 {
  width: 40%;
}

.step-item-line.line-4.no-shadow {
  box-shadow: none;
}

.step-item-content {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.step-arrow-block {
  justify-content: center;
  align-items: flex-end;
  display: none;
  position: relative;
}

.step-embed-arrow {
  width: 100%;
  height: 100%;
}

.step-embed-arrow-w {
  color: var(--black-2);
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  position: absolute;
  bottom: -70px;
}

.services-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
}

.services-grid._3-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
  margin-bottom: 80px;
}

.services-grid._3-column.annual-tarif {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.services-grid._3-column.no-margin {
  margin-bottom: 0;
}

.service-item {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: end;
  justify-items: end;
  padding: 40px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.service-item.yellow-item {
  background-color: var(--gold-3);
}

.service-item.left-aling {
  grid-row-gap: 20px;
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: start;
}

.service-item.left-aling.black-border {
  border: 2px solid #000;
  margin-bottom: 0;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.service-item.left-aling.more-gap {
  grid-row-gap: 40px;
  grid-template-rows: 1fr;
  grid-auto-rows: auto;
}

.service-item.left-aling.more-gap.black-item {
  background-color: var(--black);
  color: var(--gold-3);
}

.service-item.left-aling.no-shadow {
  box-shadow: none;
}

.service-item.left-aling.no-shadow.gray-bg {
  background-color: var(--white-smoke-2);
}

.service-item.left-aling.no-shadow.gold-border {
  box-shadow: none;
}

.service-item.left-aling.gold-border {
  border: 2px solid var(--gold-2);
  margin-bottom: 0;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.service-content-block {
  flex-flow: column;
  align-items: flex-start;
}

.service-content-block.flex-vertical {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tab-button {
  background-color: var(--white);
  text-transform: uppercase;
  border: 2px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
  transition: all .15s;
  display: flex;
  overflow: hidden;
  box-shadow: 4px 4px #000;
}

.tab-button:hover {
  transform: translate(6px, 6px);
  box-shadow: 0 0 #000;
}

.tab-button.w--current {
  background-color: var(--gold);
}

.new-tabs-menu {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
  margin-bottom: 60px;
  display: grid;
}

.new-tabs-w {
  display: none;
}

.new-tabs-content {
  border-radius: 16px;
  width: 100%;
  height: auto;
  min-height: 600px;
  padding: 51px;
  position: relative;
  overflow: hidden;
}

.tab-bg-w {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-bg-overlay {
  z-index: 2;
  background-color: rgba(248, 248, 248, .5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-bg-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-item-content {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, .7);
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 50%;
  padding: 41px;
  display: grid;
  position: relative;
}

.tab-embed-icon {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: flex;
}

.text-block-icon {
  width: 52px;
  margin-left: -4px;
}

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

.text-block {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: grid;
}

.main-text-grid {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.adv-slider-w {
  padding-bottom: 50px;
  display: none;
}

.adv-slider {
  background-color: var(--white-smoke);
  border-radius: 16px;
  height: auto;
}

.adv-slider-mask, .adv-slide {
  height: auto;
}

.adv-slider-nav {
  font-size: 14px;
  bottom: -50px;
}

.adv-slider-left-arrow {
  color: var(--black-2);
  width: 80px;
  font-size: 32px;
}

.adv-slide-container {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  padding: 50px 80px;
  display: grid;
}

.adv-slide-text-col {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  display: grid;
}

.adv-slide-img-col {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.adv-slide-img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.case-slider-w {
  grid-column-gap: 16px;
  grid-row-gap: 70px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  justify-content: center;
  justify-items: center;
  max-width: 100%;
  display: grid;
  position: relative;
}

.case-slider {
  background-color: rgba(0, 0, 0, 0);
  max-width: 100vw;
  height: auto;
  margin-top: 20px;
  margin-bottom: 80px;
}

.case-slider-mask {
  max-width: 1200px;
  height: auto;
  overflow: visible;
}

.case-slide {
  height: auto;
}

.case-slide-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .45fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-slide-content {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-right: 40px;
  font-size: 18px;
  display: grid;
}

.case-slider-nav {
  display: none;
}

.case-slider-arrow {
  color: var(--black-2);
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 50px;
  margin: auto;
  padding: 8px 62px;
  font-size: 26px;
  transition: all .15s;
  display: flex;
  top: auto;
  bottom: -70px;
  left: 50%;
  right: auto;
  transform: translate(-110%);
}

.case-slider-arrow:hover {
  opacity: .5;
}

.case-slider-arrow.right-arrow {
  left: auto;
  right: 50%;
  transform: translate(110%);
}

.case-slide-img-w {
  width: 100%;
  position: relative;
}

.case-slide-img {
  z-index: 1;
  border-radius: 10px;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  box-shadow: 0 5px 15px -2px rgba(0, 0, 0, .2);
}

.case-slide-name {
  text-transform: uppercase;
  font-family: Sfprodisplay, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  display: none;
}

.case-slide-header {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-slide-number {
  font-family: Sfprodisplay, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  display: none;
}

.case-slide-number-div {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  font-size: 18px;
  line-height: 1.5;
  display: grid;
}

.case-slide-number-div.border-div {
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 15px;
}

.case-slide-number-div.before-block {
  color: #ff4747;
}

.case-slide-number-grid {
  grid-column-gap: 15px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-slide-quote-w {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.case-slide-quote-div {
  padding-left: 30px;
  position: relative;
}

.case-slide-quote-info {
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.case-slide-quote-p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.4;
}

.case-slide-quote-mark {
  font-family: Oswald, sans-serif;
  font-size: 60px;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: 0;
  right: auto;
}

.case-slide-quote-mark.bottom-mark {
  line-height: 1.2;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -3%;
}

.case-slide-company-name {
  margin-right: 10px;
  font-family: Turbinado, sans-serif;
  font-size: 26px;
}

.app-paragraph {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
}

.app-paragraph.inline-p {
  display: inline;
}

.app-text-block {
  grid-column-gap: 16px;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.app-text-block.add-max-w {
  max-width: 90%;
}

.app-text-block.add-max-w-2 {
  max-width: 61%;
}

.app-text-block._3-col-text {
  z-index: 2;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-between;
  justify-items: stretch;
  padding-top: 40px;
  padding-bottom: 145px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.faq-block-w {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.faq-dd-list.w--open {
  background-color: var(--white);
  padding: 0 30px 12px;
  position: relative;
}

.faq-dd-icon {
  margin-left: auto;
  margin-right: 0;
  position: relative;
}

.new-popup-section {
  z-index: 10000;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, .2);
  flex-direction: column;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.new-popup-container {
  z-index: 100;
  width: 95%;
  max-width: 650px;
  margin: 8% auto 5%;
  position: relative;
}

.graph-lottie {
  width: 100%;
}

.graph-lottie-w {
  width: 95%;
  max-width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.graph-lottie-w.hide {
  display: none;
}

.case-slide-img-overflow {
  z-index: 5;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.case-slide-logo-div {
  z-index: 10;
  opacity: 1;
  background-color: rgba(197, 197, 197, .7);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.case-slide-logo-img {
  max-width: 65%;
  max-height: 90px;
}

.case-slide-tags-w {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: -5px;
  display: flex;
}

.case-slide-tag {
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-right: 13px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.case-slide-tag.regular-text {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.big-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 90%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.big-container.add-gap {
  grid-row-gap: 80px;
}

.map-image {
  width: auto;
  max-width: 1825px;
  height: 580px;
  margin: -50px auto -70px;
  display: none;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.hero-woman-img {
  width: 100%;
  max-width: 500px;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.hero-woman-img-w {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.navbar-top-block {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
  position: relative;
}

.navbar-bottom-block {
  z-index: 5;
  grid-column-gap: 30px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  justify-content: space-between;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: none;
  position: relative;
  overflow: auto;
}

.adv-main-grid {
  grid-column-gap: 16px;
  grid-row-gap: 140px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
}

.topwork-lottie-w {
  margin-top: -30px;
}

.crown-lottie {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.bonus-contact-list-3, .bonus-sales-list, .bonus-sales-list-2, .bonus-sales-list-3 {
  z-index: 1;
  flex: none;
  width: 100%;
  position: relative;
}

.adv-header-div {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.form-subheader-div {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  display: grid;
}

.form-subheader-div.in-popup {
  grid-column-gap: 15px;
}

.h2-top-subheader {
  color: var(--black-2);
  letter-spacing: 1px;
  font-family: A note, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
}

.h2-top-subheader.no-margin {
  margin-bottom: 0;
}

.h2-top-subheader.big {
  font-size: 60px;
}

.h2-top-subheader.more-height-t {
  line-height: 1.4;
}

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

.container-grid._2-column {
  grid-template-columns: auto 1fr;
}

.sales-tabs {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  justify-content: space-between;
  align-items: start;
  justify-items: start;
  display: grid;
}

.sales-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: flex-start;
  justify-items: start;
  max-width: 480px;
  display: grid;
}

.sales-tabs-btn {
  color: rgba(0, 0, 0, .25);
  text-transform: uppercase;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.1;
  transition: all .1s;
}

.sales-tabs-btn:hover {
  text-decoration: underline;
}

.sales-tabs-btn.w--current {
  color: var(--black-2);
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}

.sales-tabs-content {
  flex: 1;
  width: 100%;
  margin-top: -260px;
  margin-bottom: -200px;
}

.sales-tab-container {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  height: 880px;
  padding-left: 180px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sales-tab-container.min-height {
  height: 650px;
}

.sales-scroll-div {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  justify-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  font-size: 30px;
  line-height: 1.2;
  display: grid;
  position: relative;
}

.sales-scroll-div.x-left {
  justify-items: start;
}

.sales-tabs-overflow {
  z-index: 10;
  background-image: linear-gradient(to bottom, var(--pale-goldenrod), rgba(255, 243, 175, .6) 10%, rgba(255, 243, 175, 0) 15%, rgba(255, 243, 175, 0) 85%, rgba(255, 243, 175, .6) 90%, var(--pale-goldenrod));
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sales-tabs-overflow.gray-gradient {
  background-image: linear-gradient(0deg, rgba(248, 248, 248, 0) 46%, rgba(248, 248, 248, .9) 76%);
  height: 20vh;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.sales-tabs-overflow.gray-gradient.bottom {
  background-image: linear-gradient(rgba(248, 248, 248, 0) 46%, rgba(248, 248, 248, .9) 76%);
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.phone-mockup-w {
  justify-content: center;
  align-items: center;
  display: flex;
}

.iphone-mockup-img {
  z-index: 100;
  width: 400px;
  display: block;
  position: relative;
}

.iphone-mockup-img.in-quiz {
  width: 280px;
}

.iphone-mockup-block {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.phone-video-div {
  z-index: 1;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 15px 19px 15px 20px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.phone-video-div.in-quiz {
  border-radius: 50px;
}

.phone-mockup-video {
  width: 100%;
  height: 100%;
}

.phone-icon-1 {
  width: 60px;
  position: absolute;
  top: 60px;
  bottom: auto;
  left: auto;
  right: -100px;
  transform: rotate(40deg);
}

.phone-icon {
  width: 40px;
  position: absolute;
  top: 140px;
  bottom: auto;
  left: -90px;
  right: auto;
  transform: rotate(-45deg);
}

.crown-icon-2-2 {
  width: 40px;
  position: absolute;
  top: 5px;
  bottom: auto;
  left: auto;
  right: -70px;
  transform: rotate(30deg);
}

.crown-icon-2-2.in-quiz-2 {
  top: -45px;
  bottom: auto;
  left: 27px;
  right: auto;
}

.crown-icon-1-2 {
  width: 60px;
  position: absolute;
  top: 5px;
  bottom: auto;
  left: -70px;
  right: auto;
  transform: rotate(-30deg);
}

.new-quiz-grid {
  z-index: 100;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: start;
  height: 100%;
  display: flex;
  position: relative;
}

.phone-right-col {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 0;
  display: none;
}

.new-quiz-hero-col {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr;
  grid-auto-columns: .5fr;
  grid-auto-flow: row;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.quiz-hero-checks.center-aling {
  grid-row-gap: 40px;
  justify-items: center;
  margin-bottom: 50px;
}

.nav-quiz-text {
  background-color: var(--gold);
  margin-top: -5px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}

.quiz-nav-col {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: end;
  align-items: center;
  justify-items: end;
  padding-right: 30px;
  display: grid;
}

.quiz-contacts-grid {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: auto;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.quiz-contacts-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--black-2);
  text-align: center;
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  justify-items: start;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
  display: grid;
}

.quiz-contacts-link-block:hover {
  text-decoration: none;
}

.quiz-contact-icon {
  width: 26px;
  height: 26px;
  margin-right: 12px;
  display: block;
}

.loop-text-badge-w {
  max-width: 100vw;
  margin-top: 110px;
  overflow: hidden;
}

.loop-text-badge-w.no-margin {
  margin-top: 0;
}

.loop-text-badge-block {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  margin-left: -651px;
  display: flex;
  overflow: hidden;
}

.loop-text-badge {
  grid-column-gap: 5vw;
  grid-row-gap: 16px;
  color: var(--gold-3);
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: end;
  justify-content: start;
  align-items: center;
  justify-items: start;
  padding-right: 5vw;
  display: grid;
}

.loop-text-badge.black-text {
  color: var(--black-2);
}

.loop-badge-text {
  text-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 5vw;
  font-weight: 900;
  line-height: 1.4;
}

.badge-dot-w {
  border-radius: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.2vw;
  height: 1.2vw;
  display: none;
}

.badge-dot {
  box-shadow: none;
  background-color: #8565b1;
  border-radius: 80px;
  width: 100%;
  height: 100%;
}

.adv-icon-w {
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
}

.h1-glitch-wrapper {
  margin-bottom: 15px;
  position: relative;
}

.glitch-text-h1 {
  z-index: 5;
  color: var(--gold-3);
  text-transform: uppercase;
  text-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 120px;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

.glitch-text-h1.front-1 {
  z-index: 6;
  color: #d4b501;
  text-shadow: none;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.glitch-text-h1.front-1.hide-font-1 {
  display: none;
}

.glitch-text-h1.front-2 {
  z-index: 7;
  color: #e2c000;
  text-shadow: none;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.glitch-text-h1.front-3 {
  z-index: 8;
  text-shadow: none;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.glitch-text-h1.min-size {
  font-size: 5vw;
}

.glitch-text-h1.min-size.left-aling {
  text-align: left;
}

.map-img-w {
  background-image: url('../images/new-map-asset-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  width: auto;
  height: 600px;
  margin-top: -50px;
  margin-bottom: -70px;
  display: block;
}

.text-block-4 {
  font-size: 22px;
  line-height: 24px;
}

.services-links-w {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.services-links-w.gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.service-link {
  color: var(--black-2);
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 30px;
  font-size: 22px;
  line-height: 1.4;
  text-decoration: underline;
  transition: all .1s;
  display: inline-block;
}

.service-link:hover {
  text-decoration: none;
}

.service-slider-w {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 40%;
  grid-auto-flow: column;
  height: 100%;
  margin-top: -50vh;
  margin-bottom: -50vh;
  display: grid;
  position: relative;
}

.service-slider-img-col {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.service-slider-content {
  z-index: 1;
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  width: 95%;
  max-width: 1200px;
  margin: -50vh auto;
  padding-top: 20vh;
  padding-bottom: 20vh;
  display: grid;
  position: relative;
}

.service-img-div {
  z-index: 1;
  opacity: 0;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.service-img-div.w--current {
  opacity: 1;
}

.slider-item {
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 50%;
  padding-top: 30vh;
  padding-bottom: 30vh;
  display: block;
}

.slider-item.first-item {
  padding-top: 85vh;
}

.slider-item.last-item {
  padding-bottom: 85vh;
}

.service-img-overflow {
  z-index: 10;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.services-slide-img {
  z-index: 1;
  object-fit: cover;
  object-position: 50% 50%;
  width: 80%;
  max-width: none;
  height: 100%;
  display: block;
}

.services-slide-img.right-align {
  object-position: 100% 50%;
}

.services-slide-img.left-align {
  object-position: 30% 50%;
}

.services-slide-img.right-align-2 {
  object-position: 100% 50%;
}

.service-mobile-img-div {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.service-mobile-img-div.w--current {
  opacity: 1;
}

.slider-content-block {
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.slider-content {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  display: grid;
  position: relative;
}

.slider-item-list-w {
  width: 71%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: -83%;
}

.slider-item-tag {
  background-color: var(--gold-3);
  margin-bottom: 20px;
  margin-right: 13px;
  padding: 6px 10px;
  font-family: Euclid, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
}

.slider-item-tag.width-m {
  width: 100%;
}

.service-images-col {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.service-slide-img-overflow {
  z-index: 20;
  background-image: linear-gradient(110deg, var(--white-smoke), #f8f8f8 47%, rgba(248, 248, 248, .7) 47%, rgba(248, 248, 248, .2));
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.service-slide-img-overflow.white-bg {
  background-image: linear-gradient(110deg, var(--white) 30%, #f8f8f8 47%, rgba(255, 255, 255, .7) 47%, rgba(248, 248, 248, .2));
}

.list-item-block {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  background-color: var(--domos-bg);
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: end;
  justify-items: end;
  padding: 50px 27% 50px 50px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

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

.bg-line {
  z-index: 1;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-line-w {
  width: 230px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.road-cross-icon {
  z-index: 5;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 45px;
  bottom: auto;
  left: auto;
  right: 125px;
}

.road-dot-icon {
  z-index: 5;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 105px;
  left: auto;
  right: 50px;
}

.road-dot-icon.dot-2 {
  right: 180px;
}

.road-pin-icon {
  z-index: 5;
  width: 48px;
  height: 48px;
  position: absolute;
  top: auto;
  bottom: 56px;
  left: 92px;
  right: auto;
}

.btn-icon {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}

.btn-icon.no-margin {
  margin-left: 0;
}

.badges-block {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  margin-top: 20px;
  display: grid;
}

.badges-block._1-rows {
  grid-template-rows: auto;
}

.factors-grid {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.factor-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  box-shadow: none;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.factors-icon {
  width: 140px;
}

.factor-item-header {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: center;
  align-items: center;
  justify-items: start;
  display: grid;
}

.factors-man-img {
  width: 100%;
}

.factors-man-info-block {
  z-index: 5;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 110%;
  margin-left: -5%;
  display: flex;
  position: relative;
}

.factors-team-info-div {
  background-color: var(--white-smoke);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 30px 30px 30px 60px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  overflow: hidden;
}

.factors-man-block {
  position: -webkit-sticky;
  position: sticky;
  top: 20vh;
}

.team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-grid-item {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-item-icon {
  width: 110px;
}

.team-item-icon.top-margin {
  margin-top: -20px;
}

.form-fields-grid {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.steps-form-block {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-bottom: 40px;
  display: grid;
}

.steps-form-item {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.steps-form-number {
  background-color: var(--gold);
  border: 2px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 25px;
  display: flex;
}

.service-item-btns-w {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: auto;
  justify-content: flex-end;
  justify-items: end;
  display: flex;
}

.service-item-btns-w.left-aling {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.quiz-nav-left-col {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  justify-items: start;
  display: grid;
}

.quiz-hero-bg-gradient {
  z-index: 10;
  background-image: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.quiz-btn-big-text {
  font-size: 26px;
  line-height: 1.2;
}

.quiz-btn-big-text.min-text {
  font-size: 22px;
}

.btn-text-div {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quiz-big-btn-lottie {
  width: 40px;
  margin-top: 5px;
  margin-bottom: 0;
  overflow: hidden;
}

.quiz-big-btn-lottie.rotate-icon {
  margin-top: 0;
  margin-bottom: 5px;
  transform: rotate(-180deg);
}

.quiz-btn-blick-block {
  z-index: 10;
  background-color: rgba(255, 255, 255, .8);
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  transform: skew(-25deg);
}

.quiz-btn-blick-div {
  background-color: rgba(255, 255, 255, .85);
  width: 67%;
}

.quiz-btn-blick-w {
  z-index: 10;
  width: 50px;
  height: 150%;
  position: absolute;
  top: -25%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.quiz-btn-blick-w.for-slowly-animation.hide-blick, .quiz-btn-blick-w.for-fast-animation.hide-blick {
  display: none;
}

.quiz-features-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  display: grid;
  position: relative;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.quiz-features-grid.in-quiz {
  grid-column-gap: 10px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: auto;
  justify-content: center;
  justify-items: center;
  width: 100%;
  display: grid;
  position: absolute;
  top: -55px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.quiz-features-item {
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  justify-content: start;
  justify-items: start;
  padding: 0;
  display: grid;
}

.quiz-features-item.in-steps {
  grid-column-gap: 5px;
  background-color: var(--gold-3);
  box-shadow: none;
  border-radius: 5px;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  justify-items: center;
  width: auto;
  padding: 6px 8px;
}

.quiz-features-item.center-align {
  justify-content: center;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
}

.quiz-features-icon {
  width: 38px;
}

.quiz-features-icon.in-step {
  width: 15px;
  margin-top: -1px;
  display: block;
}

.btn-ps-div {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  max-width: 170px;
  font-size: 14px;
  line-height: 1.2;
  display: grid;
}

.btn-ps-icon {
  width: 32px;
}

.quiz-contacts-block {
  background-color: var(--utagroup-bg);
  color: var(--black-2);
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.n-quiz-footer {
  z-index: 100;
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.n-quiz-footer-container {
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-size: 14px;
  display: flex;
}

.quiz-footer-logo {
  height: 20px;
  position: relative;
  top: 4px;
}

.quiz-footer-link {
  color: var(--black-2);
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
  transition: all .1s;
}

.quiz-footer-link:hover {
  text-decoration: none;
}

.quiz-footer-links-block {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.brief-radiobtn-btn-in-quiz {
  float: none;
  background-color: var(--domos-bg);
  background-image: url('../images/radiobtn-empty.svg');
  background-position: 28px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 2px #000;
  border-radius: 50px;
  flex: none;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: all .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.brief-radiobtn-btn-in-quiz:hover {
  background-color: var(--gold-2);
  box-shadow: none;
}

.brief-radiobtn-btn-in-quiz.w--redirected-checked {
  border-width: 2px;
  border-color: var(--black);
  background-color: var(--gold);
  background-image: url('../images/radiobtn-checked.svg');
  background-position: 28px;
  background-repeat: no-repeat;
  background-size: auto;
}

.brief-radiobtn-btn-in-quiz.w--redirected-focus {
  box-shadow: none;
  border-style: none;
}

.brief-checkbox-btn-in-quiz {
  float: none;
  background-color: var(--domos-bg);
  background-image: url('../images/checkbox-empty.svg');
  background-position: 28px;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  border-radius: 50px;
  flex: none;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: all .2s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.brief-checkbox-btn-in-quiz:hover {
  background-color: var(--gold-2);
}

.brief-checkbox-btn-in-quiz.w--redirected-checked {
  background-color: var(--gold);
  background-image: url('../images/checkbox-checked.svg');
  background-position: 28px;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
}

.brief-checkbox-btn-in-quiz.w--redirected-focus {
  box-shadow: none;
  border-style: none;
}

.quiz-label-span {
  color: rgba(0, 0, 0, .7);
  font-size: 15px;
  font-weight: 400;
}

.quiz-feature-item-header {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
}

.quiz-nav-btn {
  grid-column-gap: 5px;
  grid-row-gap: 16px;
  background-color: var(--black-2);
  color: var(--white);
  cursor: pointer;
  border-radius: 60px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .1s;
  display: grid;
}

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

.nav-contacts-w {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: none;
}

.nav-contact-btn {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  background-color: var(--gold);
  color: #131313;
  cursor: pointer;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 9px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: all .15s;
  display: grid;
  position: relative;
}

.nav-contact-btn.w--current {
  color: #fff;
  border-bottom-color: #fff;
}

.nav-contact-btn.min-paddings {
  background-color: var(--gold);
  border-radius: 10px;
  padding: 6px;
}

.btn-icon-w {
  justify-content: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.btn-icon-w.nav-contact-icon {
  color: var(--black-2);
}

.embed-icon-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav-contact-content {
  opacity: 0;
  color: var(--black-2);
  white-space: nowrap;
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 16px;
  line-height: 16px;
  transition: opacity .1s;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(0, 100%);
}

.nav-contact-content:hover {
  text-decoration: underline;
}

.nav-contact-content.black-color {
  background-color: var(--black-2);
  opacity: 0;
  color: var(--white);
  padding: 7px 10px;
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.quiz-contacts-container {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.quiz-contacts-container.center-align {
  justify-content: space-between;
  justify-items: center;
}

.quiz-contacts-col {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quiz-step-ps-text {
  background-color: var(--utagroup-bg);
  border-radius: 5px;
  padding: 6px 15px;
  font-size: 14px;
  display: inline;
}

.quiz-ps-text-div {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quiz-step-contdown {
  text-align: center;
  font-size: 17px;
}

.quiz-footer-copyrignt {
  font-size: 16px;
}

.link-5 {
  color: #0c0c0c;
  text-decoration: underline;
}

.link-5:hover {
  text-decoration: none;
}

.app-paragraph-2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.app-paragraph-2.like-block {
  background-color: var(--pale-goldenrod);
  letter-spacing: -.5px;
  border-radius: 5px;
  max-width: 70%;
  padding: 15px 15px 15px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.app-paragraph-2.like-block.move-to-right {
  background-color: var(--pale-goldenrod);
  max-width: 60%;
  position: relative;
  right: 20px;
}

.app-paragraph-2.like-block.third-item {
  background-color: var(--pale-goldenrod);
  max-width: 58%;
  position: relative;
  top: -20px;
  left: 26px;
}

.app-paragraph-2.inline-p {
  display: inline;
}

.app-paragraph-2.center-align {
  text-align: center;
  background-color: #ffee8c;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 16px;
  font-size: 24px;
  display: flex;
}

.app-paragraph-2.italic {
  font-style: italic;
}

.app-paragraph-2.min-w {
  max-width: 250px;
}

.icon-3 {
  width: 32px;
  max-width: none;
  height: auto;
  display: block;
}

.app-navbar {
  z-index: 1000;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 3%;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

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

.app-container.quote-container {
  position: -webkit-sticky;
  position: sticky;
  top: 38vh;
}

.app-nav-menu {
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
}

.team-photos-w-2 {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: end;
  align-items: center;
  justify-items: end;
  display: grid;
}

.app-nav-right-col {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  justify-items: end;
  display: grid;
}

.app-hero-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 3% 60px;
  display: flex;
  position: relative;
}

.swipe-icon-3 {
  width: 40px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.app-nav-logo-w {
  align-items: center;
}

.app-h2-subheader {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.4;
}

.app-h2-subheader.min-w {
  max-width: 600px;
}

.app-h2-subheader.min-w.add-display-inline {
  display: inline;
}

.team-img-div-2 {
  box-shadow: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
  position: relative;
  top: -9px;
  left: -14px;
  overflow: hidden;
}

.team-img-div-2.img-3 {
  top: -23px;
  left: -96px;
}

.team-img-div-2.img-2 {
  position: relative;
  top: 159px;
  left: -59px;
}

.team-img-div-2.img-4 {
  top: 166px;
  left: 25px;
}

.team-img-div-2.img-5 {
  position: relative;
  top: 100px;
  left: 108px;
}

.h2-subheader-w-2 {
  display: inline;
}

.app-h2-block {
  grid-column-gap: 16px;
  grid-row-gap: 3vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 700px;
  margin-bottom: 80px;
  display: grid;
}

.app-h2-block.center-align {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  display: flex;
}

.app-h2-block.center-align.bottom-padding {
  margin-bottom: 12vw;
}

.app-h2-block.more-w {
  max-width: 940px;
}

.slide-nav-3 {
  display: none;
}

.button-7 {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0c0c0c;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.button-7:hover {
  color: #0c0c0c;
  background-color: #fff;
}

.form-small-text-3 {
  font-size: 14px;
  line-height: 18px;
}

.app-wrapper {
  flex-direction: column;
  max-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.app-nav-link {
  color: #0c0c0c;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .25s;
}

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

.app-nav-link.w--current {
  color: #0c0c0c;
  text-decoration: underline;
}

.app-h3 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

.app-menu-button {
  color: #080808;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 8px;
  transition: color .3s;
}

.app-menu-button:hover {
  color: #ea7462;
}

.app-menu-button.w--open {
  color: #fff;
  background-color: #ea7462;
  border-color: #ea7462;
}

.popup-section-3 {
  z-index: 10000;
  opacity: 0;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.team-img-3 {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.item-icon {
  width: 32px;
  display: block;
}

.get-price-popup-section {
  z-index: 10000;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, .2);
  flex-direction: column;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.contacts-footer-col {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.case-slide-right-col {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-tags-div {
  flex-wrap: wrap;
  display: flex;
}

.line-yellow-block {
  width: 100%;
  height: 100%;
}

.yellow-line-color {
  background-color: var(--gold-3);
  width: 100%;
  height: 100%;
}

.line-yellow-block-2, .line-yellow-block-3, .line-yellow-block-4 {
  width: 100%;
  height: 100%;
}

.contacts-footer-block {
  margin-bottom: 10px;
}

.case-text-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.revers-icon {
  transform: rotate(-180deg);
}

.item-tag-uppercase-span {
  text-transform: uppercase;
  font-weight: 700;
}

.quote-for-scroll {
  text-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  font-family: A note, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.3;
  display: inline;
}

.quote-for-scroll.top-margin {
  margin-top: 50px;
  display: block;
}

.quote-for-scroll.min-size {
  font-size: 32px;
}

.quote-for-scroll-w {
  background-image: url('../images/shape-for-quote-3-min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 920px;
  height: auto;
  min-height: 380px;
  margin-bottom: -50px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.section-wrapper {
  overflow: hidden;
}

.works-grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-cases-grid {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.hero-case-item {
  padding: 220px 20px;
  position: relative;
}

.case-item-container {
  z-index: 200;
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.case-item-container.with-reverse {
  grid-template-columns: 1fr .5fr;
}

.case-item-left-col {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-item-right-col {
  perspective: 951px;
  padding-bottom: 10%;
  position: relative;
  transform: perspective(893px);
}

.case-item-right-col.with-reverse {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.case-item-desct-img {
  transform-style: preserve-3d;
  border-radius: 12px;
  width: 117%;
  max-width: none;
  display: block;
  transform: rotateX(0)rotateY(-7deg)rotateZ(0);
  box-shadow: 0 3px 25px -4px rgba(0, 0, 0, .2);
}

.case-item-mob-img {
  border-radius: 12px;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 15%;
  right: auto;
  box-shadow: 0 10px 20px -2px rgba(0, 0, 0, .2);
}

.case-item-mob-img.move-to-right {
  left: auto;
  right: 11%;
}

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

.case-number-item {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  background-color: var(--gold-3);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  padding: 18px 20px 18px 25px;
  font-family: Sfprodisplay, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  display: grid;
}

.case-number-text {
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

.contacts-flag-img {
  width: 50px;
  display: block;
}

.contacts-item-header {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
  display: grid;
}

.hide-submit-btn {
  display: none;
}

.quiz-f-icon-div {
  background-color: var(--gold-2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 100px;
  width: 64px;
  height: 64px;
  padding: 16px;
}

.quiz-nav-icon {
  width: 12px;
  display: block;
}

.aboup-big-icon {
  width: 340px;
}

.team-bg-w {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.stanley-team-img {
  width: 190px;
  position: absolute;
  top: auto;
  bottom: -6%;
  left: -1%;
  right: auto;
}

.dmitri-team-img {
  width: 190px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 17%;
  right: auto;
}

.ann-team-img {
  width: 175px;
  position: absolute;
  top: auto;
  bottom: -8%;
  left: auto;
  right: 15%;
}

.constantin-team-img {
  width: 190px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 32%;
}

.ihor-team-img {
  width: 200px;
  position: absolute;
  top: auto;
  bottom: 12%;
  left: auto;
  right: -3%;
}

.mateus-team-img {
  width: 200px;
  position: absolute;
  top: 6%;
  bottom: auto;
  left: auto;
  right: -5%;
}

.monica-team-img {
  width: 200px;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: -5%;
  right: auto;
}

.hanna-team-img {
  width: 190px;
  position: absolute;
  top: auto;
  bottom: -9%;
  left: auto;
  right: 49%;
}

.case-left-col-images {
  display: none;
}

.case-item-desct-img-reverse {
  transform-style: preserve-3d;
  border-radius: 12px;
  width: 117%;
  max-width: none;
  display: block;
  transform: rotateX(0)rotateY(7deg)rotateZ(0);
  box-shadow: 0 3px 25px -4px rgba(0, 0, 0, .2);
}

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

.quiz-embed-icon {
  color: var(--black-2);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.quiz-embed-icon.all-done-icon {
  color: var(--black-2);
}

.quiz-embed-icon-w {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.quiz-contacts-header {
  align-items: center;
  display: flex;
}

.quiz-service-name-span {
  text-transform: uppercase;
}

.all-done-embed-icon {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.nav-btn-for-mobile {
  display: none;
}

.quiz-feature-div {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quiz-big-btn-lottie-reverse {
  width: 40px;
  margin-bottom: 5px;
  overflow: hidden;
  transform: rotate(180deg);
}

.cursiv-txt {
  font-style: italic;
  font-weight: 900;
  text-decoration: line-through;
}

.bold-text-2 {
  font-style: italic;
  font-weight: 900;
}

.list-format {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.list-txt {
  color: var(--black);
  font-size: 20px;
  line-height: 1.5em;
}

.list-item-f {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-content: start;
  justify-content: flex-start;
  align-items: flex-start;
  justify-items: start;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-plan {
  z-index: 5;
  color: var(--gold-3);
  text-transform: uppercase;
  text-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sfprodisplay, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

.heading-plan.black-font {
  color: var(--black);
  text-shadow: none;
}

.price-plan {
  font-family: Sfprodisplay, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.2;
}

.price-plan.min-size {
  font-size: 40px;
}

.h2-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.packages-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  margin-bottom: 80px;
  display: grid;
}

.packages-block {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: end;
  align-items: stretch;
  justify-items: start;
  width: 100%;
  max-width: 1070px;
  padding-left: 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.packages-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding: 40px;
  display: flex;
}

.packages-item.more-gap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.packages-item.yellow-bg {
  background-color: var(--pale-goldenrod);
  height: 100%;
}

.icon-embed {
  color: var(--red);
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.icon-embed.black-font {
  color: var(--black);
  margin-top: 0;
}

.tabl-grid {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-columns: 1fr;
}

._4-column-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: start;
  display: grid;
}

._4-column-grid.black-bg {
  background-color: var(--black);
  border-radius: 30px;
}

.tabl-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 20px;
  display: flex;
}

.tabl-item.left-aling {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tabl-item.left-aling.min-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tabl-item.left-aling.min-padding.bg-yellow {
  background-color: var(--gold-3);
  border-radius: 30px;
}

.tabl-item.left-aling.min-padding.bg-gris {
  background-color: var(--white-smoke-2);
  border-radius: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.tabl-item.left-aling.min-padding.bg-yellow-light {
  background-color: var(--pale-goldenrod);
  border-radius: 16px 0 0 16px;
  padding-left: 40px;
  padding-right: 40px;
}

.tabl-item.left-aling.no-padding {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}

.tabl-item.no-padding {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.tabl-item.min-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tabl-content {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.check-icon {
  width: 35px;
}

.emded-icon-div {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.span-text {
  background-color: var(--gold-3);
  border-radius: 30px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.n-faq-dd-list-block {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-left: 60px;
  padding-right: 40px;
  display: grid;
}

.n-faq-dd-list {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.n-faq-dd-list.w--open {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: relative;
  overflow: hidden;
}

.n-faq-dd-icon-div {
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-left: 20px;
  display: flex;
  position: relative;
}

.n-faq-dd-icon-line-1 {
  z-index: 2;
  background-color: #6f6f6f;
  border-radius: 3px;
  width: 12px;
  height: 2px;
  margin-left: 0;
  position: absolute;
}

.n-faq-dd-icon-line-1.more-size {
  width: 20px;
}

.n-faq-dd-heading {
  white-space: normal;
  flex: 1;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.n-faq-dd-icon-bg {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #6f6f6f;
  border-radius: 50px;
  width: 26px;
  height: 26px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.n-faq-dd-icon-bg.no-border {
  border-style: none;
  width: 30px;
  height: 30px;
}

.faq-grid {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.faq-grid.min-width {
  max-width: 1200px;
}

.steps-number-item {
  background-color: var(--gold-3);
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  font-weight: 600;
  display: flex;
}

.n-faq-grid {
  width: 100%;
  margin-top: -28px;
  margin-left: auto;
  margin-right: auto;
}

.n-faq-dd-toggle {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.n-faq-dd-toggle:hover {
  color: var(--gold-3);
}

.n-faq-dd-toggle.w--open {
  color: var(--gold-4);
}

.n-faq-dd-icon-line-2 {
  z-index: 2;
  background-color: #6f6f6f;
  border-radius: 3px;
  width: 2px;
  height: 12px;
  margin-left: 0;
  position: absolute;
}

.n-faq-dd-icon-line-2.more-size {
  height: 20px;
}

.n-faq-dd {
  border-bottom: 1px rgba(0, 0, 0, .2);
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.small-paragraph {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.toggle-block {
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 50vw;
  justify-content: flex-start;
  align-items: center;
  width: 240px;
  height: 60px;
  display: flex;
  position: relative;
}

.text-toggle {
  z-index: 4;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  font-family: Euclid, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
}

.toggle-wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.toggle-btn {
  z-index: 2;
  background-color: var(--gold-3);
  border-radius: 50vw;
  width: 50%;
  height: 100%;
  position: absolute;
}

.heading-tarif {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.discount-txt {
  color: #fa2536;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 22px;
  font-weight: 700;
  display: flex;
}

.span-black {
  background-color: var(--black);
  color: var(--gold-3);
  border-radius: 30px;
  padding: 2px 10px;
  font-weight: 600;
  display: block;
}

.service-block {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border-radius: 16px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: end;
  align-items: start;
  justify-items: start;
  padding: 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.services-txt {
  background-color: var(--black);
  color: var(--gold-3);
  cursor: pointer;
  border-radius: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 9px 23px 12px;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}

.services-txt:hover {
  background-color: var(--black-3);
}

.services-txt.margin-left {
  margin-left: 30px;
}

.services-txt.margin-left-70 {
  margin-left: 70px;
}

.services-txt.yelllow {
  background-color: var(--gold-3);
  color: var(--black-2);
  text-transform: uppercase;
}

.services-txt.yelllow:hover {
  background-color: var(--gold);
}

.category-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 80px;
}

.category-grid.flex-horizontal {
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  justify-items: start;
  display: flex;
}

.category-grid._3-column {
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 120px;
}

.category-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  cursor: pointer;
  border-radius: 16px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .2);
}

.category-block:hover {
  text-decoration: underline;
}

.category-block.flex-vertical {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--gold-3);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.category-block.min-w {
  max-width: 300px;
}

.category-block.more-height {
  box-shadow: none;
  height: 370px;
}

.category-block.more-height:hover {
  text-decoration: none;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .2);
}

.img-bl {
  position: relative;
}

.content-category {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--gold-3);
  text-transform: uppercase;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 15px 15px 15px 20px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.content-category.white-bg {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.img-category {
  object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  height: 250px;
}

.img-category.test {
  height: 230px;
}

.img-overflow {
  z-index: 1;
  background-color: rgba(255, 255, 255, .2);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.service-img-overflow-copy {
  z-index: 10;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.btn-category {
  background-color: var(--black);
  cursor: pointer;
  border-radius: 30px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100px;
  height: 60px;
  margin-top: auto;
  display: flex;
}

.work-item {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  box-shadow: none;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: end;
  align-items: stretch;
  justify-items: start;
  padding: 40px;
  display: grid;
  overflow: hidden;
}

.work-item.yellow-item {
  background-color: var(--gold-3);
}

.work-item.left-aling {
  grid-row-gap: 20px;
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
  align-items: stretch;
  justify-items: start;
}

.work-item.left-aling.black-border {
  border: 2px solid #000;
  margin-bottom: 0;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.work-item.left-aling.more-gap {
  grid-row-gap: 40px;
  grid-template-rows: 1fr;
  grid-auto-rows: auto;
}

.work-item.left-aling.more-gap.black-item {
  background-color: var(--black);
  color: var(--gold-3);
}

.work-item.left-aling.no-shadow {
  box-shadow: none;
}

.work-item.left-aling.no-shadow.gray-bg {
  background-color: var(--white-smoke-2);
}

.work-item.left-aling.no-shadow.gold-border {
  box-shadow: none;
}

.work-item.left-aling.gold-border {
  border: 2px solid var(--gold-2);
  margin-bottom: 0;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .1);
}

.work-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 80px;
  display: grid;
}

.work-grid._3-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
  margin-bottom: 80px;
}

.work-grid._3-column.annual-tarif {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-icon {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.work-icon-w {
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.shop-block {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  box-shadow: none;
  border-radius: 16px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: end;
  align-items: start;
  justify-items: start;
  padding: 20px;
  display: grid;
  overflow: hidden;
}

.img-shop-bl {
  width: 52px;
  height: auto;
}

.heading-flex-bl {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: start;
  margin-bottom: 80px;
  display: grid;
}

.link-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--gold-4);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  display: flex;
}

.link-block:hover {
  color: var(--gold-3);
}

.arrow-icon {
  color: var(--gold);
  width: 40px;
  height: 40px;
}

.item-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.circle-icon {
  background-color: var(--gold-3);
  border-radius: 50%;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 30px;
  display: flex;
}

.inf-price {
  justify-content: space-between;
  align-items: stretch;
  margin-top: auto;
  display: flex;
}

.inf-time {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inf-time:hover {
  text-decoration: none;
}

.icon-time {
  width: 20px;
}

.span-txt-black {
  background-color: var(--black);
  color: var(--white);
  border-radius: 20px;
  padding: 5px 10px;
  display: block;
}

.category-block-s {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  cursor: pointer;
  border-radius: 16px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
  box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .2);
}

.category-block-s:hover {
  text-decoration: underline;
}

.category-block-s.flex-vertical {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--gold-3);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.category-block-s.flex-vertical:hover {
  text-decoration: none;
}

.category-block-s.min-w {
  max-width: 300px;
}

.category-block-s.more-height {
  height: 370px;
}

.tabl-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.flex-hor {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 40px;
  display: flex;
}

.flex-hor.bg-color {
  background-color: var(--pale-goldenrod);
}

.flex-hor.bg-color.radius {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: 16px;
}

@media screen and (min-width: 1440px) {
  .button-w.top-margin {
    margin-top: 2vw;
  }

  .for-content-block-w {
    grid-row-gap: 1vw;
  }

  .quiz-hero-bg {
    overflow: hidden;
  }

  .quiz-hero-bg-img {
    display: block;
    position: relative;
    right: -16%;
  }

  .embed-wave-block {
    width: 100%;
  }

  .big-container {
    max-width: 2000px;
  }

  .sales-tabs-content {
    margin-top: -290px;
    margin-bottom: -240px;
  }

  .sales-tab-container {
    height: 920px;
  }
}

@media screen and (max-width: 991px) {
  .main-wrapper {
    overflow: hidden;
  }

  .main-wrapper.no-overflow, .main-wrapper.no-overflow-all {
    overflow: visible;
  }

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

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

  .section.hero-section.no-full-w {
    min-height: 50vh;
  }

  .section.cta-section {
    padding-bottom: 80px;
  }

  .section.hero-section-2 {
    padding-top: 200px;
  }

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

  .section.map-section {
    padding-bottom: 280px;
  }

  .section.black-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.our-work-section {
    flex-direction: column;
    padding-top: 50px;
  }

  .section.project-main-section {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .section.more-paddings {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section.hero-section-3 {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .section.black-wide-section-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.hero-section-4 {
    padding-top: 200px;
  }

  .section.hero-section-5 {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .section.case-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .hero-div {
    padding-right: 30%;
  }

  .hero-div.center-align {
    margin-bottom: 70px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-div.center-align.in-case {
    margin-bottom: 60px;
  }

  .h1 {
    font-size: 46px;
    line-height: 1.1em;
  }

  .h1-subheader {
    width: 85%;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.6em;
  }

  .button {
    padding: 14px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .button.min-size.add-margin {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .button.big-quiz-btn {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .button.in-quiz-steps {
    font-size: 17px;
  }

  .button.in-quiz-steps.yellow-btn {
    font-size: 20px;
  }

  .nav-container {
    width: 100%;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding: 20px 10px;
    font-size: 13px;
    line-height: 15px;
  }

  .nav-link.like-btn {
    margin-left: 5px;
    margin-right: 5px;
    padding: 13px 10px;
    font-size: 14px;
  }

  .nav-link.like-btn.in-footer {
    margin-left: 0;
    margin-right: 0;
    padding-top: 13px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
  }

  .nav-link.like-btn.white-color {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 7px;
    font-size: 14px;
  }

  .nav-link.like-btn.round-corners {
    border-radius: 80px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
  }

  .nav-link.in-footer {
    flex: none;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .nav-link.in-footer.black-color {
    margin-left: 20px;
  }

  .nav-link.like-btn-3 {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 18px;
  }

  .nav-link.min-size {
    font-size: 12px;
    line-height: 15px;
  }

  .nav-link.mobi {
    display: none;
  }

  .nav-logo-img {
    width: 140px;
  }

  .nav-logo-img.bizquiz-logo {
    width: 120px;
  }

  .nav-logo-img.in-footer {
    width: 160px;
  }

  .nav-logo {
    flex: none;
    justify-content: flex-start;
    display: flex;
  }

  .nav-dd-toggle {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .dd-arrow {
    flex: none;
    width: 8px;
    height: 8px;
  }

  .nav-menu-content-div {
    flex-direction: column;
    align-items: flex-end;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 60px;
  }

  .h2 {
    font-size: 40px;
    line-height: 1.2em;
  }

  .h2.add-width {
    max-width: 600px;
  }

  .h2-heading-div {
    margin-bottom: 60px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .h2-heading-div.min-indent {
    margin-bottom: 50px;
  }

  .h2-heading-div.min-indent.no-margin.delete-margin {
    margin-bottom: 0;
  }

  .h2-heading-div.no-padding {
    margin-bottom: 50px;
  }

  .h2-heading-div.left-align {
    text-align: center;
    align-items: center;
  }

  .h2-heading-div.left-align.min-margin {
    text-align: left;
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .h2-heading-div.center-align.add-bottom-margin {
    margin-bottom: 80px;
  }

  .h2-subheader {
    font-size: 20px;
    line-height: 1.6em;
  }

  .h2-subheader.more-size {
    font-size: 26px;
  }

  .tabs-menu {
    width: 220px;
    margin-right: 4%;
    top: 100px;
  }

  .tabs-menu.plans-menu {
    width: 150px;
    margin-right: 3%;
    top: 100px;
  }

  .tabs-content.add-margin {
    margin-top: -100px;
  }

  .tab-link {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    font-size: 17px;
    line-height: 1.3em;
  }

  .solution-item-icon {
    width: 80px;
    margin-right: 20px;
  }

  .solution-item-icon.bottom-margin {
    width: 65px;
  }

  .h3 {
    font-size: 30px;
  }

  .h3.add-indent.more-size {
    font-size: 33px;
    line-height: 1.2em;
  }

  .h3.caps {
    margin-right: 15px;
  }

  .h3.add-indent-2 {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1em;
  }

  .h3.add-top-indent {
    margin-top: 60px;
  }

  .h3.services-h3 {
    font-size: 22px;
  }

  .h3.in-crown-block {
    font-size: 32px;
  }

  .h3.on-services {
    font-size: 42px;
  }

  .h3.min-size.min-width {
    font-size: 4.5vw;
  }

  .h3.case-work-h3 {
    margin-bottom: -10px;
    font-size: 42px;
  }

  .h3.big-size {
    font-size: 42px;
  }

  .paragraph {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5em;
  }

  .paragraph.white-color {
    margin-top: 20px;
  }

  .paragraph.grow-w {
    max-width: none;
    margin-bottom: 0;
    margin-right: 0%;
  }

  .paragraph.min-indent {
    margin-top: 5px;
  }

  .paragraph.no-indent {
    line-height: 1.4em;
  }

  .paragraph.no-indent.min-h {
    font-size: 32px;
  }

  .paragraph.grow-w2 {
    max-width: none;
    margin-bottom: 0;
  }

  .paragraph.testimonial-text {
    font-size: 16px;
    line-height: 1.7em;
  }

  .paragraph.more-size {
    font-size: 18px;
  }

  .paragraph.in-quiz-features {
    font-size: 16px;
  }

  .plans-btns-w {
    margin-bottom: 15px;
    padding: 5px;
  }

  .main-plans-block {
    margin-bottom: 20px;
  }

  .plan-item-w {
    width: 32%;
    padding: 30px 0;
  }

  .price-div {
    font-size: 26px;
    line-height: 35px;
  }

  .tariff-name {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 1.1em;
  }

  .tariff-name.no-indent {
    font-size: 22px;
  }

  .tariff-name.no-uppercase {
    max-width: none;
    font-size: 32px;
    line-height: 1.2em;
  }

  .price-w {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 31px;
  }

  .price-w.bottom-margin {
    margin-bottom: 30px;
  }

  .price-block {
    font-size: 36px;
    line-height: 30px;
  }

  .plan-top-block {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-bottom-block {
    margin-top: 0;
  }

  .plan-functions-block {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .plan-function-div {
    font-size: 12px;
    line-height: 1.5em;
  }

  .plan-function-div.add-top-indent {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .price-text {
    margin-right: 3px;
    font-size: 16px;
    line-height: 20px;
  }

  .tariff-period-choose {
    width: 120px;
    height: 36px;
    font-size: 13px;
    line-height: 18px;
  }

  .link-div {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.2em;
  }

  .link-div.no-margin-white {
    margin-left: 30px;
    font-size: 14px;
  }

  .link-div.no-margin {
    margin-top: 15px;
  }

  .link-div.no-margin.right-align {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .link-div.no-margin-white-2 {
    font-size: 14px;
  }

  .btn-icon-div {
    width: 26px;
    height: 16px;
  }

  .btn-lottie-icon {
    width: 18px;
    height: 16px;
  }

  .btn-lottie-icon.right-icon {
    width: 16px;
    height: 15px;
    margin-left: 5px;
  }

  .btn-lottie-icon.chat-icon {
    width: 18px;
    height: 18px;
    margin-top: -2px;
  }

  .btn-lottie-icon.left-icon {
    width: 16px;
    height: 15px;
    margin-left: 5px;
  }

  .dd-list.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dd-link {
    padding: 10px 15px;
    font-size: 13px;
    line-height: 16px;
  }

  .h4 {
    font-size: 22px;
    line-height: 1.3em;
  }

  .h4.more-margin {
    margin-bottom: 20px;
  }

  .h4.no-margin {
    font-size: 18px;
  }

  .h4.no-margin.yellow-heading {
    white-space: pre-wrap;
    font-size: 23px;
  }

  .h4.new-size-3 {
    font-size: 24px;
    line-height: 1em;
  }

  .h4.in-quiz-steps {
    font-size: 26px;
  }

  .custom-plan-w {
    margin-top: 60px;
    padding: 40px 40px 30px;
  }

  .custom-plan-div, .custom-plan-div.vert-align {
    flex-direction: column;
  }

  .platforms-wrap {
    margin-bottom: -50px;
  }

  .platform-item {
    margin-bottom: 50px;
  }

  .platform-logo {
    max-width: 200px;
    height: 36px;
  }

  .platform-logo.conv-call {
    height: 42px;
    margin-top: 0;
    margin-bottom: -5px;
  }

  .list {
    margin-bottom: 30px;
    padding-left: 18px;
  }

  .list.with-columns {
    justify-content: flex-start;
    display: flex;
  }

  .list-item {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.5em;
  }

  .list-item.in-dd {
    min-width: 50%;
    font-size: 15px;
  }

  .list-item.about-us {
    font-size: 14px;
    line-height: 1.6em;
  }

  .platform-logo-div {
    padding: 30px 40px 15px;
  }

  .platform-content-div {
    padding: 40px;
  }

  .benefit-item {
    width: 23%;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 25px 0;
  }

  .benefit-icon {
    width: 60px;
    margin-bottom: 10px;
  }

  .h5 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .h5.in-quiz {
    font-size: 22px;
  }

  .solution-heading-block.vert-flex {
    margin-bottom: 20px;
  }

  .plan-function-heading {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.1em;
  }

  .img-label-block {
    margin-bottom: 8%;
    font-size: 15px;
    line-height: 1.4em;
    right: 95%;
  }

  .label-text {
    font-size: 30px;
  }

  .platform-btns-w {
    flex-wrap: wrap;
  }

  .faq-dd-toggle {
    padding-left: 30px;
    font-size: 18px;
    line-height: 18px;
  }

  .faq-dd-toggle.w--open {
    padding-left: 20px;
  }

  .text-field {
    height: 46px;
    margin-bottom: 12px;
    padding-left: 15px;
    font-size: 13px;
    line-height: 16px;
  }

  .text-field.no-indent {
    height: 46px;
  }

  .text-field.no-indent.black-border {
    height: 48px;
  }

  .cta-text-w {
    margin-bottom: 40px;
  }

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

  .footer-container {
    max-width: 600px;
  }

  .footer-nav-w {
    flex: 1;
    justify-content: space-between;
    max-width: 500px;
  }

  .footer-contacts-w {
    margin-left: auto;
  }

  .h1-wrap {
    margin-bottom: 20px;
  }

  .h1-wrap.no-align, .h1-wrap.full-width {
    margin-bottom: 40px;
  }

  .h1-wrap.full-width.in-quiz.center-align {
    margin-top: 80px;
    margin-bottom: 20px;
  }

  .h1-wrap.center-align {
    margin-bottom: 40px;
  }

  .logos-block-w {
    flex-direction: column;
    justify-content: flex-start;
  }

  .logos-img {
    flex: none;
    width: 1800px;
    padding-right: 3%;
  }

  .top-cta-w {
    max-width: 500px;
  }

  .tariff-icon {
    width: 50px;
    margin-bottom: 20px;
  }

  .footer-row {
    grid-row-gap: 50px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
  }

  .footer-row.horizontal-row {
    flex-direction: row;
    align-items: center;
  }

  .copyright-block {
    font-size: 11px;
  }

  .footer-link-small {
    margin-left: 15px;
  }

  .typed-h1-text {
    margin-left: 8px;
    font-size: 46px;
    line-height: 1em;
  }

  .logos-wall-heading {
    text-align: center;
    width: auto;
    margin-bottom: 40px;
    margin-right: 0%;
    font-size: 32px;
  }

  .popup-section {
    overflow: auto;
  }

  .popup-container {
    max-width: 500px;
    margin-top: 6%;
    padding: 70px;
  }

  .success-message {
    font-size: 14px;
    line-height: 16px;
  }

  .error-message {
    line-height: 16px;
  }

  .hero-section-bg {
    overflow: hidden;
  }

  .team-img {
    max-height: 68vh;
    right: -13%;
  }

  .popup-form-block.center-align {
    margin-bottom: 60px;
  }

  .footer-link-div {
    font-size: 13px;
    line-height: 15px;
  }

  .first-button {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .hand-icon {
    font-size: 29px;
    line-height: 44px;
    top: 0;
    right: -50px;
  }

  .cta-col-1 {
    flex: none;
    width: 52%;
    margin-right: 5%;
  }

  .cta-col-2 {
    flex: 1;
  }

  .manager-contact {
    font-size: 16px;
    line-height: 16px;
  }

  .form-icon {
    width: 28px;
    margin-right: 15px;
  }

  .manager-job {
    line-height: 14px;
  }

  .form-img {
    width: 60px;
    margin-right: 15px;
  }

  .subheader {
    font-size: 19px;
    line-height: 30px;
  }

  .subheader.white-text {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 27px;
  }

  .form-item {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.5em;
  }

  .form-items-wrap {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .manager-name {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 20px;
  }

  .menu-button {
    color: var(--black-2);
    background-color: rgba(0, 0, 0, 0);
    padding: 10px;
    font-size: 34px;
  }

  .menu-button.w--open {
    background-color: var(--gold);
    color: var(--black);
  }

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

  .tab-btn {
    margin-bottom: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 1.3em;
  }

  .paragraph-2 {
    line-height: 1.6em;
  }

  .plan-function {
    width: 47%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h6 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .h6.bottom-margin {
    margin-bottom: 0;
  }

  .plan-item {
    padding: 40px;
  }

  .plan-content-w {
    margin-top: 30px;
  }

  .plan-cta-block {
    max-width: none;
    padding-top: 30px;
  }

  .plan-functions-w {
    margin-top: 30px;
  }

  .plan-functions-w.in-custom {
    flex-direction: column;
    margin-top: -20px;
    margin-right: 0%;
    display: flex;
  }

  .icon-1 {
    width: 60px;
    bottom: 10%;
    right: 18%;
  }

  .icon-2 {
    width: 60px;
    top: 12%;
  }

  .icon-3 {
    width: 60px;
    top: 14%;
  }

  .icon-4 {
    bottom: 4%;
  }

  .plan-item-icon {
    width: 60px;
    margin-right: 20px;
  }

  .form-checkbox-block {
    font-size: 12px;
    line-height: 1.4em;
  }

  .checkbox {
    width: 16px;
    height: 16px;
  }

  .checkbox-field {
    font-size: 12px;
  }

  .plan-item-block {
    padding-top: 100px;
  }

  .plan-function-icon {
    width: 14px;
    margin-top: 2px;
    margin-right: 7px;
  }

  .function-label {
    margin-top: 3px;
    padding: 3px 5px 1px;
    font-size: 10px;
    line-height: 1.3em;
  }

  .contacts-item {
    padding: 20px;
  }

  .contacts-item.yellow-bg {
    padding-top: 20px;
    padding-right: 20px;
  }

  .plan-footnote-w {
    font-size: 16px;
    line-height: 1.5em;
  }

  .footnote-row {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .footnote-number {
    font-size: 160px;
    top: -20px;
    left: -30px;
  }

  .platform-icon {
    width: 220px;
  }

  .platform-icon.connectool-icon {
    width: 250px;
    bottom: 6%;
  }

  .footnote-block-2 {
    padding: 10px 40px;
  }

  .plan-footnote-block {
    padding: 40px 40px 30px;
  }

  .popup-container-2 {
    margin-top: 10%;
  }

  .term-block {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .term-text {
    font-size: 15px;
    line-height: 1.4em;
  }

  .bonus-plan-item-w {
    width: 32%;
    padding: 30px 0;
  }

  .footnote-block-3.add-indent {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 12px 40px;
    font-size: 14px;
    line-height: 1.4em;
  }

  .contacts-div {
    margin-top: 25px;
  }

  .team-img-w {
    max-height: 68vh;
    margin-right: -7%;
  }

  .crown-icon {
    width: 36px;
    top: -21px;
    left: -11px;
    transform: rotate(-8deg);
  }

  .crown-icon-2 {
    max-height: 35px;
    top: -42px;
  }

  .crown-icon-3 {
    max-height: 30px;
    left: -60px;
  }

  .yellow-span-2 {
    padding-top: 6px;
    line-height: .6em;
  }

  .social-link {
    padding: 9px;
  }

  .social-icon {
    width: 23px;
  }

  .footer-content {
    margin-top: 30px;
  }

  .footer-content.on-bizquiz {
    flex: none;
    margin-top: 0;
    margin-left: auto;
  }

  .custom-plan-block {
    width: 100%;
    margin-top: 50px;
    margin-right: 0%;
    padding-right: 0;
  }

  .custom-plan-icon {
    width: 60px;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .custom-plan-heading-div {
    align-items: flex-start;
    margin-bottom: 20px;
    display: flex;
  }

  .map-img {
    width: 120%;
    top: 83%;
  }

  .nav-slogan {
    margin-top: 5px;
    margin-left: 15px;
    font-size: 14px;
  }

  .all-inclusive-wrap {
    margin-top: 60px;
    padding: 40px;
  }

  .row {
    margin-top: 40px;
  }

  .column {
    padding: 40px 30px 25px;
  }

  .two-logos-w {
    margin-bottom: 25px;
  }

  .inclusive-logo {
    width: 45px;
  }

  .plus {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 40px;
    line-height: 16px;
  }

  .ticket-block {
    height: 95px;
  }

  .col-item {
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    line-height: 1.5em;
  }

  .all-inclusive-block {
    margin-bottom: 40px;
  }

  .all-inclusive-div {
    margin-top: 15px;
  }

  .latest-work-item {
    width: 47%;
    margin-bottom: 3%;
    margin-right: 3%;
  }

  .or-text {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
  }

  .nav-label-div {
    font-size: 20px;
    top: 3px;
  }

  .nav-label-img {
    width: 30px;
  }

  .workers-block {
    padding: 40px 40px 30px;
  }

  .bottom-block {
    margin-top: 10px;
  }

  .quiz-step-block {
    padding-left: 2%;
    padding-right: 2%;
  }

  .quiz-form-field-label {
    white-space: normal;
    line-height: 1.3em;
  }

  .quiz-btn-lottie-icon {
    width: 18px;
    height: 16px;
  }

  .quiz-btns-row {
    flex-direction: row;
    align-items: stretch;
    margin-top: 30px;
    margin-left: auto;
  }

  .btns-div {
    margin-top: 20px;
  }

  .btns-div.with-gap {
    grid-column-gap: 20px;
    margin-top: 20px;
  }

  .btns-div.center-align.top-margin {
    margin-top: 110px;
    margin-bottom: 0;
  }

  .btns-div.add-gap {
    grid-column-gap: 15px;
  }

  .plan-item-label {
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 9px;
    line-height: 12px;
    top: 10px;
  }

  .work-preview-w {
    width: 100%;
    height: 450px;
  }

  .solutions-w {
    margin-bottom: -20px;
  }

  .main-solutions-item {
    width: 49%;
    max-height: 550px;
    padding: 30px;
  }

  .our-work-collage-w {
    height: auto;
  }

  .our-work-col-1 {
    text-align: center;
    align-items: center;
    padding: 60px 3%;
  }

  .work-prev-item {
    margin-bottom: 60px;
  }

  .work-prev-img-block {
    height: 350px;
  }

  .work-prev-content {
    padding-top: 15px;
  }

  .work-prev-tags-w {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .work-tag {
    margin-bottom: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .work-prev-bg.convertcall-bg {
    background-image: linear-gradient(135deg, rgba(44, 166, 255, .8), rgba(231, 7, 34, .8));
  }

  .work-prev-logo {
    max-width: 250px;
    max-height: 48px;
  }

  .work-prev-logo.probuilder-logo {
    max-height: 37px;
  }

  .work-prev-logo.domos-constr-logo, .work-prev-logo.letsbots-logo {
    max-height: 90px;
  }

  .work-prev-logo.instalogy-logo {
    max-width: 220px;
  }

  .work-prev-logo.encotec-logo {
    max-height: 55px;
  }

  .work-prev-logo.moon-logo {
    max-height: 45px;
  }

  .work-prev-logo.heycom-logo {
    max-height: 42px;
  }

  .work-prev-logo.losev-logo {
    max-height: 50px;
  }

  .work-prev-logo.rozarossa-logo {
    max-height: 80px;
  }

  .work-prev-logo.phdrops-logo {
    max-height: 50px;
  }

  .work-prev-logo.azure-logo {
    max-height: 85px;
  }

  .work-prev-logo.linkypage-logo {
    max-height: 60px;
  }

  .work-prev-logo.brainhome-logo {
    max-width: 230px;
    max-height: 50px;
  }

  .work-prev-logo.expohome-logo {
    max-width: 200px;
    max-height: 55px;
  }

  .work-prev-logo.bruder-logo {
    max-height: 100px;
  }

  .work-prev-logo.rcpm-logo, .work-prev-logo.goodframes-logo, .work-prev-logo.betterhome-logo {
    max-height: 160px;
  }

  .work-prev-logo.oton-logo {
    max-height: 90px;
  }

  .team-info-block {
    width: 100%;
  }

  .team-info-div {
    padding: 15px;
    font-size: 15px;
    line-height: 22px;
  }

  .expert-block-w {
    align-items: flex-start;
  }

  .expert-col-1 {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }

  .table-col {
    min-width: 120px;
    padding: 15px 16px;
  }

  .table-row {
    font-size: 14px;
    line-height: 18px;
  }

  .table-row.header-row {
    font-size: 17px;
  }

  .table-icon {
    width: 14px;
    margin-top: 0;
    margin-right: 0;
  }

  .table-icon.cross-icon {
    margin-top: 0;
    margin-right: 0;
  }

  .expert-name {
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 22px;
  }

  .crown-block {
    bottom: -20px;
    right: -20px;
  }

  .crown-block.reverse {
    left: -20px;
  }

  .crown-ico {
    width: 40px;
    top: -21px;
    left: -11px;
  }

  .crown-ico.ico-3 {
    width: 25px;
    top: -43px;
    left: -18px;
  }

  .crown-ico.ico-2 {
    width: 30px;
    top: -10px;
    left: -20px;
  }

  .crown-ico.ico-4 {
    width: 25px;
    left: -72px;
  }

  .crown-ico.ico-5 {
    width: 30px;
    top: -10px;
    left: 105px;
  }

  .proj-main-images-w {
    width: 100%;
    margin-bottom: -120px;
  }

  .proj-main-img {
    max-width: 730px;
    box-shadow: 0 8px 20px -4px rgba(24, 24, 26, .15);
  }

  .proj-main-mobile-img {
    width: 180px;
    box-shadow: 0 8px 20px -4px rgba(24, 24, 26, .15);
  }

  .proj-gallery-w {
    margin-top: 100px;
  }

  .proj-gallert-item {
    width: 414px;
    height: 260px;
  }

  .proj-rev-w {
    width: 80%;
  }

  .proj-rev-position {
    margin-left: 5px;
    font-size: 14px;
  }

  .work-logo-div {
    margin-bottom: 20px;
  }

  .work-logo {
    width: 200px;
  }

  .work-logo.ccall-logo {
    width: auto;
    height: 50px;
  }

  .work-logo.probuilder-case-logo {
    height: 40px;
  }

  .work-logo.dewelloper-case-logo {
    height: 34px;
  }

  .work-logo.utagroup-case-logo {
    height: 55px;
  }

  .work-logo.letsbots-case-logo {
    height: 100px;
  }

  .work-logo.encotec-case-logo {
    height: 60px;
  }

  .work-logo.heysupreme-case-logo {
    height: 27px;
  }

  .work-logo.losev-case-logo {
    height: 65px;
  }

  .work-logo.azure-case-logo {
    height: 100px;
  }

  .work-logo.brainhome-case-logo {
    height: 27px;
  }

  .work-logo.expohome-case-logo {
    height: 30px;
  }

  .work-logo.phdrops-case-logo {
    height: 55px;
  }

  .work-logo.bruder-case-logo {
    height: 100px;
  }

  .work-logo.rozarossa-case-logo {
    height: 80px;
  }

  .work-logo.rcpm-case-logo {
    height: 150px;
  }

  .work-logo.betterhome-case-logo {
    height: 28px;
  }

  .work-logo.goodframes-case-logo {
    height: 30px;
  }

  .work-logo.oton-wallet-case-logo {
    height: 85px;
  }

  .work-logo.apptime-case-logo {
    height: 50px;
  }

  .work-logo.techera-case-logo {
    height: 35px;
  }

  .work-logo.smartgrow-case-logo {
    height: 40px;
  }

  .work-logo.ecofab-case-logo {
    height: 50px;
  }

  .work-logo.tinberdesign-case-logo {
    height: 80px;
  }

  .work-logo.marwellmade-case-logo {
    height: 30px;
  }

  .work-logo.esars-case-logo {
    height: 70px;
  }

  .work-logo.boostools-case-logo {
    width: auto;
    height: 45px;
  }

  .work-logo.linkypage-case-logo {
    width: auto;
    height: 55px;
  }

  .work-logo.domos-case-logo {
    width: auto;
    height: 100px;
  }

  .work-logo.instalogy-case-logo {
    width: auto;
    height: 55px;
  }

  .work-logo.moon-case-logo {
    width: auto;
    height: 45px;
  }

  .work-logo.tecnonovo-case-logo {
    height: 55px;
  }

  .work-logo.solarconnect-case-logo {
    height: 32px;
  }

  .work-logo.costacleaners-case-logo {
    height: 35px;
  }

  .work-logo.clientsfirst-case-logo {
    height: 65px;
  }

  .work-logo.threecommas-case-logo, .work-logo.dewelloper-case-logo {
    height: 38px;
  }

  .footer-col {
    margin-bottom: 0;
  }

  .footer-slogan {
    max-width: none;
    margin-top: 10px;
    font-size: 15px;
  }

  .footer-col-heading {
    margin-top: 4px;
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 24px;
  }

  .phone-footer-link-div {
    font-size: 13px;
    line-height: 15px;
  }

  .phone-footer-link-div.left-padding {
    padding-left: 29px;
  }

  .quote-mark {
    font-size: 130px;
    left: -60px;
  }

  .start-quiz-btn {
    flex: none;
  }

  .logos-img-2 {
    flex: none;
    width: 1800px;
    padding-right: 3%;
  }

  .first-btn-lottie-icon {
    width: 18px;
    height: 16px;
  }

  .topwork-collage-col {
    width: 100%;
  }

  .topwork-collage-col.more-paddings {
    padding-left: 9%;
    padding-right: 2%;
  }

  .topwork-collage-block {
    justify-content: center;
  }

  .bg-mockup-w {
    width: 100%;
    position: relative;
    left: -4%;
  }

  .bg-mockup-w.more-size {
    max-width: 700px;
  }

  .bg-mockup-block {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }

  .move-top {
    top: -21px;
  }

  .service-big-icon {
    max-width: 350px;
    height: 200px;
  }

  .label {
    font-size: 14px;
    line-height: 16px;
  }

  .request-block-header {
    margin-bottom: 0;
  }

  .request-project-type-w {
    margin-top: 10px;
  }

  .project-type-icon {
    width: 48px;
    margin-bottom: 8px;
  }

  .check-button-label {
    font-size: 13px;
    line-height: 16px;
  }

  .check-button-field {
    width: 23.5%;
    margin-top: 12px;
    margin-right: 1.5%;
    padding: 15px 10px;
  }

  .project-type-block {
    margin-right: -1.5%;
  }

  .form-row.fool-w {
    margin-bottom: 5px;
  }

  .text-field-3 {
    height: 42px;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  .text-field-3.big-field {
    height: 42px;
    padding-left: 0;
    font-size: 16px;
  }

  .form-row-block {
    grid-column-gap: 12px;
  }

  .order-block-col-6 {
    flex: none;
    width: 50%;
  }

  .solution-price {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
  }

  .price-span {
    letter-spacing: -1px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
    line-height: 22px;
  }

  .plan-label {
    font-size: 14px;
    line-height: 19px;
  }

  .sol-cloud-item {
    color: var(--black);
    margin-bottom: 20px;
    margin-right: 25px;
    font-size: 16px;
    line-height: 18px;
  }

  .plan-item-w-2 {
    width: 32%;
    padding: 30px 0 40px;
  }

  .solutions-cloud-w {
    margin-top: 20px;
  }

  .plan-func-icon {
    width: 28px;
  }

  .function-icon {
    width: 32px;
  }

  .function-icon.more-size {
    width: 34px;
  }

  .h1-subheader-2 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
  }

  .h1-subheader-2.no-margin {
    font-size: 20px;
    font-weight: 400;
  }

  .tariff-name-3 {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1.1em;
  }

  .tariff-name-3.min-size {
    font-size: 20px;
  }

  .plan-bottom-block-2 {
    margin-top: 0;
  }

  .plan-bottom-block-2.gray-bg-1, .plan-bottom-block-2.gray-bg-2, .plan-bottom-block-2.gray-bg-3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .grid-block {
    background-color: var(--white);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-block.top-block {
    padding: 45px 15px 25px;
    top: 62px;
  }

  .grid-block.top-block.add-right-corner, .grid-block.top-block.gray-bg-1, .grid-block.top-block.gray-bg-2 {
    padding-top: 30px;
  }

  .grid-block.top-block-2 {
    padding: 20px 15px;
  }

  .grid-block.top-block-2.more-z-index {
    padding-top: 20px;
    top: 0;
  }

  .grid-block.no-bg {
    margin-left: -8px;
    margin-right: -8px;
  }

  .grid-block.no-bg.with-bg {
    margin-left: -8px;
  }

  .price-div-2 {
    font-size: 26px;
    line-height: 35px;
  }

  .slider {
    padding-right: 0;
  }

  .paragraph-4 {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.6em;
  }

  .lang-dd {
    margin-left: 5px;
  }

  .tariff-period-choose-2 {
    width: 130px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
  }

  .main-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .main-section.fix-padding {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .plan-function-div-2 {
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 25px 30px;
    font-size: 13px;
    line-height: 1.5em;
  }

  .plan-function-div-2.with-black-bg {
    border-top-style: none;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .plan-function-div-2.add-padding {
    justify-content: flex-start;
    padding: 20px 15px;
    font-size: 12px;
    line-height: 1.4em;
  }

  .plan-function-div-2.add-padding.center-align {
    justify-content: center;
  }

  .price-text-2 {
    margin-right: 3px;
    font-size: 16px;
    line-height: 20px;
  }

  .plan-function-header {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.1em;
  }

  .plan-function-header.hide-grid-element-2 {
    text-align: left;
    padding-left: 20px;
  }

  .plan-function-header.no-padding {
    font-size: 16px;
  }

  .price-bg-block {
    top: 62px;
  }

  .price-block-2 {
    font-size: 36px;
    line-height: 30px;
  }

  .plan-function-heading-3 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
  }

  .plan-function-heading-3.no-margin {
    font-size: 15px;
  }

  .plan-function-heading-3.no-margin-2, .plan-function-heading-3.no-margin-3 {
    font-size: 16px;
    line-height: 19px;
  }

  .slider-right-arrow {
    width: 50px;
    height: 50px;
    top: auto;
    bottom: -50px;
    left: auto;
    right: 0%;
  }

  .hero-div-2.center-align {
    margin-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-div-2.center-align.no-margin {
    margin-bottom: 0;
  }

  .hero-div-2.add-margin {
    margin-top: 20px;
    margin-bottom: 70px;
  }

  .main-form-col {
    width: 30%;
    min-width: 335px;
  }

  .h1-top-hero {
    font-size: 16px;
    line-height: 20px;
  }

  .main-form {
    padding: 40px;
  }

  .text-field-4 {
    height: 50px;
    margin-bottom: 20px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 16px;
  }

  .text-field-4.no-margin {
    height: 52px;
  }

  .submit-btn {
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  .form-h1 {
    margin-bottom: 10px;
    padding-right: 0;
    font-size: 26px;
  }

  .form-h1.min-margin {
    margin-bottom: 20px;
  }

  .form-h1-subheading {
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
  }

  .form-h1-subheading.in-popup {
    font-size: 15px;
  }

  .main-form-hero {
    margin-bottom: 30px;
  }

  .hero-logo-icon {
    width: 35px;
    margin-right: 5px;
  }

  .top-hero-div {
    margin-bottom: 7px;
  }

  .hero-container-row {
    padding-bottom: 20px;
  }

  .hero-container-row.add-grid {
    grid-template-columns: 1.2fr 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-bottom-block-item {
    max-width: 32%;
    padding: 20px 20px 15px;
    font-size: 18px;
    line-height: 22px;
  }

  .text-list-item {
    font-size: 12px;
    line-height: 16px;
  }

  .check-text-item {
    letter-spacing: -.5px;
    background-position: 7px;
    background-size: 15px;
    margin-bottom: 8px;
    margin-right: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 28px;
    font-size: 16px;
    line-height: 1.4em;
    display: inline-block;
  }

  .check-text-item.inversion {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 22px;
  }

  .check-text-item.min-size {
    padding-left: 30px;
    font-size: 14px;
  }

  .perform-block-w {
    flex-wrap: wrap;
  }

  .perform-block-item {
    flex: none;
    width: 45%;
  }

  .perform-crown {
    width: 30px;
    margin-right: 8px;
  }

  .perform-header {
    margin-bottom: 15px;
  }

  .perform-arrow-icon {
    width: 20px;
    margin-right: 10px;
  }

  .perform-arrow-icon.full-w {
    transform: rotate(90deg);
  }

  .work-main-block {
    height: 460px;
  }

  .footer-logo-img {
    width: 140px;
  }

  .footer-container-2 {
    margin-bottom: 20px;
  }

  .copyright-text-2 {
    width: 95%;
  }

  .dot-in-list {
    width: 3px;
    height: 3px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .count-block-w {
    font-size: 13px;
    line-height: 16px;
  }

  .count-block {
    align-items: flex-start;
  }

  .count-block-heading {
    text-align: left;
    width: auto;
    margin-bottom: 0;
    margin-right: 30px;
    font-size: 32px;
  }

  .count-number-block {
    font-size: 50px;
    line-height: 60px;
  }

  .number-digit {
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 60px;
  }

  .counter-currency {
    margin-right: 5px;
  }

  .full-w-arrow {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    display: flex;
  }

  .form-badge-w {
    width: 110px;
    height: 110px;
    padding-top: 12px;
    padding-bottom: 22px;
    font-size: 26px;
    line-height: 26px;
    top: -36px;
    right: -39px;
    transform: rotate(-10deg);
  }

  .form-badge-w.in-popup {
    width: 120px;
    font-size: 22px;
    line-height: 24px;
    top: -28px;
    right: -30px;
  }

  .form-badge-w.in-quiz {
    width: 115px;
    height: 90px;
    top: -24px;
    right: -40px;
    transform: rotate(16deg);
  }

  .move-up-link-w {
    width: 50px;
    height: 50px;
    padding: 13px;
    bottom: 10px;
    left: 10px;
  }

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

  .image-col.no-sticky {
    margin-left: -3%;
    padding-left: 0;
    position: relative;
    top: auto;
  }

  .website-illustration {
    width: 108%;
    max-width: none;
    margin-left: -8%;
  }

  .website-illustration.first-illustration {
    width: 135%;
    margin-left: -18%;
    margin-right: 0;
  }

  .website-illustration.first-illustration.min-size {
    width: 400px;
    margin-left: 0%;
    margin-right: -66px;
  }

  .website-illustration.second-illustration {
    margin-left: 1%;
  }

  .close-popup-btn-2 {
    z-index: 20;
    width: 30px;
    height: 30px;
    padding: 8px;
    top: 40px;
    right: 15px;
  }

  .big-link {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
  }

  .right-arrow {
    width: 30px;
    font-size: 26px;
  }

  .compare-table-grid {
    min-width: 850px;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .grid-top-text {
    font-size: 18px;
    line-height: 22px;
  }

  .plan-bottom-block-3 {
    margin-top: 0;
  }

  .grid-block-text {
    font-size: 15px;
    line-height: 18px;
  }

  .grid-block-text.more-size {
    font-size: 16px;
  }

  .plan-item-link {
    margin-top: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 11px;
    line-height: 12px;
  }

  .popup-section-lp, .popup-section-bw, .popup-section-os {
    justify-content: flex-start;
    display: none;
    overflow: auto;
  }

  .include-text {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
  }

  .bonus-link {
    font-size: 14px;
  }

  .popup-section-bonus {
    overflow: auto;
  }

  .list-bll {
    margin-top: 20px;
  }

  .bonus-popup-container {
    max-width: 650px;
    padding: 50px;
  }

  .price-popup-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding: 45px;
    overflow: hidden;
  }

  .bonuses-w {
    flex-direction: column;
    align-items: center;
    height: 500px;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .bonuses-bg-w.with-perspective {
    width: 100%;
    left: -3%;
  }

  .bonuses-bg-w.with-perspective.in-left-col {
    margin-left: 10px;
    right: -3%;
  }

  .form-small-text {
    margin-top: 15px;
  }

  .form-small-text.bottom-margin {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .price-grid {
    width: 100%;
    min-width: 900px;
  }

  .price-grid-row-item {
    grid-template-columns: minmax(auto, 1.3fr) 1fr 1fr 1fr;
  }

  .plan-function-span {
    font-size: 12px;
    line-height: 15px;
  }

  .price-grid-block {
    overflow: auto;
  }

  .hor-swipe-div {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    display: flex;
  }

  .swipe-icon {
    width: 35px;
    margin-bottom: 8px;
  }

  .compare-grid-block {
    padding-top: 10px;
    padding-bottom: 20px;
    overflow: auto;
  }

  .work-thumbs-block-1 {
    padding-bottom: 3vw;
  }

  .work-thumbs-grid {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .works-thumbs-overflow {
    top: -10%;
    bottom: -10%;
  }

  .work-thumbs-block-2 {
    padding-bottom: 3vw;
  }

  .case-bottom-block {
    grid-row-gap: 50px;
    grid-template-columns: auto;
    grid-auto-flow: row;
    justify-content: end;
  }

  .case-cloud-w {
    margin-top: 20px;
  }

  .case-hashtag-item {
    color: var(--black);
    font-size: 16px;
    line-height: 18px;
  }

  .case-hashtag-item.on-hero {
    font-size: 15px;
  }

  .quiz-main-w {
    justify-content: flex-start;
    min-height: auto;
  }

  .quiz-nav-container {
    padding-top: 15px;
    padding-bottom: 13px;
  }

  .quiz-nav-logo {
    height: 26px;
  }

  .quiz-hero-section {
    flex: 0 auto;
    grid-auto-flow: row;
    height: auto;
  }

  .quiz-hero-container {
    height: auto;
  }

  .quiz-hero-container.in-thanks-page {
    padding-bottom: 60px;
  }

  .quiz-block-w {
    padding: 40px;
  }

  .quiz-block-w.quiz-step-block {
    width: 80%;
    padding: 40px 50px 50px;
  }

  .quiz-block-header {
    grid-row-gap: 24px;
  }

  .new-quiz-form-block {
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .new-quiz-form {
    grid-row-gap: 25px;
  }

  .quiz-btn-field {
    padding-right: 15px;
  }

  .quiz-form-1-col-grid {
    grid-row-gap: 12px;
    font-size: 15px;
  }

  .compare-grid-block-2 {
    margin-left: -3.5%;
    margin-right: -3.5%;
    padding-top: 110px;
    padding-bottom: 20px;
    overflow: auto;
  }

  .country-flag-img {
    width: 25px;
    height: 25px;
    margin-top: -4px;
  }

  .form-fields-block {
    grid-row-gap: 10px;
  }

  .h2-subheader-w.top-margin {
    margin-top: 20px;
  }

  .platform-support-block {
    font-size: 16px;
  }

  .app-section {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .app-section.green-bg {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .app-section.more-bottom-padding {
    padding-bottom: 20vw;
  }

  .app-section.quote-section-2, .app-section.quote-section-3, .app-section.add-overflow.yellow-bg, .app-section.add-overflow.yellow-bg {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .app-section.more-top-padding {
    padding-top: 20vw;
  }

  .app-section.quote-section {
    height: 200vh;
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .app-section.gray-bg {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .h1-block-2 {
    margin-bottom: 50px;
  }

  .for-whom-slider-mask {
    width: 180px;
  }

  .ex-item-logo {
    width: 52px;
    height: 52px;
  }

  .text-grid {
    grid-row-gap: 2vw;
  }

  .fire-icon {
    width: 22px;
    margin-right: 3px;
  }

  .menu-icon {
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    display: flex;
  }

  .hide-examples-grid {
    margin-top: 4vw;
    margin-bottom: 3vw;
  }

  .features-price-block {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: end;
    justify-content: start;
    align-items: end;
    justify-items: start;
    margin-top: 0;
    display: grid;
  }

  .winning-grid {
    grid-column-gap: 3vw;
    grid-row-gap: 0vw;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: start;
    display: grid;
  }

  .feature-item-text {
    font-size: 17px;
  }

  .mindcrafted-right-col {
    display: block;
  }

  .nav-btn-w-2 {
    margin-right: 15px;
  }

  .span-youtop-logo {
    width: 100px;
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
    top: -4px;
  }

  .footer-container-2 {
    grid-row-gap: 60px;
  }

  .menu-btn-div {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .logo-link {
    height: 34px;
    margin-right: 0;
    font-size: 32px;
    display: flex;
  }

  .tab-btn-2 {
    font-size: 16px;
  }

  .tab-btn-2.app-btn {
    font-size: 15px;
    line-height: 1.1;
  }

  .popup-form-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto;
  }

  .navbar-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    width: 100%;
    display: grid;
  }

  .bonuses-icon {
    width: 38px;
  }

  .features-price-number {
    font-size: 50px;
  }

  .mockup-img {
    width: 240px;
    margin-bottom: -1px;
  }

  .right-col-item {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .icons-w.hero-icons-block {
    margin-bottom: 50px;
  }

  .icons-w.in-mindcrafted-block {
    grid-column-gap: 0px;
    flex-wrap: wrap;
    margin-top: 20px;
    display: flex;
  }

  .icons-w.in-features-col {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-auto-flow: column;
    justify-content: space-between;
    justify-items: start;
    display: flex;
  }

  .hero-section {
    padding-top: 200px;
    padding-bottom: 160px;
  }

  .submit-button {
    background-position: 18%;
    background-size: 20px;
    padding: 18px 20px 18px 35px;
    font-size: 17px;
    line-height: 20px;
  }

  .combine-header-w {
    grid-row-gap: 4vw;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .team-photo-illustration {
    width: 100%;
    max-width: 600px;
  }

  .tools-logo-2 {
    height: 44px;
  }

  .examples-grid {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-columns: 1fr 1fr;
  }

  .work-img-grid {
    grid-column-gap: 30px;
  }

  .content-hor-grid {
    grid-row-gap: 20vw;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .form-subheading {
    font-size: 18px;
  }

  .nav-menu-grid {
    grid-column-gap: 0px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .feature-info-block {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-content: start;
    justify-items: start;
    width: 100%;
  }

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

  .form-field {
    height: 50px;
    font-size: 16px;
  }

  .scrolled-down-line {
    height: 56%;
  }

  .cloud-item-block {
    margin: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .quote-paragraph {
    font-size: 40px;
    line-height: 1.3;
  }

  .popup-container-2 {
    max-width: 550px;
    padding: 50px;
  }

  .for-content-block-w {
    overflow: visible;
  }

  .compare-item-icon {
    margin-top: 1px;
  }

  .content-grid.no-gap {
    grid-row-gap: 0px;
  }

  .loop-banner-item {
    font-size: 3vw;
  }

  .features-bottom-content {
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
  }

  .icon-item {
    padding: 12px 15px;
  }

  .icon-item.min-size {
    grid-column-gap: 5px;
    padding: 10px;
    font-size: 13px;
  }

  .icon-item.min-h {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px 15px 10px 12px;
    font-size: 15px;
  }

  .compare-left-col {
    padding: 60px;
  }

  .features-main-grid {
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
  }

  .features-info-col {
    grid-column-gap: 4vw;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    min-height: auto;
    max-height: none;
    padding-top: 0;
    display: grid;
  }

  .tabs-why-blocks {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .combine-grid {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .timeline-w {
    grid-row-gap: 10vw;
  }

  .ex-item-content-w {
    padding: 20px;
  }

  .bold-text {
    font-size: 20px;
    line-height: 1.2;
  }

  .tools-logos-row, .tools-logos-row.row-2 {
    grid-column-gap: 25px;
  }

  .platform-icon-div {
    width: 38px;
    height: 38px;
  }

  .cloud-block {
    padding: 30px;
  }

  .popup-section-2 {
    overflow: auto;
  }

  .compare-right-col {
    padding: 60px;
  }

  .content-block-header-w {
    grid-row-gap: 3vw;
    grid-template-columns: 1fr;
  }

  ._2-col-grid {
    grid-row-gap: 3vw;
  }

  ._2-col-grid.top-align {
    grid-row-gap: 5vw;
    grid-template-columns: 1.1fr;
  }

  .timeline-grid {
    grid-row-gap: 5vw;
  }

  .work-img-div {
    border-width: 4px;
    border-radius: 25px;
  }

  .tools-logo {
    height: 65px;
  }

  .ex-app-img {
    height: 38px;
  }

  .compare-badge-text {
    font-size: 16px;
  }

  .tabs-why-icon-w.no-bg {
    width: 34px;
    height: 34px;
  }

  .timeline-step {
    width: 45px;
    height: 45px;
    font-size: 22px;
  }

  .icon-2 {
    width: 30px;
  }

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

  .compare-emoji {
    width: 60px;
    height: 60px;
  }

  .compare-list-item {
    grid-column-gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .iphone-mockup-w {
    border-width: 4px;
    border-radius: 25px 25px 0 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .for-whom-slider-w {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .work-img.add-blur {
    filter: blur(4px);
  }

  .combine-item-header {
    grid-column-gap: 15px;
  }

  .content-block-header.more-w {
    max-width: none;
    margin-bottom: 5vw;
  }

  .footer-logo-col {
    grid-column-gap: 30px;
    grid-auto-flow: column;
    align-content: center;
    align-items: end;
  }

  .what-slider {
    width: 100%;
    margin-top: 60px;
  }

  .popup-overflow {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nav-btn {
    font-size: 14px;
    line-height: 20px;
  }

  .work-tab-container {
    padding: 40px;
  }

  .giant-text-span {
    line-height: 1;
  }

  .form-heading {
    font-size: 32px;
    line-height: 115%;
  }

  .what-slider-mask {
    width: 100%;
  }

  .what-slider-content {
    grid-column-gap: 30px;
    grid-template-columns: 1fr auto;
    align-content: start;
    align-items: start;
    width: 100%;
  }

  .h1-2 {
    font-size: 52px;
    line-height: 1.2;
  }

  .h1-2.center-align {
    text-align: center;
  }

  .h1-2.in-quiz {
    font-size: 58px;
  }

  .compare-grid {
    grid-column-gap: 0vw;
    width: 110vw;
    padding-right: 3vw;
  }

  .close-popup-btn-2 {
    width: 28px;
    height: 28px;
  }

  .team-img-div {
    left: -33px;
  }

  .team-img-div.img-2 {
    top: 68px;
    left: -8vw;
  }

  .team-img-div.img-4 {
    top: 10px;
    left: 3px;
  }

  .team-img-div.img-5 {
    top: 9px;
    left: 93px;
  }

  .features-list-w {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    padding: 40px;
  }

  .contact-us-block.add-max-w {
    max-width: 80%;
  }

  .gray-text-block {
    text-align: left;
    justify-content: start;
    justify-items: start;
  }

  .pc-scroll-down {
    width: 28px;
    height: 44px;
  }

  .compare-header {
    text-align: center;
  }

  .giant-text {
    font-size: 44px;
  }

  .list-w {
    grid-row-gap: 1.5vw;
    padding-left: 20px;
  }

  .tools-logos-grid {
    grid-row-gap: 30px;
  }

  .for-whom-img-w {
    border-width: 4px;
    border-radius: 25px;
    width: 140px;
    margin-left: 20px;
    margin-right: 20px;
    box-shadow: 11px 11px 25px -5px rgba(0, 0, 0, .25);
  }

  .for-whom-img-w.add-top-margin {
    margin-top: 40px;
  }

  .ex-text-block {
    font-size: 15px;
  }

  .compare-badge-item {
    font-size: 32px;
  }

  .tab-btn-block {
    min-width: auto;
    padding: 13px 10px 13px 15px;
  }

  .works-tab-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .content-block-w {
    grid-row-gap: 6vw;
    grid-template-columns: 1fr;
  }

  .content-block-w.horizontal-content-grid {
    max-width: 95vw;
    margin-bottom: 0;
  }

  .hor-swipe-div-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: -95px;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    position: relative;
    top: 95px;
  }

  .loop-banner-w {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .combine-header {
    font-size: 42px;
    line-height: 1.2;
  }

  .quiz-hero-bg {
    height: 70vw;
  }

  .quiz-tabs, .new-quiz-form-container {
    height: auto;
  }

  .quiz-tabs-content {
    flex: 0 auto;
    height: auto;
  }

  .quiz-tab-pane {
    height: auto;
  }

  .quiz-block-body {
    grid-row-gap: 20px;
  }

  .success-mess-div {
    font-size: 16px;
  }

  .nav-right-block {
    grid-column-gap: 15px;
  }

  .embed-cloud-w {
    background-size: cover;
    width: 130px;
    height: 90px;
    padding-bottom: 7px;
    top: -10px;
    left: -5px;
  }

  .embed-cloud-w.in-popup {
    width: 135px;
    height: 120px;
    top: -3px;
    left: -7px;
  }

  .embed-cloud-w.in-quiz {
    width: 120px;
    height: 100px;
    top: 5px;
    left: -15px;
  }

  .cloud-text {
    font-size: 20px;
    line-height: 22px;
  }

  .cloud-text.in-popup {
    font-size: 22px;
  }

  .new-section.move-to-wave-2 {
    margin-top: -18vw;
    margin-bottom: -18vw;
  }

  .new-section.min-margins {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .small-container {
    width: 75%;
  }

  .small-container.add-bottom-margin {
    margin-bottom: 20px;
    padding-bottom: 45px;
  }

  .new-section-block {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .new-section-block.gray-bg.more-top-padding-2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .new-section-block.quote-sticky-block {
    margin-top: -10px;
    margin-bottom: -10px;
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .embed-wave-block {
    padding-top: 40px;
  }

  .embed-wave-block.bottom-block {
    padding-bottom: 40px;
  }

  .embed-wave-block.bottom-block.no-bottomn-padding {
    margin-top: -6vh;
  }

  .steps-main-w {
    grid-row-gap: 60px;
  }

  .step-item-row {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .step-item-row.second-row {
    grid-template-columns: 1fr;
  }

  .step-item-col {
    min-height: auto;
  }

  .step-item-number {
    text-align: center;
    width: 250px;
    font-size: 200px;
  }

  .step-item-lines-w {
    grid-row-gap: 15px;
    width: 100%;
    padding-top: 9px;
  }

  .step-item-number-w {
    width: 180px;
  }

  .step-item-line {
    height: 20px;
  }

  .step-item-content {
    grid-row-gap: 20px;
  }

  .step-embed-arrow-w {
    width: 60px;
    height: 60px;
    bottom: -60px;
  }

  .service-item {
    grid-row-gap: 15px;
    box-shadow: none;
    padding: 20px;
  }

  .service-content-block.flex-vertical {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .new-tabs-menu {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    margin-bottom: 40px;
    display: flex;
  }

  .new-tabs-content {
    padding: 44px;
  }

  .tab-item-content {
    max-width: 70%;
    padding: 35px;
  }

  .text-block-icon {
    width: 58px;
  }

  .text-block {
    text-align: left;
    width: auto;
  }

  .adv-slider-left-arrow {
    width: 50px;
    font-size: 28px;
  }

  .adv-slide-container {
    grid-column-gap: 30px;
    padding: 40px 50px;
  }

  .case-slider-w {
    padding-top: 70px;
  }

  .case-slider {
    margin-bottom: 0;
  }

  .case-slide-container {
    grid-template-columns: 1fr;
  }

  .case-slide-content {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
  }

  .case-slider-arrow {
    width: 90px;
    height: 50px;
    top: -55px;
  }

  .case-slider-arrow.right-arrow {
    left: 110px;
  }

  .case-slide-name {
    font-size: 42px;
  }

  .case-slide-quote-div {
    padding-right: 40px;
  }

  .case-slide-quote-mark.bottom-mark {
    right: 0%;
  }

  .app-paragraph {
    font-size: 18px;
    line-height: 1.4;
  }

  .app-text-block.add-max-w-2 {
    max-width: 100%;
  }

  .app-text-block._3-col-text {
    padding-top: 34px;
    padding-bottom: 42px;
  }

  .new-popup-section {
    overflow: auto;
  }

  .graph-lottie-w {
    margin-top: 40px;
  }

  .big-container {
    grid-column-gap: 0px;
    width: 100%;
  }

  .big-container.add-gap {
    grid-row-gap: 60px;
  }

  .map-image {
    height: auto;
    margin-top: 0;
    margin-bottom: -30px;
  }

  .hero-woman-img {
    max-width: 520px;
  }

  .hero-woman-img-w {
    right: -25px;
  }

  .navbar-top-block {
    padding-right: 0%;
  }

  .adv-main-grid {
    grid-column-gap: 40px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .crown-lottie {
    width: 90%;
  }

  .adv-header-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .h2-top-subheader {
    font-size: 26px;
    line-height: 20px;
  }

  .h2-top-subheader.big {
    font-size: 40px;
    line-height: 1;
  }

  .container-grid {
    grid-row-gap: 40px;
  }

  .sales-tabs {
    grid-column-gap: 0px;
  }

  .sales-tabs-menu {
    max-width: 320px;
  }

  .sales-tabs-btn {
    font-size: 26px;
  }

  .sales-tabs-content {
    margin-top: -170px;
    margin-bottom: -110px;
  }

  .sales-tab-container {
    height: 700px;
    padding-left: 60px;
  }

  .sales-scroll-div {
    font-size: 20px;
    line-height: 1.1;
  }

  .phone-video-div {
    padding-top: 14px;
    padding-bottom: 15px;
    padding-left: 19px;
  }

  .crown-icon-2-2 {
    max-height: 35px;
  }

  .crown-icon-1-2 {
    width: 36px;
    top: -21px;
    left: -11px;
    transform: rotate(-8deg);
  }

  .new-quiz-grid {
    flex: 0 auto;
    height: auto;
  }

  .quiz-hero-checks {
    margin-bottom: 50px;
  }

  .nav-quiz-text {
    font-size: 14px;
    line-height: 16px;
  }

  .quiz-nav-col {
    display: none;
  }

  .quiz-contacts-grid {
    width: 100%;
  }

  .quiz-contacts-link-block {
    font-size: 16px;
  }

  .quiz-contact-icon {
    width: 22px;
    height: 22px;
    margin-right: 10px;
  }

  .loop-text-badge-w {
    margin-top: 80px;
  }

  .loop-badge-text {
    font-size: 7vw;
  }

  .badge-dot-w {
    width: 2vw;
    height: 2vw;
  }

  .adv-icon-w {
    width: 100px;
    height: 100px;
  }

  .h1-glitch-wrapper {
    margin-bottom: 10px;
  }

  .glitch-text-h1 {
    font-size: 74px;
  }

  .glitch-text-h1.min-size {
    font-size: 7vw;
  }

  .map-img-w {
    height: 46vw;
    margin-top: -35px;
    margin-bottom: -40px;
  }

  .text-block-4 {
    font-size: 20px;
    line-height: 22px;
  }

  .services-links-w {
    margin-bottom: -25px;
  }

  .service-link {
    margin-bottom: 13px;
    margin-right: 25px;
    font-size: 20px;
  }

  .service-link.w--current {
    text-decoration: none;
  }

  .service-slider-w {
    margin-top: 0;
    margin-bottom: 0;
  }

  .service-slider-img-col {
    height: 100vh;
    margin-top: 0;
  }

  .service-slider-content {
    margin-top: -100vw;
    margin-bottom: -100vw;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slider-item {
    max-width: 53%;
    padding-top: 30vw;
    padding-bottom: 30vw;
  }

  .slider-item.first-item {
    padding-top: 130vw;
  }

  .slider-item.last-item {
    padding-bottom: 130vw;
  }

  .slider-content-block {
    grid-row-gap: 20px;
  }

  .slider-content {
    grid-row-gap: 30px;
  }

  .slider-item-list-w {
    width: 75%;
    right: -84%;
  }

  .slider-item-tag {
    margin-bottom: 15px;
    margin-right: 0;
    line-height: 1.1;
  }

  .list-item-block {
    grid-row-gap: 15px;
    padding: 30px 200px 30px 30px;
  }

  .bg-line-w {
    width: 190px;
  }

  .road-cross-icon {
    top: 33px;
    right: 100px;
  }

  .road-dot-icon {
    right: 38px;
  }

  .road-dot-icon.dot-2 {
    top: 80px;
    right: 147px;
  }

  .road-pin-icon {
    bottom: 58px;
    left: 70px;
  }

  .factors-grid {
    grid-column-gap: 30px;
  }

  .factors-list-grid {
    grid-row-gap: 50px;
  }

  .factor-list-item {
    grid-row-gap: 15px;
  }

  .factors-icon {
    width: 80px;
  }

  .factor-item-header {
    grid-column-gap: 20px;
  }

  .factors-man-info-block {
    width: 110%;
  }

  .factors-team-info-div {
    padding: 15px;
    font-size: 15px;
    line-height: 22px;
  }

  .factors-man-block {
    top: 180px;
  }

  .steps-form-item {
    grid-column-gap: 15px;
  }

  .steps-form-number {
    width: 43px;
    height: 43px;
    font-size: 20px;
  }

  .quiz-btn-big-text {
    font-size: 24px;
  }

  .quiz-big-btn-lottie {
    width: 35px;
  }

  .quiz-big-btn-lottie.rotate-icon {
    margin-bottom: 0;
  }

  .quiz-features-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    max-width: none;
  }

  .quiz-features-grid.in-quiz {
    grid-column-gap: 5px;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    top: -45px;
  }

  .quiz-features-item {
    grid-row-gap: 10px;
  }

  .quiz-features-item.in-steps {
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .quiz-features-icon {
    width: 34px;
  }

  .quiz-contacts-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .n-quiz-footer {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .n-quiz-footer-container {
    font-size: 12px;
  }

  .quiz-footer-logo {
    height: 18px;
  }

  .quiz-footer-link {
    font-size: 14px;
  }

  .brief-radiobtn-btn-in-quiz, .brief-radiobtn-btn-in-quiz.w--redirected-checked, .brief-checkbox-btn-in-quiz.w--redirected-checked {
    background-position: 15px;
  }

  .quiz-feature-item-header {
    font-size: 14px;
  }

  .quiz-nav-btn {
    font-size: 15px;
  }

  .btn-icon-w {
    width: 22px;
    height: 22px;
  }

  .nav-contact-content {
    padding-bottom: 1px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 16px;
    left: 0%;
    right: auto;
  }

  .quiz-contacts-container {
    grid-row-gap: 30px;
  }

  .quiz-step-ps-text, .quiz-step-contdown, .quiz-footer-copyrignt {
    font-size: 14px;
  }

  .app-paragraph-2 {
    font-size: 18px;
    line-height: 1.4;
  }

  .app-paragraph-2.like-block {
    max-width: 90%;
    margin-left: -16px;
    padding: 11px 15px;
    font-size: 16px;
  }

  .app-paragraph-2.like-block.move-to-right {
    max-width: 80%;
    right: 13px;
  }

  .app-paragraph-2.like-block.third-item {
    max-width: 80%;
  }

  .app-paragraph-2.center-align {
    font-size: 20px;
  }

  .icon-3 {
    width: 30px;
  }

  .app-navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .app-container.quote-container {
    top: 35vh;
  }

  .app-nav-menu {
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #fff;
    padding: 12px 3%;
    position: absolute;
  }

  .app-nav-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .app-nav-right-col {
    grid-column-gap: 0px;
    align-items: center;
    width: auto;
    display: flex;
  }

  .app-hero-section {
    padding-top: 200px;
    padding-bottom: 160px;
  }

  .swipe-icon-3 {
    width: 35px;
    margin-bottom: 8px;
  }

  .app-nav-logo-w {
    flex: 1;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .app-h2-subheader {
    font-size: 22px;
  }

  .team-img-div-2 {
    left: -33px;
  }

  .team-img-div-2.img-2 {
    top: 68px;
    left: -8vw;
  }

  .team-img-div-2.img-4 {
    top: 10px;
    left: 3px;
  }

  .team-img-div-2.img-5 {
    top: 9px;
    left: 93px;
  }

  .app-h2-block {
    margin-bottom: 8vw;
  }

  .form-small-text-3 {
    font-size: 13px;
    line-height: 16px;
  }

  .app-nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
  }

  .app-h3 {
    font-size: 28px;
  }

  .app-menu-button {
    cursor: pointer;
    border-color: #0c0c0c;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
  }

  .app-menu-button:hover {
    color: #0c0c0c;
  }

  .app-menu-button.w--open {
    background-color: #0c0c0c;
    border-color: #0c0c0c;
  }

  .app-menu-button.w--open:hover {
    color: #fff;
  }

  .popup-section-3, .get-price-popup-section {
    overflow: auto;
  }

  .quote-for-scroll {
    font-size: 52px;
    line-height: 1.2;
  }

  .quote-for-scroll.top-margin {
    font-size: 48px;
  }

  .quote-for-scroll-w {
    max-width: 790px;
    min-height: 320px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-case-item {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .case-item-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .case-item-container.with-reverse {
    grid-template-columns: 1fr;
  }

  .case-item-left-col {
    justify-content: start;
    justify-items: start;
  }

  .case-item-right-col {
    left: -5px;
  }

  .case-item-right-col.with-reverse {
    left: auto;
    right: -8px;
  }

  .case-item-desct-img {
    width: 97%;
  }

  .case-item-mob-img {
    width: 35%;
  }

  .case-item-text-w {
    width: 100%;
  }

  .case-item-text-w.in-two-col {
    grid-auto-flow: column;
  }

  .case-number-item {
    padding: 16px 17px 16px 22px;
  }

  .case-number-text {
    font-size: 36px;
  }

  .aboup-big-icon {
    width: 250px;
  }

  .team-bg-w {
    height: 37vw;
    position: relative;
  }

  .stanley-team-img {
    width: 16vw;
    bottom: 9.8vw;
    left: 7%;
  }

  .dmitri-team-img {
    width: 17vw;
    bottom: 23.6vw;
    left: 23%;
  }

  .ann-team-img {
    width: 15vw;
    bottom: 2vw;
    right: 22%;
  }

  .constantin-team-img {
    width: 17vw;
    bottom: 23.2vw;
    right: 32%;
  }

  .ihor-team-img {
    width: 16vw;
    bottom: 15.3vw;
    right: 3%;
  }

  .mateus-team-img {
    width: 18vw;
    top: -20vw;
    right: 0%;
  }

  .monica-team-img {
    width: 17vw;
    top: -15.2vw;
    left: -1%;
  }

  .hanna-team-img {
    width: 16vw;
    bottom: 4.1vw;
    right: 47%;
  }

  .case-left-col-images {
    display: none;
  }

  .case-item-desct-img-reverse {
    width: 97%;
  }

  .quiz-big-btn-lottie-reverse {
    width: 35px;
  }

  .list-item-f {
    grid-column-gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .heading-plan {
    font-size: 50px;
  }

  .price-plan {
    font-size: 36px;
  }

  .packages-block {
    grid-row-gap: 15px;
    padding: 0;
  }

  .packages-item, .packages-item.yellow-bg {
    padding: 20px;
  }

  .n-faq-dd-list-block {
    padding-right: 30px;
  }

  .faq-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .n-faq-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .n-faq-dd {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .small-paragraph {
    line-height: 1.4;
  }

  .toggle-block {
    height: 60px;
  }

  .service-block {
    grid-row-gap: 15px;
    padding: 30px;
  }

  .service-block.no-padding {
    padding: 0;
  }

  .services-txt {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
  }

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

  .content-category.white-bg {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .work-item {
    grid-row-gap: 15px;
    padding: 30px 20px;
  }

  .work-icon-w {
    width: 50px;
    height: 50px;
  }

  .shop-block {
    grid-row-gap: 15px;
    padding: 30px;
  }

  .inf-price {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .main-wrapper.no-overflow {
    overflow: hidden;
  }

  .main-wrapper.no-overflow-all {
    overflow: visible;
  }

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

  .section.hero-section {
    min-height: auto;
    padding-top: 110px;
    padding-bottom: 121px;
  }

  .section.hero-section.more-paddings {
    padding-top: 110px;
    padding-left: 1%;
    padding-right: 1%;
  }

  .section.hero-section.no-full-w {
    min-height: 30vh;
  }

  .section.hero-section.no-full-w.min-padding {
    padding-top: 120px;
    padding-bottom: 0;
  }

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

  .section.hero-section-2 {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .section.black-wide-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.map-section {
    padding-bottom: 240px;
  }

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

  .section.our-work-section {
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 50px;
  }

  .section.project-main-section {
    min-height: auto;
    padding-top: 80px;
  }

  .section.more-paddings {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.hero-section-3 {
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .section.black-wide-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.hero-section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.hero-section-5 {
    padding-top: 100px;
    padding-bottom: 20px;
  }

  .section.case-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .navbar {
    transform: none;
  }

  .container {
    width: 90%;
  }

  .container.add-grid {
    grid-row-gap: 60px;
  }

  .hero-div {
    opacity: 1;
    padding-right: 32%;
    transform: none;
  }

  .hero-div.center-align {
    margin-bottom: 50px;
  }

  .hero-div.center-align.in-case {
    margin-bottom: 40px;
  }

  .hero-div.no-padding {
    padding-right: 0%;
  }

  .h1 {
    font-size: 34px;
    line-height: 1.2em;
  }

  .h1-subheader {
    width: 90%;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.5em;
  }

  .button {
    padding: 14px 20px;
    font-size: 13px;
    line-height: 14px;
  }

  .button.border-btn {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.big-quiz-btn {
    padding: 15px 20px;
  }

  .button.in-quiz-steps {
    font-size: 15px;
  }

  .button.in-quiz-steps.yellow-btn, .button.giant-btn {
    font-size: 18px;
  }

  .nav-container {
    width: 100%;
  }

  .nav-link {
    text-align: center;
    flex: 0 auto;
    padding: 16px 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .nav-link.like-btn {
    flex: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 8px;
  }

  .nav-link.like-btn.in-footer {
    margin-left: 0;
    padding-top: 13px;
    padding-bottom: 10px;
  }

  .nav-link.like-btn.white-color {
    margin-bottom: 0;
    margin-right: 2px;
    font-size: 13px;
  }

  .nav-link.like-btn.round-corners {
    margin-bottom: 16px;
    margin-left: 10px;
    padding: 7px 14px;
    font-size: 12px;
  }

  .nav-link.like-btn.round-corners.white {
    margin-bottom: 16px;
  }

  .nav-link.in-footer {
    margin-bottom: 17px;
    font-size: 13px;
  }

  .nav-link.in-footer.black-color {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 20px;
  }

  .nav-link.like-btn-3 {
    flex: none;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 14px;
    padding-bottom: 11px;
    padding-right: 20px;
  }

  .nav-link.like-btn-3.border-btn {
    margin-bottom: 17px;
  }

  .nav-link.min-size {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 11px;
  }

  .nav-link.mobi {
    display: block;
  }

  .nav-link.desktop {
    display: none;
  }

  .nav-logo-img {
    width: 140px;
  }

  .nav-logo-img.bizquiz-logo {
    width: 100px;
  }

  .nav-logo-img.in-footer {
    width: 150px;
  }

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

  .nav-dd {
    flex: 1;
  }

  .nav-dd-toggle {
    padding: 18px 13px 18px 20px;
    font-size: 13px;
    line-height: 14px;
  }

  .dd-arrow {
    width: 9px;
    height: 9px;
    font-size: 14px;
    line-height: 16px;
    top: -2px;
  }

  .h2 {
    letter-spacing: -1px;
    font-size: 44px;
  }

  .h2.add-width {
    max-width: 490px;
  }

  .h2-heading-div {
    margin-bottom: 50px;
  }

  .h2-heading-div.min-indent {
    margin-bottom: 40px;
  }

  .h2-heading-div.min-indent.no-margin {
    margin-bottom: -20px;
  }

  .h2-heading-div.no-padding {
    margin-bottom: 40px;
  }

  .h2-heading-div.left-align {
    text-align: center;
    align-items: center;
  }

  .h2-heading-div.left-align.min-margin {
    margin-bottom: 40px;
  }

  .h2-heading-div.min-margin {
    max-width: 868px;
  }

  .h2-heading-div.center-align.add-bottom-margin {
    margin-bottom: 50px;
  }

  .h2-subheader {
    font-size: 18px;
    line-height: 1.5em;
  }

  .h2-subheader.more-size {
    font-size: 22px;
  }

  .tabs-menu {
    width: 180px;
    top: 70px;
  }

  .tabs-menu.plans-menu {
    z-index: 20;
    background-color: var(--white);
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0%;
    padding: 5px;
    top: 54px;
  }

  .tabs-content.add-margin {
    margin-top: -130px;
    padding-bottom: 60px;
  }

  .tab-link {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1em;
  }

  .solution-item-icon {
    width: 60px;
    margin-right: 10px;
  }

  .solution-item-icon.bottom-margin {
    width: 60px;
    margin-bottom: 15px;
  }

  .h3 {
    font-size: 25px;
  }

  .h3.add-indent.more-size {
    font-size: 26px;
    line-height: 1.2em;
  }

  .h3.caps {
    margin-right: 10px;
  }

  .h3.add-top-indent {
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1.3em;
  }

  .h3.services-h3 {
    font-size: 20px;
  }

  .h3.in-crown-block {
    font-size: 30px;
  }

  .h3.in-crown-block.add-max-w {
    max-width: 280px;
  }

  .h3.in-crown-block.add-max-w-2 {
    max-width: 230px;
  }

  .h3.on-services {
    font-size: 40px;
  }

  .h3.min-size.min-width {
    font-size: 5vw;
  }

  .h3.case-work-h3 {
    font-size: 32px;
  }

  .paragraph {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .paragraph.white-color {
    margin-top: 15px;
  }

  .paragraph.no-indent.min-h {
    font-size: 28px;
  }

  .paragraph.testimonial-text {
    font-size: 15px;
    line-height: 1.6em;
  }

  .paragraph.min-size {
    font-size: 16px;
  }

  .paragraph.in-quiz-features {
    font-size: 14px;
  }

  .paragraph.no-margin.center-aling.gray-font {
    font-size: 16px;
  }

  .link.like-h6 {
    font-size: 13px;
  }

  .plans-btns-w {
    margin-left: auto;
    margin-right: auto;
  }

  .main-plans-block {
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .plan-item-w {
    width: 33.3333%;
    margin-right: -1px;
  }

  .price-div {
    font-size: 26px;
    line-height: 29px;
  }

  .tariff-name {
    font-size: 18px;
  }

  .tariff-name.no-indent {
    font-size: 20px;
    line-height: .7em;
  }

  .tariff-name.no-uppercase {
    font-size: 23px;
    line-height: 1.3em;
  }

  .price-w {
    font-size: 22px;
    line-height: 27px;
  }

  .price-w.bottom-margin {
    margin-bottom: 25px;
  }

  .price-block {
    font-size: 30px;
  }

  .plan-top-block {
    margin-bottom: 20px;
  }

  .plan-functions-block {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-function-div {
    font-size: 11px;
    line-height: 1.3em;
  }

  .plan-function-div.add-top-indent {
    padding-top: 15px;
  }

  .price-text {
    font-size: 14px;
    line-height: 18px;
  }

  .tariff-period-choose {
    width: 100px;
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-div {
    font-size: 14px;
  }

  .link-div.no-margin-white {
    margin-left: 25px;
    font-size: 13px;
  }

  .link-div.no-margin {
    margin-top: 15px;
  }

  .link-div.no-margin.right-align {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .link-div.no-margin-white-2 {
    font-size: 13px;
  }

  .btn-icon-div {
    width: 26px;
    height: 14px;
    top: 0;
  }

  .btn-lottie-icon {
    width: 16px;
    height: 14px;
  }

  .btn-lottie-icon.chat-icon.no-top-margin {
    margin-top: 0;
  }

  .btn-lottie-icon.left-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .button-content {
    grid-column-gap: 5px;
  }

  .dd-list {
    max-width: 350px;
  }

  .dd-list.w--open {
    min-width: 350px;
    max-width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
    left: 0;
  }

  .dd-list.lang-list.w--open {
    text-align: center;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .dd-link {
    white-space: normal;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .h4 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.2em;
  }

  .h4.no-margin {
    font-size: 18px;
  }

  .h4.no-margin.yellow-heading {
    white-space: pre-wrap;
    font-size: 22px;
  }

  .h4.white-text {
    margin-bottom: 0;
  }

  .h4.min-margin {
    font-size: 19px;
    line-height: 1.1em;
  }

  .h4.new-size-3 {
    font-size: 20px;
  }

  .h4.in-quiz-steps {
    font-size: 23px;
  }

  .page-scroll-indicator-w {
    display: none;
  }

  .custom-plan-w {
    margin-top: 40px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .custom-plan-div.vert-align {
    flex-direction: column;
    justify-content: flex-start;
  }

  .platforms-wrap {
    margin-bottom: -40px;
  }

  .platform-item {
    margin-bottom: 40px;
  }

  .platform-logo {
    max-width: 140px;
    height: 26px;
  }

  .platform-logo.conv-call {
    height: 32px;
  }

  .list {
    margin-bottom: 20px;
    padding-left: 16px;
  }

  .list-item {
    font-size: 13px;
    line-height: 1.5em;
  }

  .list-item.in-dd {
    font-size: 13px;
  }

  .list-item.about-us {
    font-size: 13px;
    line-height: 1.6em;
  }

  .platform-logo-div {
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .platform-content-div {
    padding: 20px 25px 30px;
  }

  .benefit-item {
    width: 30.3333%;
    margin-bottom: 3%;
    margin-right: 3%;
    padding: 20px 0;
  }

  .benefit-icon {
    width: 52px;
  }

  .h5 {
    font-size: 17px;
  }

  .h5.in-quiz {
    font-size: 20px;
  }

  .plan-function-heading {
    font-size: 12px;
  }

  .img-label-block {
    margin-bottom: 5%;
    font-size: 12px;
    line-height: 1.3em;
    right: 90%;
  }

  .img-label-block.in-bottom {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .label-text {
    white-space: normal;
    font-size: 26px;
    line-height: .6em;
  }

  .faq-dd-toggle {
    white-space: normal;
    padding: 20px 30px;
    font-size: 16px;
    line-height: 16px;
  }

  .faq-dd-toggle.w--open {
    padding-left: 15px;
  }

  .text-field {
    font-size: 13px;
  }

  .text-field.no-indent {
    height: 44px;
  }

  .text-field.no-indent.black-border {
    margin-right: 10px;
  }

  .text-field.black-border {
    margin-bottom: 12px;
  }

  .text-field.in-quiz {
    height: 50px;
    font-size: 16px;
  }

  .cta-text-w {
    margin-bottom: 30px;
  }

  .cta-text-w.min-indent {
    margin-bottom: 20px;
  }

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

  .footer-container {
    max-width: 450px;
  }

  .footer-nav-w {
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
  }

  .footer-nav-w.no-margin {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .footer-contacts-w {
    flex-wrap: nowrap;
  }

  .h1-wrap {
    margin-bottom: 20px;
  }

  .h1-wrap.full-width {
    margin-right: -60px;
  }

  .h1-wrap.full-width.in-quiz {
    margin-bottom: 20px;
  }

  .h1-wrap.full-width.in-quiz.center-align {
    margin-top: 40px;
    padding: 5px 20px;
  }

  .h1-wrap.center-align {
    margin-bottom: 30px;
  }

  .logos-img {
    width: 1400px;
    padding-right: 4%;
  }

  .top-cta-form {
    width: 84%;
    margin-left: auto;
    margin-right: auto;
  }

  .top-cta-form.full-w, .top-cta-form.min-w {
    width: 100%;
  }

  .top-cta-block.vertical-direction {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tariff-icon {
    width: 40px;
    margin-bottom: 15px;
  }

  .footer-row {
    grid-row-gap: 40px;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .copyright-block {
    font-size: 11px;
    line-height: 16px;
  }

  .copyright-links-div {
    flex-wrap: nowrap;
    flex: none;
  }

  .footer-link-small {
    text-align: right;
  }

  .bottom-cta-w {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .step-item-text-w {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .typed-h1-text {
    font-size: 34px;
    line-height: 1.2em;
  }

  .logos-wall-heading {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 1.2em;
  }

  .popup-container {
    max-width: 450px;
    margin-top: 4%;
    padding: 50px;
  }

  .success-message {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 16px;
  }

  .error-message {
    font-size: 13px;
    line-height: 16px;
  }

  .close-popup-btn {
    width: 24px;
    height: 24px;
  }

  .close-popup-btn.new-version {
    width: 28px;
    height: 28px;
    padding: 8px;
  }

  .hero-section-bg {
    opacity: 1;
    transform: none;
  }

  .team-img {
    max-width: none;
    height: 460px;
    max-height: none;
    position: relative;
    bottom: 0;
    right: 0%;
  }

  .popup-form-block.center-align {
    margin-bottom: 40px;
  }

  .footer-link-div {
    margin-bottom: 17px;
    font-size: 13px;
  }

  .first-button {
    padding: 17px 15px 13px;
    font-size: 13px;
    line-height: 14px;
  }

  .yellow-span.add-padding {
    padding-top: 3px;
  }

  .hand-icon {
    width: 35px;
    font-size: 26px;
    top: 0;
    right: -40px;
  }

  .cta-col-1 {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0%;
  }

  .cta-col-2 {
    flex: none;
    max-width: none;
  }

  .manager-contact {
    font-size: 13px;
    line-height: 16px;
  }

  .form-icon {
    width: 25px;
  }

  .manager-job {
    font-size: 11px;
    line-height: 15px;
  }

  .form-img {
    width: 60px;
  }

  .subheader {
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 26px;
  }

  .subheader.white-text {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 21px;
  }

  .form-item {
    font-size: 15px;
  }

  .expert-div {
    font-size: 17px;
  }

  .form-items-wrap {
    margin-top: -10px;
  }

  .manager-name {
    font-size: 15px;
  }

  .menu-button {
    padding: 10px;
    font-size: 28px;
  }

  .menu-button.w--open {
    background-color: var(--gold);
    font-size: 28px;
  }

  .menu-button.hide {
    display: none;
  }

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

  .tab-btn {
    flex: 0 auto;
    margin-bottom: 0;
    margin-right: -2px;
    padding: 13px 20px;
    font-size: 13px;
    line-height: 1em;
  }

  .plan-row {
    margin-top: 20px;
  }

  .paragraph-2 {
    font-size: 13px;
    line-height: 1.5em;
  }

  .plan-function {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .h6 {
    font-size: 15px;
  }

  .plan-item {
    padding: 40px 30px;
  }

  .plan-content-w {
    margin-top: 20px;
  }

  .plan-cta-block {
    padding-top: 30px;
  }

  .plan-functions-w {
    margin-top: 30px;
  }

  .icon-1 {
    width: 50px;
    bottom: 12%;
    right: 16%;
  }

  .icon-2 {
    width: 50px;
    top: 9%;
    right: 11%;
  }

  .icon-3 {
    width: 50px;
    top: 8%;
    left: 6%;
  }

  .icon-4 {
    width: 50px;
    bottom: 2%;
    left: 11%;
  }

  .plan-item-icon {
    width: 50px;
    margin-right: 20px;
  }

  .form-checkbox-block {
    font-size: 11px;
  }

  .checkbox {
    width: 18px;
    height: 18px;
  }

  .checkbox-field {
    font-size: 11px;
  }

  .plans-wrap {
    flex-direction: column;
  }

  .plan-item-block {
    margin-bottom: -60px;
    padding-top: 130px;
  }

  .function-label {
    margin-top: 2px;
    padding: 3px 5px 1px;
    font-size: 9px;
  }

  .contacts-item {
    width: 30.3333%;
    margin-right: 3%;
    padding: 20px 15px;
  }

  .contacts-item.yellow-bg {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0%;
    padding-left: 17px;
    padding-right: 17px;
  }

  .contacts-wrap {
    flex-direction: column;
    margin-right: 0%;
  }

  .plan-footnote-w {
    font-size: 15px;
    line-height: 1.4em;
  }

  .footnote-row {
    margin-bottom: 10px;
  }

  .footnote-col {
    width: 49%;
  }

  .footnote-number {
    font-size: 120px;
    line-height: .7em;
    top: -10px;
    left: -20px;
  }

  .platform-icon {
    width: 160px;
    bottom: -3%;
  }

  .platform-icon.connectool-icon {
    width: 180px;
    bottom: 5%;
  }

  .footnote-block-2 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    line-height: 1.4em;
  }

  .plan-footnote-block {
    padding: 30px 30px 20px;
  }

  .popup-container-2 {
    margin-top: 10%;
  }

  .term-block {
    font-size: 34px;
    line-height: 31px;
  }

  .term-text {
    font-size: 14px;
    line-height: 1.3em;
  }

  .close-popup-2-btn {
    width: 24px;
    height: 24px;
  }

  .bonus-plan-item-w {
    width: 33.3333%;
    margin-right: -1px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .footnote-block-3.add-indent {
    margin-bottom: 30px;
    padding: 12px 30px;
    font-size: 13px;
    line-height: 1.3em;
  }

  .contacts-div {
    clear: left;
    margin-top: 20px;
    position: static;
  }

  .team-img-w {
    max-height: none;
    margin-right: -25px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .crown-icon {
    width: 32px;
    top: -16px;
    left: -10px;
  }

  .crown-icon-2 {
    width: 16px;
    max-height: 26px;
    top: -35px;
    left: 35px;
  }

  .crown-icon-3 {
    width: 20px;
    max-height: 26px;
    top: -23px;
    left: -50px;
  }

  .social-links {
    align-items: center;
    margin-top: 5px;
  }

  .social-link {
    padding: 8px;
  }

  .social-link.add-filter {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    padding: 8px;
    display: flex;
  }

  .social-icon {
    width: 22px;
  }

  .footer-content {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: -10px;
    margin-left: 15px;
  }

  .footer-content.on-bizquiz {
    flex-direction: row;
    align-items: center;
  }

  .custom-plan-block {
    margin-top: 40px;
  }

  .custom-plan-icon {
    width: 50px;
    margin-right: 20px;
  }

  .map-img {
    width: 140%;
    top: 84%;
  }

  .nav-slogan {
    max-width: 115px;
    margin-top: 0;
    margin-left: 15px;
    font-size: 12px;
    line-height: 1em;
  }

  .all-inclusive-wrap {
    padding: 30px;
  }

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

  .column {
    width: 100%;
    margin-top: 40px;
  }

  .inclusive-logo {
    width: 40px;
  }

  .plus {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 36px;
  }

  .ticket-block {
    height: 95px;
  }

  .col-item {
    margin-top: 15px;
    padding: 15px;
    font-size: 13px;
    line-height: 1.4em;
  }

  .all-inclusive-block {
    margin-bottom: 50px;
  }

  .all-inclusive-div {
    font-size: 14px;
    line-height: 1.4em;
  }

  .latest-work-item {
    width: 100%;
    margin-bottom: 10%;
    margin-right: 0%;
  }

  .or-text {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 18px;
  }

  .nav-label-div {
    text-align: right;
    white-space: nowrap;
    align-items: center;
    margin-right: 5px;
    font-size: 16px;
    line-height: 1em;
    top: 1px;
  }

  .nav-label-img {
    width: 22px;
    top: -3px;
  }

  .workers-block {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .quiz-step-block {
    padding-left: 0%;
    padding-right: 0%;
  }

  .quiz-form-field-label {
    text-align: left;
    white-space: normal;
    flex: 0 auto;
    font-size: 16px;
    line-height: 1.2em;
  }

  .quiz-btn-lottie-icon {
    width: 16px;
    height: 16px;
  }

  .quiz-btns-row {
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    margin-top: 10px;
  }

  .list-col {
    margin-right: 20px;
  }

  .btns-div, .btns-div.with-gap.center-align {
    margin-top: 10px;
  }

  .btns-div.center-align {
    margin-top: 22px;
  }

  .btns-div.center-align.top-margin {
    margin-top: 60px;
  }

  .btns-div.add-gap {
    margin-top: 0;
  }

  .plan-item-label {
    padding-top: 4px;
    padding-bottom: 2px;
    font-size: 9px;
    line-height: 13px;
    top: 0;
  }

  .work-preview-w {
    height: 350px;
  }

  .main-solutions-item {
    min-width: 100%;
    max-height: 350px;
    margin-bottom: 15px;
    padding: 25px;
  }

  .solution-item-p-w {
    margin-bottom: 0;
  }

  .our-work-collage-w {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .our-work-col-1 {
    text-align: center;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
  }

  .work-prev-item {
    width: 100%;
    margin-right: 0%;
  }

  .work-prev-img-block {
    height: 300px;
  }

  .work-prev-logo.probuilder-logo {
    max-height: 40px;
  }

  .work-prev-logo.losev-logo {
    max-height: 55px;
  }

  .work-prev-logo.rozarossa-logo {
    max-height: 90px;
  }

  .work-prev-logo.phdrops-logo, .work-prev-logo.linkypage-logo {
    max-height: 55px;
  }

  .work-prev-logo.brainhome-logo, .work-prev-logo.expohome-logo {
    max-height: 60px;
  }

  .work-prev-logo.bruder-logo {
    max-height: 90px;
  }

  .work-prev-logo.rcpm-logo, .work-prev-logo.goodframes-logo, .work-prev-logo.betterhome-logo {
    max-height: 150px;
  }

  .work-prev-logo.oton-logo {
    max-height: 100px;
  }

  .work-prev-w {
    margin-right: 0%;
  }

  .team-slide {
    margin-top: auto;
    margin-bottom: 0;
    bottom: 0;
  }

  .team-info-block {
    position: relative;
    top: auto;
    bottom: 20px;
    left: 0%;
    right: auto;
  }

  .team-info-div {
    padding: 13px 10px 10px 80px;
    font-size: 12px;
    line-height: 18px;
  }

  .expert-block-w {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .expert-block-w.reverse-block {
    flex-direction: column;
  }

  .expert-col-1 {
    width: 70%;
    max-width: 500px;
    margin-bottom: 20px;
    margin-right: 0%;
    position: relative;
    top: 0;
  }

  .expert-list-item {
    margin-bottom: 15px;
  }

  .table-col {
    min-width: 100px;
    padding: 12px 10px;
  }

  .table-col.first-col {
    min-width: 130px;
  }

  .table-col.toprork-col.last-row {
    margin-bottom: -10px;
    padding-bottom: 22px;
  }

  .table-col.toprork-col.first-row {
    margin-top: -10px;
    padding-top: 22px;
  }

  .table-row {
    font-size: 13px;
    line-height: 16px;
  }

  .table-row.header-row {
    font-size: 15px;
  }

  .table-icon.cross-icon {
    width: 12px;
  }

  .expert-name {
    margin-bottom: 3px;
    font-size: 28px;
    line-height: 22px;
  }

  .crown-block {
    right: -20px;
  }

  .crown-block.reverse {
    left: -16px;
  }

  .crown-ico {
    width: 35px;
    top: -16px;
    left: -10px;
  }

  .crown-ico.ico-3 {
    width: 22px;
  }

  .crown-ico.ico-2 {
    width: 25px;
    top: -7px;
    left: -25px;
  }

  .crown-ico.ico-4 {
    width: 22px;
    top: -8px;
    left: 19px;
  }

  .crown-ico.ico-5 {
    width: 25px;
    top: -30px;
    left: -3px;
  }

  .proj-main-images-w {
    margin-bottom: -100px;
  }

  .proj-main-img {
    box-shadow: 0 8px 20px -4px rgba(24, 24, 26, .1);
  }

  .proj-main-mobile-img {
    width: 26%;
    box-shadow: 0 8px 20px -4px rgba(24, 24, 26, .1);
  }

  .proj-gallery-w {
    margin-top: 50px;
  }

  .proj-gallert-item {
    width: 240px;
    height: 150px;
  }

  .proj-rev-w {
    width: 80%;
  }

  .proj-rev-position {
    white-space: normal;
    font-size: 13px;
  }

  .work-logo-div {
    margin-bottom: 20px;
  }

  .work-logo-div.case-logo-div {
    margin-bottom: 30px;
  }

  .work-logo {
    width: 170px;
  }

  .work-logo.ccall-logo {
    height: 40px;
  }

  .work-logo.probuilder-case-logo {
    height: 33px;
  }

  .work-logo.dewelloper-case-logo {
    height: 28px;
  }

  .work-logo.utagroup-case-logo {
    height: 45px;
  }

  .work-logo.letsbots-case-logo {
    height: 80px;
  }

  .work-logo.encotec-case-logo {
    height: 45px;
  }

  .work-logo.heysupreme-case-logo {
    height: 22px;
  }

  .work-logo.losev-case-logo {
    height: 50px;
  }

  .work-logo.azure-case-logo {
    height: 80px;
  }

  .work-logo.brainhome-case-logo {
    height: 22px;
  }

  .work-logo.expohome-case-logo {
    height: 23px;
  }

  .work-logo.phdrops-case-logo {
    height: 43px;
  }

  .work-logo.bruder-case-logo {
    height: 75px;
  }

  .work-logo.rozarossa-case-logo {
    height: 65px;
  }

  .work-logo.rcpm-case-logo {
    height: 120px;
  }

  .work-logo.betterhome-case-logo {
    height: 23px;
  }

  .work-logo.goodframes-case-logo {
    height: 22px;
  }

  .work-logo.oton-wallet-case-logo {
    height: 60px;
  }

  .work-logo.apptime-case-logo {
    height: 37px;
  }

  .work-logo.techera-case-logo {
    height: 28px;
  }

  .work-logo.smartgrow-case-logo {
    height: 33px;
  }

  .work-logo.ecofab-case-logo {
    height: 38px;
  }

  .work-logo.tinberdesign-case-logo {
    height: 65px;
  }

  .work-logo.marwellmade-case-logo {
    height: 23px;
  }

  .work-logo.esars-case-logo {
    height: 57px;
  }

  .work-logo.boostools-case-logo {
    height: 40px;
  }

  .work-logo.linkypage-case-logo {
    height: 50px;
  }

  .work-logo.domos-case-logo {
    height: 80px;
  }

  .work-logo.instalogy-case-logo {
    height: 45px;
  }

  .work-logo.moon-case-logo {
    height: 35px;
  }

  .work-logo.tecnonovo-case-logo {
    height: 40px;
  }

  .work-logo.solarconnect-case-logo {
    height: 26px;
  }

  .work-logo.costacleaners-case-logo {
    height: 28px;
  }

  .work-logo.clientsfirst-case-logo {
    height: 45px;
  }

  .work-logo.threecommas-case-logo, .work-logo.dewelloper-case-logo {
    height: 28px;
  }

  .footer-slogan {
    margin-top: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .footer-col-heading {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 20px;
  }

  .phone-footer-link-div {
    font-size: 13px;
    line-height: 13px;
  }

  .phone-footer-link-div.left-align {
    margin-bottom: 17px;
  }

  .quote-mark {
    font-size: 120px;
    top: -20px;
    left: -53px;
  }

  .logos-img-2 {
    width: 1400px;
    padding-right: 4%;
  }

  .first-btn-lottie-icon {
    width: 16px;
    height: 14px;
  }

  .text-block {
    white-space: normal;
    flex: 1;
    width: 450px;
    position: relative;
    top: 28px;
  }

  .topwork-collage-col {
    padding-top: 40px;
    padding-left: 4%;
    padding-right: 2%;
  }

  .bg-mockup-w {
    height: 400px;
  }

  .bg-mockup-w.more-size {
    height: 500px;
  }

  .bg-mockup-block {
    max-width: 550px;
  }

  .move-top {
    top: -19px;
  }

  .service-big-icon {
    height: 180px;
  }

  .label {
    font-size: 13px;
    line-height: 14px;
  }

  .request-block-header {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .project-type-icon {
    width: 44px;
  }

  .check-button-label {
    font-size: 12px;
  }

  .check-button-field {
    flex: none;
    width: 23%;
    margin-top: 10px;
    margin-right: 2%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .project-type-block {
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: -2%;
  }

  .form-row.fool-w {
    flex: none;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0%;
  }

  .text-field-3 {
    height: 40px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .text-field-3.big-field {
    height: 40px;
    font-size: 14px;
    line-height: 14px;
  }

  .form-row-block {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .order-block-col-6 {
    width: 100%;
  }

  .solution-div {
    margin-top: 10px;
  }

  .solution-price {
    flex-direction: row;
    align-items: flex-end;
    font-size: 13px;
  }

  .price-span {
    letter-spacing: 0;
    margin-left: 5px;
    margin-right: 5px;
  }

  .plan-label {
    font-size: 12px;
    line-height: 15px;
  }

  .plan-label.more-size {
    font-size: 13px;
  }

  .sol-cloud-item {
    margin-bottom: 15px;
    margin-right: 20px;
    font-size: 15px;
  }

  .plan-item-w-2 {
    width: 33.3333%;
    margin-right: -1px;
  }

  .plan-func-icon {
    width: 24px;
    margin-right: 11px;
  }

  .function-icon {
    width: 28px;
  }

  .function-icon.more-size {
    width: 30px;
  }

  .h1-subheader-2 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
  }

  .h1-subheader-2.no-margin {
    font-size: 18px;
    line-height: 24px;
  }

  .tariff-name-3 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .tariff-name-3.min-size {
    font-size: 17px;
  }

  .plan-bottom-block-2 {
    padding-top: 30px;
  }

  .plan-bottom-block-2.gray-bg-1, .plan-bottom-block-2.gray-bg-2, .plan-bottom-block-2.gray-bg-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-block {
    padding: 15px 10px;
  }

  .grid-block.top-block {
    padding: 30px 10px 20px;
    position: relative;
    top: 0;
  }

  .grid-block.top-block.add-right-corner, .grid-block.top-block.gray-bg-1, .grid-block.top-block.gray-bg-2 {
    padding-top: 20px;
    padding-bottom: 40px;
    top: auto;
  }

  .grid-block.top-block-2 {
    padding: 15px 5px;
    position: relative;
    top: 0;
  }

  .grid-block.top-block-2.more-z-index {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-block.no-bg {
    margin-left: 2px;
    margin-right: 2px;
  }

  .grid-block.no-bg.with-bg {
    background-color: var(--white-smoke);
    margin-left: 2px;
    margin-right: 2px;
  }

  .price-div-2 {
    font-size: 26px;
    line-height: 29px;
  }

  .paragraph-4 {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.6em;
  }

  .tariff-period-choose-2 {
    width: 130px;
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    line-height: 12px;
  }

  .main-section {
    padding-top: 70px;
    padding-bottom: 40px;
    position: relative;
  }

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

  .plan-function-div-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 1.5em;
  }

  .plan-function-div-2.with-black-bg {
    margin-left: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .plan-function-div-2.add-padding {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
  }

  .price-text-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .plan-function-header {
    font-size: 12px;
  }

  .plan-function-header.hide-grid-element-2 {
    font-size: 13px;
    line-height: 1.2em;
  }

  .plan-function-header.no-padding {
    font-size: 15px;
  }

  .price-2 {
    line-height: 30px;
  }

  .block-with-top-border.col-bg-div {
    margin: -5px 0;
  }

  .price-bg-block {
    position: static;
  }

  .price-block-2 {
    font-size: 30px;
  }

  .plan-function-heading-3 {
    font-size: 15px;
    line-height: 16px;
  }

  .plan-function-heading-3.no-margin {
    font-size: 13px;
    line-height: 16px;
  }

  .plan-function-heading-3.no-margin-2, .plan-function-heading-3.no-margin-3 {
    font-size: 14px;
    line-height: 17px;
  }

  .slider-right-arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .slider-right-arrow.left-arrow {
    right: 55px;
  }

  .h1-2 {
    font-size: 34px;
    line-height: 1.2em;
  }

  .hero-div-2 {
    margin-right: 0;
  }

  .hero-div-2.center-align {
    margin-bottom: 0;
  }

  .hero-div-2.add-margin {
    margin-top: 20px;
  }

  .main-form-col {
    width: 100%;
  }

  .main-form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    padding: 30px;
    display: grid;
  }

  .main-form.center-col {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .text-field-4 {
    height: 50px;
    margin-bottom: 0;
    font-size: 16px;
  }

  .submit-btn {
    min-height: 50px;
    padding: 3px 10px 0;
    font-size: 13px;
  }

  .form-h1 {
    padding-left: 40px;
  }

  .form-h1.min-margin {
    margin-bottom: 15px;
    padding-left: 0;
  }

  .form-h1-subheading {
    font-size: 13px;
    line-height: 18px;
  }

  .form-h1-subheading.in-popup {
    font-size: 14px;
  }

  .main-form-hero {
    margin-bottom: 15px;
  }

  .hero-container-row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .hero-container-row.no-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-bottom-block-item {
    padding: 18px 15px 13px 18px;
    font-size: 16px;
    line-height: 20px;
  }

  .text-list-item {
    font-size: 11px;
    line-height: 14px;
  }

  .check-text-item {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 15px;
    line-height: 1.3em;
  }

  .check-text-item.inversion {
    margin-bottom: 8px;
  }

  .check-text-item.min-size {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .check-text-item.inline-block-item {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 17px;
  }

  .perform-crown {
    width: 25px;
    margin-top: 4px;
    margin-right: 6px;
  }

  .perform-arrow-icon {
    width: 18px;
    margin-right: 5px;
  }

  .work-main-block {
    height: 350px;
    padding: 25px;
  }

  .footer-logo-img {
    width: 110px;
  }

  .footer-container-2 {
    flex-wrap: wrap;
  }

  .copyright-text-2 {
    font-size: 11px;
    line-height: 14px;
  }

  .count-block-w {
    font-size: 12px;
    line-height: 14px;
  }

  .count-block {
    flex-direction: column;
  }

  .count-block-heading {
    margin-bottom: 0;
    margin-right: 0;
    font-size: 26px;
    line-height: 1.2em;
  }

  .count-number-block {
    align-self: flex-end;
    font-size: 44px;
    line-height: 50px;
  }

  .counter-currency {
    font-size: 42px;
  }

  .full-w-arrow {
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .form-badge-w {
    width: 94px;
    height: 94px;
    font-size: 20px;
    line-height: 20px;
    top: -37px;
    right: -21px;
  }

  .form-badge-w.in-popup {
    width: 100px;
    height: 90px;
    padding-bottom: 18px;
    padding-right: 15px;
    font-size: 18px;
    line-height: 22px;
    right: 2px;
  }

  .form-badge-w.in-quiz {
    width: 93px;
    height: 87px;
    top: -36px;
    right: -24px;
  }

  .move-up-link-w {
    width: 40px;
    height: 40px;
    padding: 10px;
    bottom: 5px;
    left: 5px;
  }

  .image-col {
    position: relative;
    top: 0;
  }

  .image-col.no-sticky {
    max-width: none;
    margin-left: 0%;
  }

  .website-illustration {
    width: 90%;
    max-height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .website-illustration.first-illustration {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .website-illustration.first-illustration.min-size {
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .website-illustration.second-illustration {
    width: 80%;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .close-popup-btn-2 {
    width: 26px;
    height: 26px;
    top: 20px;
    right: 10px;
  }

  .big-link {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .right-arrow {
    width: 20px;
    font-size: 20px;
  }

  .compare-table-grid {
    grid-template-columns: minmax(auto, 1.2fr) 1fr 1fr 1fr 1fr;
    min-width: 700px;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 0;
  }

  .grid-top-text {
    font-size: 16px;
    line-height: 18px;
  }

  .grid-top-text.low-cost {
    font-size: 13px;
    line-height: 16px;
  }

  .plan-bottom-block-3 {
    padding-top: 20px;
  }

  .grid-block-text {
    font-size: 13px;
    line-height: 16px;
  }

  .grid-block-text.more-size {
    font-size: 14px;
  }

  .crown-img {
    max-width: 42px;
  }

  .plan-item-link {
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    line-height: 13px;
  }

  .popup-section-lp {
    display: none;
    bottom: 0;
    overflow: auto;
  }

  .popup-section-bw, .popup-section-os {
    display: none;
  }

  .include-text {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    font-size: 13px;
  }

  .bonus-link {
    font-size: 12px;
    line-height: 16px;
  }

  .bonus-popup-container {
    padding: 40px;
  }

  .price-popup-grid {
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding: 30px;
    display: flex;
    overflow: visible;
  }

  .bonuses-w {
    height: 400px;
  }

  .bonuses-bg-w.with-perspective.in-left-col {
    margin-left: 20px;
  }

  .form-small-text {
    font-size: 11px;
    line-height: 18px;
  }

  .form-small-text.bottom-margin.no-top-margin, .form-small-text.bottom-margin.no-top-margin-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .price-grid {
    min-width: 700px;
  }

  .plan-function-span {
    font-size: 11px;
    line-height: 14px;
  }

  .price-grid-block {
    overflow: auto;
  }

  .hor-swipe-div {
    margin-bottom: 15px;
    font-size: 13px;
  }

  .swipe-icon {
    width: 32px;
    margin-bottom: 5px;
  }

  .compare-grid-block {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .works-thumbs-overflow {
    top: -9%;
    bottom: -9%;
    left: -5%;
    right: -5%;
  }

  .case-bottom-block {
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .case-cloud-w {
    margin-top: 10px;
  }

  .case-hashtag-item {
    background-size: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 4px 10px 4px 23px;
    font-size: 13px;
  }

  .case-hashtag-item.on-hero {
    font-size: 14px;
  }

  .quiz-nav-container {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .quiz-nav-logo {
    height: 20px;
  }

  .quiz-hero-section {
    align-content: start;
    align-items: start;
  }

  .quiz-hero-container.in-thanks-page {
    padding-bottom: 40px;
  }

  .quiz-block-w {
    padding: 30px;
  }

  .quiz-block-w.quiz-step-block {
    width: 90%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .quiz-progress-w {
    font-size: 15px;
    line-height: 16px;
  }

  .new-quiz-form-block {
    padding-bottom: 60px;
  }

  .new-quiz-form {
    grid-row-gap: 25px;
  }

  .quiz-btn-field {
    max-width: 100%;
    min-height: 50px;
    margin-right: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 45px;
  }

  .new-quiz-btns-w, .new-quiz-header {
    font-size: 14px;
  }

  .new-quiz-form-row {
    grid-row-gap: 10px;
    min-width: 80%;
  }

  .compare-grid-block-2 {
    padding-top: 105px;
    padding-bottom: 30px;
  }

  .country-flag-img {
    width: 23px;
    height: 23px;
  }

  .form-fields-block {
    grid-row-gap: 13px;
  }

  .platform-support-grid {
    grid-column-gap: 12px;
    font-size: 16px;
    line-height: 1.2;
  }

  .h2-subheader-w {
    grid-row-gap: 20px;
  }

  .platform-support-block {
    grid-row-gap: 15px;
    font-size: 14px;
  }

  .app-section {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .app-section.quote-section {
    height: 250vh;
  }

  .team-photos-w {
    margin-bottom: 20px;
  }

  .h1-block-2 {
    margin-bottom: 30px;
  }

  .for-whom-slider-mask {
    width: 140px;
  }

  .ex-item-logo {
    width: 48px;
    height: 48px;
  }

  .fire-icon {
    width: 20px;
  }

  .timeline-line {
    margin-left: 21px;
  }

  .features-price-block {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    justify-content: start;
    justify-items: start;
  }

  .feature-item-text {
    font-size: 16px;
  }

  .extra-item-w {
    grid-row-gap: 10px;
  }

  .what-slider-arrow {
    width: 40px;
    height: 40px;
    top: -55px;
  }

  .what-slider-arrow.left-arrow {
    right: 50px;
  }

  .nav-btn-w-2 {
    flex: none;
    margin-right: 10px;
  }

  .span-youtop-logo {
    width: 80px;
  }

  .footer-container-2 {
    grid-row-gap: 50px;
  }

  .logo-link {
    height: 30px;
    font-size: 28px;
  }

  .popup-form-grid {
    grid-row-gap: 30px;
  }

  .scroll-down-link {
    bottom: 20px;
  }

  .bonuses-icon {
    width: 32px;
  }

  .features-price-number {
    font-size: 46px;
  }

  .mockup-img {
    width: 200px;
  }

  .why-number-span {
    font-size: 24px;
  }

  .right-col-item {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .icons-w.hero-icons-block {
    grid-column-gap: 0px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    display: flex;
  }

  .icons-w.in-mindcrafted-block {
    margin-top: 10px;
  }

  .icons-w.in-features-col {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-section {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .submit-button {
    background-position: 27%;
    background-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .combine-header-w {
    grid-row-gap: 7vw;
  }

  .team-photo-illustration {
    max-width: 500px;
    margin-top: -5%;
    margin-bottom: -2%;
  }

  .tools-logo-2 {
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .work-img-grid {
    grid-column-gap: 17px;
  }

  .form-subheading {
    font-size: 16px;
    line-height: 1.2;
  }

  .nav-menu-grid {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    justify-items: start;
    width: 100%;
  }

  .feature-info-block {
    grid-row-gap: 30px;
    grid-template-columns: 1fr .75fr;
  }

  .timeline-row-grid {
    grid-template-columns: auto 1fr;
  }

  .form-field {
    height: 48px;
    font-size: 15px;
  }

  .cloud-item-block {
    margin: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 1.2;
  }

  .quote-paragraph {
    font-size: 34px;
    line-height: 1.1;
  }

  .popup-container-2 {
    max-width: 450px;
    padding: 40px;
  }

  .big-text-block {
    max-width: 90%;
  }

  .compare-item-icon {
    width: 20px;
    height: 20px;
    margin-top: 0;
  }

  .compare-item-icon.add-grayscale {
    width: 18px;
    height: 18px;
    margin-top: 1px;
  }

  .content-grid.add-top-margin {
    grid-column-gap: 25px;
  }

  .loop-banner-item {
    padding-right: 5vw;
    font-size: 3vw;
  }

  .features-bottom-content {
    text-align: left;
  }

  .icon-item {
    grid-column-gap: 7px;
    padding: 8px 12px;
    font-size: 16px;
  }

  .icon-item.add-margin {
    margin: 5px;
  }

  .icon-item.min-size {
    margin-bottom: 8px;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1;
  }

  .icon-item.min-h {
    margin-bottom: 7px;
    margin-right: 6px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 12px;
    font-size: 14px;
  }

  .compare-left-col {
    padding: 40px;
  }

  .features-main-grid {
    grid-row-gap: 8vw;
  }

  .features-info-col {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    justify-content: start;
    justify-items: start;
  }

  .ex-item-content-w {
    grid-row-gap: 17px;
    padding: 15px;
  }

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

  .tools-logos-row {
    grid-column-gap: 15px;
  }

  .tools-logos-row.row-2 {
    grid-column-gap: 12px;
  }

  .platform-icon-div {
    width: 32px;
    height: 32px;
  }

  .cloud-block {
    padding: 20px;
  }

  .compare-item-heading {
    font-size: 16px;
  }

  .compare-right-col {
    padding: 40px;
  }

  .timeline-grid {
    grid-row-gap: 7vw;
  }

  .work-img-div {
    border-width: 3px;
    border-radius: 20px;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, .15);
  }

  .work-img-div.work-item-3 {
    margin-top: 20px;
  }

  .work-img-div.work-item-2 {
    margin-top: 40px;
  }

  .tools-logo {
    height: 53px;
    padding: 13px 20px;
  }

  .ex-app-img {
    height: 32px;
  }

  .compare-badge-text {
    font-size: 15px;
    line-height: 1.2;
  }

  .tabs-why-icon-w {
    width: 65px;
    height: 65px;
  }

  .tabs-why-icon-w.no-bg {
    width: 32px;
    height: 32px;
  }

  .timeline-step {
    font-size: 20px;
  }

  .icon-2 {
    width: 24px;
  }

  .compare-emoji {
    width: 50px;
    height: 50px;
  }

  .compare-list-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .iphone-mockup-w {
    border-radius: 25px 25px 0 0;
  }

  .compare-list-w {
    padding-top: 20px;
  }

  .footer-logo-col {
    grid-column-gap: 20px;
    align-items: center;
  }

  .popup-overflow {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .features-price {
    font-size: 24px;
  }

  .nav-btn {
    padding: 8px 15px;
    font-size: 12px;
    line-height: 16px;
  }

  .work-tab-container {
    padding: 30px;
  }

  .giant-text-span {
    font-size: 90px;
  }

  .form-heading {
    font-size: 26px;
  }

  .what-slider-content {
    grid-column-gap: 20px;
  }

  .ex-item-btns-block {
    grid-column-gap: 12px;
  }

  .h1-2 {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 1.1em;
  }

  .h1-2.in-quiz {
    font-size: 42px;
  }

  .compare-grid {
    width: 130vw;
    padding-right: 4vw;
  }

  .ex-item-heading {
    font-size: 18px;
  }

  .close-popup-btn-2 {
    width: 24px;
    height: 24px;
    padding: 7px;
  }

  .close-popup-btn-2:hover {
    padding: 6px;
  }

  .team-img-div {
    width: 140px;
    height: 140px;
    left: 0;
  }

  .team-img-div.img-2 {
    left: -4.3vw;
  }

  .team-img-div.img-3 {
    left: -8.5vw;
  }

  .team-img-div.img-4 {
    left: 4.1vw;
  }

  .team-img-div.img-5 {
    left: 19.6vw;
  }

  .features-list-w {
    padding: 35px;
  }

  .contact-us-block.add-max-w {
    max-width: 80%;
  }

  .gray-text-block {
    grid-column-gap: 30px;
    text-align: left;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    align-content: end;
    justify-content: start;
    align-items: end;
    justify-items: start;
  }

  .tabs-why-item {
    grid-row-gap: 20px;
  }

  .pc-scroll-down {
    width: 26px;
    height: 40px;
  }

  .giant-text {
    font-size: 40px;
  }

  .tools-logos-grid {
    grid-row-gap: 20px;
  }

  .for-whom-img-w {
    border-width: 3px;
    border-radius: 20px;
    width: 120px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .ex-text-block {
    font-size: 13px;
  }

  .compare-badge-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .timeline-content-block {
    text-align: left;
    justify-content: start;
    justify-items: start;
  }

  .tab-btn-block {
    padding: 11px 17px;
    font-size: 15px;
  }

  .works-tab-menu {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .success-message-3 {
    padding: 10px;
    font-size: 14px;
    line-height: 1.2;
  }

  .form-heading-icon {
    width: 34px;
  }

  .loop-banner-w {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .loop-banner-w.in-tab-pane {
    bottom: 29%;
  }

  .combine-header {
    font-size: 32px;
  }

  .quiz-hero-bg {
    min-height: 200px;
  }

  .success-mess-div {
    font-size: 14px;
  }

  .nav-right-block {
    grid-column-gap: 7px;
  }

  .embed-cloud-w {
    background-size: cover;
    width: 120px;
    height: 84px;
    left: 10px;
  }

  .embed-cloud-w.in-popup {
    width: 100px;
    height: 90px;
    font-size: 14px;
    top: -7px;
    left: 29px;
  }

  .embed-cloud-w.in-quiz {
    width: 110px;
    height: 82px;
    top: -4px;
    left: 0;
  }

  .cloud-text {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 20px;
  }

  .cloud-text.in-popup {
    font-size: 18px;
    line-height: 20px;
  }

  .new-section.min-margins {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .small-container {
    width: 85%;
  }

  .small-container.add-bottom-margin {
    padding-bottom: 35px;
  }

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

  .new-section-block.quote-sticky-block {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .new-section-block.no-padding {
    padding-top: 80px;
  }

  .embed-wave-block {
    padding-top: 20px;
  }

  .embed-wave-block.bottom-block {
    padding-bottom: 20px;
  }

  .steps-main-w {
    grid-row-gap: 40px;
    margin-top: 100px;
  }

  .step-item-row {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .step-item-col {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
  }

  .step-item-number {
    width: 170px;
    font-size: 140px;
  }

  .step-item-lines-w {
    grid-row-gap: 10px;
    padding-top: 8px;
  }

  .step-item-number-w {
    width: 115px;
  }

  .step-item-line {
    height: 10px;
  }

  .step-item-content {
    grid-row-gap: 15px;
    align-content: start;
    align-items: start;
    min-height: 180px;
  }

  .step-arrow-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .step-embed-arrow {
    transform: rotate(45deg);
  }

  .step-embed-arrow.left-rotation {
    transform: rotate(-45deg);
  }

  .step-embed-arrow-w {
    width: 40px;
    height: 40px;
    position: relative;
    bottom: 0;
  }

  .services-grid {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .services-grid._3-column, .services-grid._3-column.annual-tarif {
    grid-template-columns: 1fr;
  }

  .service-item {
    grid-row-gap: 10px;
    padding: 25px;
  }

  .service-item.left-aling.more-gap.yellow-item, .service-item.left-aling.more-gap.black-item {
    min-height: 250px;
  }

  .service-content-block.flex-vertical {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tab-button {
    padding: 12px 25px;
    font-size: 14px;
    line-height: 16px;
  }

  .new-tabs-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-bottom: 30px;
  }

  .new-tabs-content {
    padding: 30px;
  }

  .tab-item-content {
    padding: 29px;
  }

  .tab-embed-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }

  .text-block-icon {
    width: 54px;
  }

  .text-block {
    grid-row-gap: 15px;
    width: auto;
    top: 0;
  }

  .main-text-grid {
    grid-row-gap: 30px;
  }

  .adv-slider-left-arrow {
    width: 40px;
  }

  .adv-slide-container {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding: 30px 40px;
  }

  .adv-slide-text-col {
    grid-row-gap: 20px;
  }

  .adv-slide-img-col {
    height: 250px;
    min-height: auto;
  }

  .case-slide-content {
    grid-row-gap: 25px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-slider-arrow {
    width: 70px;
    height: 46px;
    font-size: 22px;
    top: -47px;
  }

  .case-slider-arrow.right-arrow {
    left: 80px;
  }

  .case-slide-img-w {
    min-height: 350px;
  }

  .case-slide-name {
    font-size: 34px;
  }

  .case-slide-quote-p {
    font-size: 16px;
  }

  .app-paragraph {
    font-size: 16px;
    line-height: 1.3;
  }

  .app-text-block.add-max-w-2 {
    grid-row-gap: 4vw;
  }

  .new-popup-container {
    margin-top: 7%;
    margin-bottom: 8%;
  }

  .graph-lottie-w {
    margin-top: 20px;
  }

  .case-slide-tags-w {
    max-width: 80%;
    margin-bottom: 0;
  }

  .big-container {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .big-container.add-gap {
    grid-row-gap: 50px;
  }

  .map-image {
    width: 105%;
    margin-bottom: 0;
    position: relative;
    bottom: auto;
    left: -2.5%;
    right: auto;
  }

  .main-form-row {
    grid-template-columns: 1fr;
  }

  .navbar-bottom-block {
    grid-column-gap: 22px;
  }

  .adv-main-grid {
    grid-column-gap: 30px;
    grid-row-gap: 55px;
    margin-bottom: 59px;
  }

  .topwork-lottie-w {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .crown-lottie {
    max-width: 500px;
  }

  .adv-header-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .popup-form-row {
    grid-column-gap: 16px;
    grid-row-gap: 18px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .form-subheader-div {
    grid-column-gap: 10px;
  }

  .h2-top-subheader {
    font-size: 18px;
  }

  .h2-top-subheader.big {
    font-size: 40px;
    line-height: 1.2;
  }

  .container-grid {
    grid-row-gap: 20px;
  }

  .container-grid._2-column {
    grid-template-columns: 1fr 1fr;
  }

  .sales-tabs-menu {
    max-width: 45vw;
  }

  .sales-tabs-btn {
    font-size: 22px;
  }

  .sales-tabs-content {
    margin-top: -100px;
    margin-bottom: -70px;
  }

  .sales-tab-container {
    height: 550px;
    padding-left: 30px;
  }

  .sales-scroll-div {
    grid-row-gap: 8px;
    font-size: 16px;
  }

  .sales-tabs-overflow {
    margin-left: 28px;
  }

  .iphone-mockup-img {
    width: 300px;
  }

  .phone-video-div {
    border-radius: 60px;
    padding: 11px 15px;
  }

  .phone-icon-1 {
    width: 40px;
    right: -68px;
  }

  .phone-icon {
    width: 30px;
    left: -60px;
  }

  .crown-icon-2-2 {
    width: 30px;
    max-height: 26px;
    top: -35px;
    left: 35px;
  }

  .crown-icon-1-2 {
    width: 36px;
    top: -16px;
    left: -26px;
  }

  .quiz-hero-checks, .quiz-hero-checks.center-aling {
    margin-bottom: 30px;
  }

  .nav-quiz-text {
    font-size: 13px;
  }

  .quiz-nav-col {
    padding-right: 20px;
  }

  .quiz-contacts-grid {
    width: 100%;
  }

  .quiz-contacts-link-block {
    grid-row-gap: 10px;
    font-size: 14px;
  }

  .quiz-contact-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }

  .loop-text-badge-w {
    margin-top: 40px;
  }

  .loop-badge-text {
    font-size: 8vw;
  }

  .adv-icon-w {
    width: 75px;
    height: 75px;
  }

  .glitch-text-h1 {
    font-size: 51px;
  }

  .map-img-w {
    margin-top: -20px;
    margin-bottom: -10px;
  }

  .text-block-4 {
    font-size: 18px;
    line-height: 18px;
  }

  .services-links-w {
    margin-bottom: -16px;
  }

  .service-link {
    margin-bottom: 10px;
    margin-right: 20px;
    font-size: 18px;
  }

  .service-slider-w {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .service-slider-img-col {
    opacity: 0;
    height: 100vh;
    margin-top: 0;
    display: none;
    top: 0;
  }

  .service-slider-content {
    margin-top: 0;
    margin-bottom: 0;
  }

  .slider-item {
    grid-row-gap: 4vw;
    max-width: none;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .slider-item.first-item {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .slider-item.last-item {
    padding-bottom: 15vw;
  }

  .services-slide-img {
    object-position: 50% 50%;
    width: 100%;
  }

  .services-slide-img.top-align {
    object-position: 50% 0%;
  }

  .service-mobile-img-div {
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: 106%;
    height: 80vw;
    margin-top: -60px;
    margin-bottom: -50px;
    margin-left: -3%;
    display: flex;
    position: relative;
  }

  .slider-content-block {
    z-index: 10;
    grid-row-gap: 20px;
  }

  .slider-item-list-w {
    width: 100%;
    position: relative;
    right: auto;
  }

  .slider-item-tag {
    font-size: 14px;
  }

  .service-slide-img-overflow {
    background-image: linear-gradient(170deg, var(--white-smoke) 19%, rgba(248, 248, 248, 0) 19%, rgba(248, 248, 248, 0) 81%, #f8f8f8 81%), linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
  }

  .service-slide-img-overflow.white-gradient {
    background-image: linear-gradient(170deg, var(--white) 19%, rgba(248, 248, 248, 0) 19%, rgba(248, 248, 248, 0) 81%, var(--white) 80%), linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
  }

  .list-item-block {
    grid-row-gap: 10px;
    padding: 25px 160px 25px 25px;
  }

  .bg-line-w {
    width: 150px;
  }

  .road-cross-icon {
    width: 32px;
    height: 32px;
    top: 40px;
    right: 77px;
  }

  .road-dot-icon {
    width: 34px;
    height: 34px;
    right: 27px;
  }

  .road-dot-icon.dot-2 {
    right: 112px;
  }

  .road-pin-icon {
    width: 46px;
    height: 46px;
    left: 51px;
  }

  .btn-icon {
    margin-left: 5px;
  }

  .badges-block {
    grid-row-gap: 20px;
  }

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

  .factors-list-grid {
    z-index: 100;
    grid-row-gap: 20px;
    height: 100%;
    position: relative;
  }

  .factor-list-item {
    grid-row-gap: 15px;
    padding: 20px 0;
  }

  .factors-right-col {
    z-index: 1;
    height: 100%;
    margin-top: 40px;
    position: relative;
  }

  .factors-icon {
    width: 60px;
  }

  .factor-item-header {
    grid-column-gap: 15px;
    align-items: center;
  }

  .factors-man-info-block {
    position: relative;
    top: auto;
    bottom: 20px;
    left: 0%;
    right: auto;
  }

  .factors-team-info-div {
    padding: 13px 10px 10px 80px;
    font-size: 12px;
    line-height: 18px;
  }

  .factors-team-info-div.min-left-padding {
    padding-left: 20px;
  }

  .factors-man-block {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
  }

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

  .team-item-icon {
    width: 100px;
  }

  .steps-form-block {
    grid-column-gap: 22px;
  }

  .steps-form-item {
    grid-template-columns: auto;
    align-content: start;
    align-items: start;
  }

  .steps-form-number {
    width: 40px;
    height: 40px;
  }

  .quiz-btn-big-text {
    font-size: 20px;
  }

  .quiz-btn-big-text.min-text {
    font-size: 18px;
  }

  .btn-text-div {
    font-size: 10px;
  }

  .quiz-big-btn-lottie {
    width: 30px;
    margin-top: 0;
  }

  .quiz-features-grid {
    grid-column-gap: 20px;
  }

  .quiz-features-grid.in-quiz {
    grid-row-gap: 5px;
    grid-auto-flow: column;
    justify-content: center;
    justify-items: center;
    top: -50px;
  }

  .quiz-features-item {
    grid-row-gap: 8px;
    font-size: 12px;
  }

  .quiz-features-item.in-steps {
    padding: 7px 6px;
    font-size: 11px;
    line-height: 18px;
  }

  .quiz-features-item.center-align {
    font-size: 10px;
  }

  .quiz-features-icon {
    width: 32px;
  }

  .quiz-features-icon.in-step {
    width: 11px;
    margin-top: -1px;
  }

  .quiz-contacts-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .n-quiz-footer-container {
    font-size: 11px;
    line-height: 14px;
  }

  .quiz-footer-logo {
    height: 15px;
    top: 0;
  }

  .quiz-footer-link {
    font-size: 12px;
    line-height: 16px;
  }

  .quiz-footer-links-block {
    grid-column-gap: 15px;
  }

  .brief-radiobtn-btn-in-quiz, .brief-radiobtn-btn-in-quiz.w--redirected-checked {
    background-position: 12px;
    background-size: 18px 18px;
  }

  .brief-checkbox-btn-in-quiz, .brief-checkbox-btn-in-quiz.w--redirected-checked {
    background-position: 17px;
    background-size: 18px 18px;
  }

  .quiz-label-span {
    font-size: 13px;
  }

  .quiz-feature-item-header {
    font-size: 12px;
  }

  .quiz-nav-btn {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    line-height: 18px;
  }

  .nav-contact-btn {
    padding: 6px 7px;
    font-size: 17px;
    line-height: 18px;
  }

  .nav-contact-btn.min-paddings {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .btn-icon-w, .btn-icon-w.nav-contact-icon {
    width: 20px;
    height: 20px;
  }

  .nav-contact-content {
    font-size: 14px;
  }

  .nav-contact-content.black-color {
    font-size: 14px;
    line-height: 16px;
  }

  .quiz-contacts-container {
    grid-row-gap: 20px;
  }

  .quiz-contacts-col {
    grid-row-gap: 10px;
    align-content: start;
    align-items: start;
  }

  .quiz-step-ps-text {
    line-height: 16px;
  }

  .quiz-ps-text-div {
    grid-row-gap: 5px;
  }

  .quiz-step-contdown {
    font-size: 13px;
  }

  .quiz-footer-copyrignt {
    font-size: 12px;
  }

  .app-paragraph-2 {
    font-size: 16px;
    line-height: 1.3;
  }

  .app-paragraph-2.like-block {
    font-size: 15px;
  }

  .app-paragraph-2.center-align {
    font-size: 18px;
  }

  .icon-3 {
    width: 24px;
  }

  .app-container.quote-container {
    top: 20vh;
  }

  .app-nav-menu {
    padding-bottom: 20px;
  }

  .team-photos-w-2 {
    margin-bottom: 20px;
  }

  .app-hero-section {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .swipe-icon-3 {
    width: 32px;
  }

  .app-h2-subheader {
    font-size: 18px;
    line-height: 1.3;
  }

  .team-img-div-2 {
    width: 140px;
    height: 140px;
    left: 0;
  }

  .team-img-div-2.img-3 {
    left: -8.5vw;
  }

  .team-img-div-2.img-2 {
    left: -4.3vw;
  }

  .team-img-div-2.img-4 {
    left: 4.1vw;
  }

  .team-img-div-2.img-5 {
    left: 19.6vw;
  }

  .app-h2-block {
    grid-row-gap: 5vw;
  }

  .app-h2-block.more-w {
    margin-bottom: 10vw;
  }

  .button-7 {
    padding: 10px 22px;
    font-size: 16px;
  }

  .form-small-text-3 {
    font-size: 13px;
  }

  .app-nav-link {
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }

  .app-h3 {
    font-size: 24px;
  }

  .app-menu-button {
    width: 34px;
    height: 34px;
  }

  .quote-for-scroll {
    max-width: 460px;
    font-size: 36px;
  }

  .quote-for-scroll.top-margin {
    font-size: 33px;
  }

  .quote-for-scroll-w {
    max-width: 650px;
    min-height: 214px;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-case-item {
    padding: 80px 15px;
  }

  .case-item-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .case-item-left-col {
    grid-row-gap: 40px;
  }

  .case-number-item {
    grid-row-gap: 8px;
    align-content: start;
    align-items: start;
    padding: 14px 13px 14px 18px;
    font-size: 15px;
    line-height: 1.1;
  }

  .case-number-text {
    font-size: 30px;
  }

  .contacts-flag-img {
    width: 40px;
  }

  .contacts-item-header {
    grid-row-gap: 5px;
    grid-auto-flow: row;
  }

  .quiz-f-icon-div {
    width: 54px;
    height: 54px;
    padding: 14px;
  }

  .quiz-nav-icon {
    width: 10px;
  }

  .aboup-big-icon {
    width: 160px;
  }

  .team-bg-w {
    margin-bottom: -30px;
  }

  .dmitri-team-img {
    bottom: 24.8vw;
    left: 22%;
  }

  .ann-team-img {
    bottom: 7.6vw;
    right: 21%;
  }

  .constantin-team-img {
    bottom: 24.9vw;
    right: 34%;
  }

  .ihor-team-img {
    bottom: 13.4vw;
    right: -3%;
  }

  .mateus-team-img {
    width: 17vw;
    top: -16.4vw;
    right: 9%;
  }

  .hanna-team-img {
    bottom: 6.2vw;
    right: 49%;
  }

  .case-item-desct-img-reverse {
    position: relative;
    right: 5px;
  }

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

  .all-done-embed-icon {
    width: 40px;
    height: 40px;
  }

  .nav-btn-for-mobile {
    display: block;
  }

  .nav-btn-for-desktop {
    display: none;
  }

  .quiz-big-btn-lottie-reverse {
    width: 30px;
  }

  .list-item-f {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading-plan {
    font-size: 51px;
  }

  .price-plan.min-size {
    font-size: 34px;
  }

  .packages-grid {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .packages-block {
    grid-row-gap: 10px;
    padding: 0;
  }

  ._4-column-grid {
    grid-column-gap: 0px;
  }

  .tabl-item.no-padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .n-faq-dd-icon-div {
    width: 18px;
    height: 18px;
    margin-left: 18px;
  }

  .n-faq-dd-icon-line-1.more-size {
    width: 18px;
  }

  .n-faq-dd-heading {
    font-size: 19px;
    line-height: 1.3;
  }

  .steps-number-item {
    width: 36px;
    height: 36px;
    margin-right: 15px;
  }

  .n-faq-grid {
    margin-top: -10px;
    padding-left: 0;
    padding-right: 0;
  }

  .n-faq-dd-icon-line-2.more-size {
    height: 18px;
  }

  .small-paragraph {
    font-size: 14px;
  }

  .service-block {
    grid-row-gap: 10px;
    padding: 25px;
  }

  .services-txt {
    font-size: 18px;
  }

  .category-grid._3-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .work-item {
    grid-row-gap: 10px;
    padding: 25px;
  }

  .work-grid {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .work-grid._3-column {
    grid-template-columns: 1fr;
  }

  .work-icon-w {
    width: 75px;
    height: 75px;
  }

  .shop-block {
    grid-row-gap: 10px;
    padding: 25px;
  }

  .heading-flex-bl {
    grid-template-columns: 1fr;
  }

  .item-content {
    align-items: flex-start;
  }

  .circle-icon {
    flex: none;
    justify-content: center;
    align-items: flex-start;
    width: 30px;
    height: 30px;
  }

  .inf-price {
    flex-flow: row;
  }

  .flex-hor.bg-color.radius {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero-section {
    padding-top: 70px;
    padding-bottom: 120px;
  }

  .section.hero-section.more-paddings {
    padding-top: 150px;
  }

  .section.hero-section.no-full-w.min-padding {
    padding-bottom: 0;
  }

  .section.cta-section {
    padding-bottom: 80px;
  }

  .section.hero-section-2 {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.map-section {
    padding-bottom: 300px;
  }

  .section.black-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.project-main-section {
    padding-top: 70px;
  }

  .section.hero-section-3 {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .section.hero-section-4 {
    justify-content: flex-start;
    min-height: auto;
    padding-bottom: 0;
  }

  .section.hero-section-5 {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .section.case-section {
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .container.hero-container.on-work {
    width: 95%;
  }

  .container.hero-container-2 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .hero-div {
    padding-right: 30%;
  }

  .hero-div.center-align {
    margin-bottom: 40px;
  }

  .hero-div.no-padding {
    padding-right: 0%;
  }

  .h1 {
    flex: none;
    font-size: 28px;
    line-height: 1.1em;
  }

  .h1-subheader {
    width: 80%;
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.4em;
  }

  .button {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .button.yellow-btn {
    text-align: center;
    white-space: normal;
  }

  .button.min-size {
    padding: 10px 8px;
    font-size: 12px;
  }

  .button.border-btn {
    padding: 13px 15px;
  }

  .button.big-quiz-btn {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button.in-quiz-steps {
    font-size: 16px;
  }

  .button.in-quiz-steps.yellow-btn {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .button.giant-btn {
    font-size: 16px;
  }

  .nav-link {
    white-space: nowrap;
    padding: 16px 5px;
    font-size: 13px;
    line-height: 14px;
  }

  .nav-link.like-btn {
    flex: none;
    padding: 9px 5px 8px;
    font-size: 11px;
    line-height: 11px;
  }

  .nav-link.like-btn.in-footer {
    margin-left: 0;
  }

  .nav-link.like-btn.white-color {
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-link.like-btn.round-corners {
    margin-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
  }

  .nav-link.like-btn.round-corners.hide {
    display: none;
  }

  .nav-link.in-footer {
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 16px;
  }

  .nav-link.in-footer.black-color {
    margin-right: 0;
  }

  .nav-link.like-btn-3 {
    flex: none;
    padding: 15px 17px 13px;
    font-size: 12px;
    line-height: 11px;
  }

  .nav-link.hide-on-mobile {
    display: none;
  }

  .nav-link.hide-on-desctop {
    display: block;
  }

  .nav-link.min-size {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2.9vw;
  }

  .nav-logo-img {
    width: 29vw;
  }

  .nav-logo-img.bizquiz-logo {
    width: 85px;
  }

  .nav-logo-img.in-footer {
    width: 160px;
  }

  .nav-logo {
    flex: none;
  }

  .nav-content-block.add-position {
    flex: none;
    position: relative;
  }

  .nav-dd {
    flex: 1;
  }

  .nav-dd-toggle {
    padding: 15px 10px;
    font-size: 13px;
    line-height: 14px;
  }

  .nav-dd-toggle.w--open {
    text-align: center;
    justify-content: center;
  }

  .dd-arrow {
    width: 6px;
    height: 6px;
    margin-left: 4px;
    font-size: 11px;
    line-height: 14px;
    top: auto;
  }

  .nav-menu-content-div {
    flex-flow: column wrap;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .h2 {
    letter-spacing: -.5px;
    font-size: 9.5vw;
  }

  .h2.add-width {
    max-width: 250px;
  }

  .h2-heading-div {
    margin-bottom: 60px;
  }

  .h2-heading-div.min-indent.no-margin {
    margin-bottom: 0;
  }

  .h2-heading-div.min-indent.right-aling {
    align-items: start;
    justify-items: start;
  }

  .h2-heading-div.no-padding {
    margin-bottom: 50px;
  }

  .h2-heading-div.left-align.min-margin {
    margin-bottom: 40px;
  }

  .h2-subheader {
    font-size: 16px;
    line-height: 1.5em;
  }

  .h2-subheader.more-size {
    font-size: 18px;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    margin-right: 0%;
    position: relative;
    top: 0;
  }

  .tabs-menu.plans-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 42px;
  }

  .tabs-content {
    margin-top: 0;
  }

  .tab-link {
    border-left-color: var(--black);
    color: var(--black);
    width: 45%;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
  }

  .tab-link.w--current {
    background-color: var(--gold);
    border-left-color: #b49b0a;
  }

  .solution-item-icon {
    width: 50px;
  }

  .solution-item-icon.bottom-margin {
    width: 50px;
    margin-bottom: 10px;
  }

  .h3 {
    font-size: 24px;
    line-height: 1.3em;
  }

  .h3.add-indent.more-size {
    font-size: 22px;
  }

  .h3.caps {
    margin-right: 5px;
  }

  .h3.add-indent-2 {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .h3.add-top-indent {
    font-size: 22px;
  }

  .h3.in-crown-block {
    font-size: 26px;
    line-height: 1.2em;
  }

  .h3.in-crown-block.add-max-w {
    max-width: 220px;
  }

  .h3.in-crown-block.add-max-w-2 {
    max-width: 200px;
  }

  .h3.on-services {
    font-size: 10vw;
  }

  .h3.min-size.min-width {
    text-align: left;
    font-size: 8vw;
  }

  .h3.case-work-h3 {
    font-size: 24px;
  }

  .h3.yellow-color {
    color: var(--black-2);
    font-size: 28px;
    line-height: 1.1em;
  }

  .h3.big-size {
    font-size: 32px;
  }

  .paragraph {
    line-height: 1.6em;
  }

  .paragraph.white-color {
    margin-top: 10px;
  }

  .paragraph.grow-w {
    margin-bottom: 20px;
  }

  .paragraph.min-indent, .paragraph.no-indent {
    font-size: 16px;
  }

  .paragraph.no-indent.min-h {
    font-size: 26px;
    font-weight: 700;
  }

  .paragraph.grow-w2 {
    margin-bottom: 20px;
  }

  .paragraph.testimonial-text {
    font-size: 13px;
    line-height: 1.5em;
  }

  .paragraph.more-size {
    font-size: 16px;
    line-height: 1.5em;
  }

  .paragraph.more-size.right-align {
    text-align: right;
  }

  .paragraph.min-size, .paragraph.no-margin.center-aling.gray-font, .paragraph.no-margin.gray-font {
    font-size: 14px;
  }

  .link.white-link {
    font-size: 16px;
    line-height: 17px;
  }

  .main-plans-block {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .plan-item-w {
    width: 100%;
    margin-bottom: 50px;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .price-div {
    font-size: 18px;
    line-height: 23px;
  }

  .tariff-name {
    font-size: 22px;
  }

  .tariff-name.no-indent {
    font-size: 18px;
    line-height: .6em;
  }

  .tariff-name.no-uppercase {
    font-size: 22px;
  }

  .price-w {
    flex-flow: wrap;
    align-content: flex-end;
    align-items: flex-end;
    font-size: 20px;
    line-height: 25px;
  }

  .price-block {
    margin-left: 5px;
    font-size: 30px;
    line-height: 29px;
  }

  .plan-functions-block {
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .plan-function-div {
    font-size: 12px;
    line-height: 1.4em;
  }

  .tariff-period-choose {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 11px;
  }

  .link-div {
    font-size: 15px;
  }

  .link-div.no-margin-white {
    margin-left: 18px;
  }

  .link-div.no-margin {
    margin-top: 15px;
    font-size: 14px;
  }

  .link-div.no-margin.right-align {
    margin-bottom: 11px;
    margin-left: 10px;
  }

  .link-div.no-margin-white-2 {
    font-size: 12px;
  }

  .btn-lottie-icon.chat-icon.no-top-margin {
    margin-top: 3px;
  }

  .btn-lottie-icon.left-icon {
    width: 18px;
    height: 18px;
  }

  .solutions-wrap {
    flex-direction: column;
    justify-content: flex-start;
  }

  .solutions-wrap.solutions-for-mobile {
    display: block;
  }

  .dd-list {
    position: relative;
  }

  .dd-list.w--open {
    min-width: auto;
  }

  .dd-list.lang-list {
    position: absolute;
  }

  .dd-link {
    text-align: center;
    padding: 8px 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .h4 {
    font-size: 22px;
    line-height: 1.2em;
  }

  .h4.no-margin {
    font-size: 16px;
  }

  .h4.no-margin.yellow-heading {
    font-size: 26px;
  }

  .h4.new-size-3 {
    font-size: 22px;
  }

  .h4.in-quiz-steps {
    font-size: 23px;
    line-height: 1.2em;
  }

  .custom-plan-w {
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .custom-plan-div {
    flex-direction: column;
    align-items: center;
  }

  .platforms-wrap {
    margin-bottom: -40px;
    margin-right: 0%;
  }

  .platform-item {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0%;
  }

  .platform-logo {
    max-width: 130px;
    height: 23px;
  }

  .platform-logo.conv-call {
    height: 28px;
  }

  .list {
    margin-bottom: 0;
    padding-left: 16px;
  }

  .list.in-steps {
    padding-left: 15px;
  }

  .list.with-columns {
    flex-direction: column;
  }

  .list-item {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.6em;
  }

  .list-item.in-dd {
    font-size: 12px;
  }

  .list-item.about-us {
    font-size: 12px;
    line-height: 1.6em;
  }

  .platform-logo-div, .platform-content-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .benefits-wrap {
    margin-bottom: 30px;
    margin-right: -2%;
  }

  .benefit-item {
    width: 48%;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 25px 0;
  }

  .benefit-icon {
    width: 50px;
    margin-bottom: 10px;
  }

  .h5 {
    font-size: 17px;
  }

  .h5.in-quiz {
    font-size: 19px;
  }

  .solution-heading-block.vert-flex {
    margin-bottom: 20px;
  }

  .img-label-block {
    white-space: normal;
    max-width: 120px;
    margin-bottom: 26%;
    font-size: 11px;
    right: 100%;
  }

  .img-label-block.in-bottom {
    max-width: none;
    padding: 12px 10px 12px 20px;
  }

  .label-text {
    white-space: nowrap;
    font-size: 24px;
  }

  .faq-dd-toggle {
    padding: 15px 25px 16px 15px;
    font-size: 13px;
    line-height: 16px;
  }

  .faq-dd-toggle.w--open {
    padding-bottom: 15px;
    padding-left: 15px;
  }

  .text-field {
    height: 44px;
    margin-bottom: 10px;
  }

  .text-field.no-indent {
    flex: none;
    margin-bottom: 10px;
  }

  .text-field.in-quiz {
    height: 48px;
    padding-left: 15px;
    font-size: 15px;
  }

  .cta-text-w {
    margin-bottom: 30px;
  }

  .cta-text-w.min-indent {
    margin-bottom: 15px;
  }

  .footer-section {
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .footer-container {
    width: 75%;
    max-width: 270px;
  }

  .copyright-text {
    text-align: left;
    font-size: 12px;
  }

  .footer-nav-w {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }

  .footer-nav-w.no-margin {
    flex: none;
    width: auto;
    margin-right: 0;
  }

  .footer-contacts-w {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 7px;
  }

  .footer-contacts-w.horizontal-row {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
  }

  .h1-wrap {
    width: 250px;
    margin-bottom: 20px;
    position: relative;
  }

  .h1-wrap.no-align {
    width: auto;
    margin-bottom: 30px;
  }

  .h1-wrap.full-width {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .h1-wrap.full-width.in-quiz.center-align {
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    align-content: center;
    padding: 0;
  }

  .h1-wrap.center-align {
    margin-bottom: 40px;
  }

  .h1-wrap.center-align.test {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .h1-wrap.center-align.no-min-width {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .top-cta-form {
    width: 80%;
  }

  .top-cta-block {
    flex-direction: column;
  }

  .tariff-icon {
    width: 60px;
    margin-bottom: 20px;
  }

  .footer-row {
    flex-flow: column wrap;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: start;
    justify-items: start;
    margin-bottom: 30px;
  }

  .copyright-block {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
    font-size: 11px;
    line-height: 22px;
  }

  .copyright-links-div {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 10px;
  }

  .footer-link-small {
    margin-left: 0;
  }

  .typed-h1-text {
    margin-left: 5px;
    font-size: 28px;
    line-height: 1.1em;
    display: inline;
  }

  .logos-wall-heading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .popup-container {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px 30px 30px;
  }

  .success-message {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .error-message {
    font-size: 12px;
    line-height: 14px;
  }

  .close-popup-btn {
    width: 22px;
    height: 22px;
    padding: 6px;
  }

  .close-popup-btn.new-version {
    top: 10px;
    right: 10px;
  }

  .team-img {
    height: 410px;
  }

  .footer-link-div {
    margin-left: 0;
    font-size: 12px;
  }

  .form-btn-w {
    width: 100%;
  }

  .hand-icon {
    width: 21px;
    font-size: 23px;
    line-height: 22px;
    top: 10px;
    right: -20px;
  }

  .cta-col-1 {
    margin-bottom: 50px;
  }

  .manager-contact {
    font-size: 12px;
  }

  .form-icon {
    width: 30px;
  }

  .form-img {
    flex: none;
    width: 50px;
    margin-right: 10px;
  }

  .subheader {
    font-size: 15px;
    line-height: 23px;
  }

  .subheader.white-text, .form-item {
    font-size: 13px;
  }

  .expert-div {
    font-size: 15px;
    line-height: 1.3em;
  }

  .manager-name {
    font-size: 13px;
  }

  .menu-button {
    margin-left: 5px;
    padding: 8px;
    font-size: 26px;
    line-height: 18px;
  }

  .menu-button.w--open {
    font-size: 26px;
  }

  .nav-menu {
    width: 100%;
  }

  .tab-btn {
    flex: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 12px;
  }

  .paragraph-2 {
    font-size: 12px;
    line-height: 1.6em;
  }

  .plan-function {
    width: 100%;
  }

  .plan-item {
    padding: 30px 20px;
  }

  .plan-cta-block {
    align-items: stretch;
  }

  .plan-functions-w.in-custom {
    margin-top: -10px;
  }

  .icon-1 {
    width: 40px;
  }

  .icon-2 {
    width: 40px;
    top: 7%;
    right: 10%;
  }

  .icon-3 {
    width: 40px;
    top: 7%;
  }

  .icon-4 {
    width: 40px;
    left: 8%;
  }

  .plan-item-icon {
    flex: none;
    width: 55px;
    margin-right: 20px;
  }

  .top-cta-container {
    flex-direction: column;
  }

  .form-checkbox-block {
    font-size: 10px;
    line-height: 1.5em;
  }

  .form-checkbox-block.black-text {
    margin-top: 20px;
  }

  .checkbox {
    width: 16px;
    height: 16px;
  }

  .checkbox-field {
    font-size: 10px;
  }

  .plans-wrap {
    flex-direction: column;
    justify-content: flex-start;
  }

  .plan-function-icon {
    margin-top: 1px;
    margin-right: 5px;
  }

  .contacts-item {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0%;
    padding: 30px;
  }

  .contacts-item.yellow-bg {
    padding-bottom: 20px;
  }

  .contacts-wrap {
    margin-bottom: -30px;
    margin-right: 0%;
  }

  .plan-footnote-w {
    font-size: 13px;
    line-height: 1.6em;
  }

  .footnote-row {
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .footnote-col {
    width: 100%;
    margin-top: 20px;
  }

  .footnote-number {
    font-size: 90px;
    top: -5px;
    left: -16px;
  }

  .platform-icon.connectool-icon {
    bottom: 7%;
  }

  .footnote-block-2 {
    padding-top: 12px;
    font-size: 13px;
    line-height: 1.6em;
  }

  .plan-footnote-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .popup-container-2 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .term-block {
    font-size: 30px;
    line-height: 29px;
  }

  .term-text {
    font-size: 16px;
    line-height: 1.4em;
  }

  .close-popup-2-btn {
    width: 22px;
    height: 22px;
    padding: 6px;
  }

  .bonus-plan-item-w {
    width: 100%;
    margin-bottom: 50px;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footnote-block-3.add-indent {
    margin-top: -30px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
  }

  .team-img-w {
    margin-right: -60px;
    top: auto;
    bottom: 0%;
    left: auto;
  }

  .label-heading-div {
    margin-bottom: 3px;
    line-height: 1.2em;
  }

  .crown-icon {
    width: 30px;
    top: -15px;
    left: -9px;
  }

  .crown-icon-2 {
    width: 14px;
    display: none;
    top: -30px;
    left: 49px;
  }

  .crown-icon-3 {
    width: 16px;
    display: none;
    top: -37px;
    left: 3px;
  }

  .social-links {
    margin-bottom: 0;
    margin-left: 0;
  }

  .social-links.no-margin {
    margin-top: 0;
    margin-left: 5px;
  }

  .social-link {
    padding: 7px 9px;
  }

  .social-link.add-filter {
    width: 40px;
    height: 40px;
    margin-right: 9px;
    padding: 6px;
  }

  .social-icon {
    width: 20px;
  }

  .footer-content {
    flex-direction: row;
    flex: none;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }

  .footer-content.on-bizquiz {
    margin-top: 20px;
    margin-bottom: -20px;
  }

  .custom-plan-icon {
    flex: none;
    width: 55px;
    margin-bottom: 20px;
  }

  .custom-plan-heading-div {
    flex-direction: column;
  }

  .map-img {
    width: 800px;
    top: 88%;
    left: 77%;
    transform: translate(-52%, -50%);
  }

  .nav-logo-div {
    flex-direction: row;
    flex: 0 auto;
  }

  .nav-slogan {
    margin-top: 2px;
    margin-left: 10px;
    font-size: 10px;
  }

  .all-inclusive-wrap {
    padding: 30px 20px;
  }

  .column {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-item {
    margin-top: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.6em;
  }

  .all-inclusive-div {
    font-size: 13px;
    line-height: 1.6em;
  }

  .latest-work-item {
    margin-bottom: 30px;
  }

  .or-text {
    margin: 10px 7px;
    font-size: 14px;
    line-height: 16px;
  }

  .nav-label-div {
    margin-right: 0;
    font-size: 16px;
    line-height: .9em;
    display: none;
    position: absolute;
    top: auto;
    bottom: -20px;
    left: -107px;
    right: auto;
  }

  .nav-label-img {
    top: -6px;
    transform: rotate(-12deg);
  }

  .workers-block {
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px 20px;
  }

  .quiz-form-field-label {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3em;
  }

  .quiz-btns-row {
    flex-flow: column wrap;
    justify-content: center;
    margin-top: 10px;
  }

  .list-row {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .list-col {
    margin-right: 0;
  }

  .btns-div {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
  }

  .btns-div.with-gap {
    align-content: flex-start;
    justify-content: flex-start;
    display: flex;
  }

  .btns-div.with-gap.more-margin {
    margin-top: 60px;
  }

  .btns-div.with-gap.center-align {
    grid-column-gap: 10px;
    justify-content: center;
    margin-top: 0;
  }

  .btns-div.center-align {
    margin-top: 40px;
    position: relative;
  }

  .btns-div.center-align.top-margin {
    justify-content: center;
    margin-top: 40px;
  }

  .btns-div.add-gap {
    grid-column-gap: 15px;
  }

  .btns-div.top-margin {
    justify-content: flex-start;
    margin-top: 20px;
  }

  .plan-item-label {
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 9px;
    line-height: 13px;
    top: 5px;
  }

  .work-preview-w {
    height: 250px;
  }

  .solutions-w {
    display: none;
  }

  .main-solutions-item {
    width: 100%;
    padding: 30px 20px;
  }

  .our-work-collage-w {
    overflow: hidden;
  }

  .work-tag {
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
    line-height: 12px;
  }

  .work-prev-logo {
    max-width: 240px;
    max-height: 45px;
  }

  .work-prev-logo.probuilder-logo {
    max-height: 35px;
  }

  .work-prev-logo.moon-logo {
    max-height: 40px;
  }

  .work-prev-logo.losev-logo {
    max-height: 50px;
  }

  .work-prev-logo.rozarossa-logo {
    max-height: 80px;
  }

  .work-prev-logo.phdrops-logo {
    max-height: 50px;
  }

  .work-prev-logo.azure-logo {
    max-height: 80px;
  }

  .work-prev-logo.linkypage-logo {
    max-height: 50px;
  }

  .work-prev-logo.brainhome-logo {
    max-width: 200px;
    max-height: 55px;
  }

  .work-prev-logo.expohome-logo {
    max-width: 170px;
    max-height: 55px;
  }

  .work-prev-logo.bruder-logo {
    max-height: 80px;
  }

  .work-prev-logo.rcpm-logo, .work-prev-logo.goodframes-logo, .work-prev-logo.betterhome-logo {
    max-height: 160px;
  }

  .work-prev-logo.oton-logo {
    max-height: 80px;
  }

  .team-info-block {
    position: relative;
    bottom: auto;
    left: auto;
  }

  .team-info-div {
    padding: 10px 8px 8px 40px;
    font-size: 10px;
    line-height: 14px;
  }

  .expert-col-1 {
    width: 95%;
    margin-bottom: 50px;
  }

  .expert-list-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .table-w {
    border-bottom-width: 2px;
    border-right-width: 2px;
    overflow: auto;
  }

  .table-block {
    margin-bottom: 0;
  }

  .table-col {
    min-width: 90px;
    padding: 10px 6px;
  }

  .table-col.first-col {
    min-width: 105px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .table-col.first-col.last-row {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .table-col.toprork-col.last-row {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .table-col.toprork-col.first-row {
    margin-top: 0;
    padding-top: 10px;
  }

  .table-row {
    font-size: 11px;
    line-height: 13px;
  }

  .table-row.header-row {
    font-size: 13px;
    line-height: 12px;
  }

  .table-icon {
    margin-top: 1px;
    margin-right: 5px;
  }

  .table-icon.cross-icon {
    width: 11px;
  }

  .expert-name {
    font-size: 26px;
    line-height: 24px;
  }

  .crown-block {
    z-index: 200;
    right: 0;
  }

  .crown-block.reverse {
    left: 0;
  }

  .crown-ico {
    width: 35px;
    top: -15px;
    left: -9px;
  }

  .crown-ico.ico-3 {
    width: 25px;
    top: -25px;
    left: 5px;
  }

  .crown-ico.ico-2 {
    width: 20px;
    top: -8px;
    left: -20px;
  }

  .crown-ico.ico-4 {
    width: 25px;
    top: -4px;
    left: 22px;
  }

  .crown-ico.ico-5 {
    width: 20px;
    top: -29px;
    left: -8px;
  }

  .proj-main-images-w {
    margin-bottom: -50px;
  }

  .project-info-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .project-info-col-1 {
    margin-bottom: 0;
  }

  .proj-gallert-item {
    width: 207px;
    height: 130px;
  }

  .proj-rev-w {
    width: 75%;
  }

  .proj-rev-position {
    white-space: nowrap;
    font-size: 12px;
  }

  .work-logo {
    width: 170px;
  }

  .work-logo.probuilder-case-logo {
    height: 30px;
  }

  .work-logo.dewelloper-case-logo {
    height: 26px;
  }

  .work-logo.utagroup-case-logo {
    height: 40px;
  }

  .work-logo.letsbots-case-logo {
    height: 70px;
  }

  .work-logo.encotec-case-logo {
    height: 40px;
  }

  .work-logo.heysupreme-case-logo {
    height: 18px;
  }

  .work-logo.losev-case-logo {
    height: 40px;
  }

  .work-logo.azure-case-logo {
    height: 70px;
  }

  .work-logo.brainhome-case-logo {
    height: 20px;
  }

  .work-logo.expohome-case-logo {
    height: 21px;
  }

  .work-logo.phdrops-case-logo {
    height: 38px;
  }

  .work-logo.bruder-case-logo {
    height: 65px;
  }

  .work-logo.rozarossa-case-logo {
    height: 50px;
  }

  .work-logo.rcpm-case-logo {
    height: 100px;
  }

  .work-logo.betterhome-case-logo {
    height: 21px;
  }

  .work-logo.goodframes-case-logo {
    height: 19px;
  }

  .work-logo.oton-wallet-case-logo {
    height: 50px;
  }

  .work-logo.apptime-case-logo {
    height: 32px;
  }

  .work-logo.techera-case-logo {
    height: 23px;
  }

  .work-logo.smartgrow-case-logo {
    height: 28px;
  }

  .work-logo.ecofab-case-logo {
    height: 30px;
  }

  .work-logo.tinberdesign-case-logo {
    height: 55px;
  }

  .work-logo.marwellmade-case-logo {
    height: 18px;
  }

  .work-logo.esars-case-logo {
    height: 47px;
  }

  .work-logo.boostools-case-logo {
    height: 30px;
  }

  .work-logo.linkypage-case-logo {
    height: 42px;
  }

  .work-logo.domos-case-logo {
    height: 75px;
  }

  .work-logo.instalogy-case-logo {
    height: 40px;
  }

  .work-logo.moon-case-logo {
    height: 30px;
  }

  .work-logo.costacleaners-case-logo {
    height: 24px;
  }

  .work-logo.clientsfirst-case-logo {
    height: 42px;
  }

  .work-logo.threecommas-case-logo, .work-logo.dewelloper-case-logo {
    height: 24px;
  }

  .footer-col {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .footer-col.move-top {
    margin-top: -40px;
  }

  .footer-slogan {
    margin-top: 0;
    font-size: 12px;
    line-height: 14px;
  }

  .footer-col-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 18px;
  }

  .footer-col-heading.add-opacity {
    display: none;
  }

  .phone-footer-link-div {
    margin-left: 0;
    font-size: 12px;
  }

  .phone-footer-link-div.left-padding {
    padding-left: 29px;
  }

  .quote-mark {
    font-size: 100px;
    left: -40px;
  }

  .quote-mark.right-mark {
    right: -30px;
  }

  .start-quiz-btn {
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
  }

  .text-block {
    flex: 1;
    width: 200px;
    line-height: 20px;
    top: 47px;
  }

  .topwork-collage-col.more-paddings {
    padding-left: 5%;
    padding-right: 1%;
  }

  .bg-mockup-w {
    height: 250px;
    left: -3%;
  }

  .bg-mockup-w.more-size {
    height: 450px;
  }

  .bg-mockup-block {
    max-width: 350px;
  }

  .move-top {
    top: auto;
  }

  .solution-tab-block {
    padding-top: 30px;
  }

  .service-big-icon {
    max-width: 250px;
    height: 150px;
  }

  .label {
    font-size: 13px;
  }

  .label.dont-shrink {
    align-self: flex-start;
  }

  .project-type-icon {
    width: 48px;
  }

  .check-button-field {
    flex: none;
    width: 47%;
    margin-right: 3%;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .project-type-block {
    margin-right: -3%;
  }

  .form-row {
    width: 100%;
    margin-right: 0;
  }

  .form-row.fool-w {
    width: 100%;
    margin-right: 0%;
  }

  .text-field-3 {
    height: 40px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 0;
    font-size: 13px;
  }

  .form-row-block {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0%;
  }

  .order-block-col-6 {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
  }

  .solution-div {
    margin-top: 35px;
  }

  .solution-price {
    flex-direction: row;
    align-items: flex-end;
    margin-right: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .price-span {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
    line-height: 18px;
  }

  .plan-label {
    text-align: center;
  }

  .plan-label.more-size {
    font-size: 12px;
    line-height: 14px;
  }

  .sol-cloud-item {
    background-position: 6px;
    background-size: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 14px;
  }

  .plan-item-w-2 {
    width: 100%;
    margin-bottom: 50px;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .plan-func-icon {
    width: 22px;
    margin-right: 8px;
  }

  .function-icon {
    width: 24px;
  }

  .function-icon.more-size {
    width: 28px;
  }

  .h1-subheader-2 {
    font-size: 15px;
    line-height: 24px;
  }

  .h1-subheader-2.no-margin {
    font-size: 16px;
  }

  .tariff-name-3 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
  }

  .tariff-name-3.min-size {
    white-space: pre-line;
    max-width: 90px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .plan-bottom-block-2 {
    padding-top: 20px;
  }

  .grid-block {
    padding-left: 2px;
    padding-right: 2px;
  }

  .grid-block.top-block {
    text-align: center;
    justify-content: flex-start;
    padding: 35px 5px 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 42px;
  }

  .grid-block.top-block.add-right-corner {
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
    overflow: visible;
  }

  .grid-block.top-block.gray-bg-1 {
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
  }

  .grid-block.top-block.gray-bg-2 {
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
  }

  .grid-block.top-block-2 {
    text-align: center;
    justify-content: center;
    padding: 15px 5px;
    position: relative;
    top: auto;
  }

  .grid-block.top-block-2.more-z-index {
    top: auto;
  }

  .grid-block.no-bg.with-bg {
    margin-right: 2px;
  }

  .price-div-2 {
    font-size: 18px;
    line-height: 23px;
  }

  .paragraph-4 {
    font-size: 12px;
    line-height: 1.6em;
  }

  .tariff-period-choose-2 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
  }

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

  .plan-function-div-2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 1.5em;
  }

  .plan-function-div-2.with-black-bg {
    margin-left: 0;
    padding-left: 18px;
    padding-right: 10px;
  }

  .plan-function-div-2.add-padding {
    padding: 12px 10px;
    font-size: 12px;
    line-height: 1.3em;
  }

  .plan-function-div-2.add-padding.center-align {
    justify-content: flex-start;
  }

  .price-text-2 {
    font-size: 10px;
    line-height: 16px;
  }

  .price-text-2.no-margin {
    margin-left: 0;
  }

  .price-2 {
    font-size: 24px;
    line-height: 23px;
  }

  .block-with-top-border.col-bg-div {
    border-radius: 20px;
  }

  .price-bg-block {
    position: -webkit-sticky;
    position: sticky;
    top: 42px;
  }

  .price-bg-block.yellow-bg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    top: auto;
  }

  .price-block-2 {
    margin-left: 5px;
    font-size: 30px;
    line-height: 29px;
  }

  .price-block-2.no-padding {
    margin-left: 0;
  }

  .plan-function-heading-3 {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .plan-function-heading-3.no-margin {
    font-size: 13px;
    line-height: 14px;
  }

  .plan-function-heading-3.no-margin-2, .plan-function-heading-3.no-margin-3 {
    font-size: 13px;
    line-height: 16px;
  }

  .adv-icon {
    width: 45px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .h1-2 {
    flex: none;
    font-size: 32px;
    line-height: 1.2em;
  }

  .hero-div-2.center-align {
    margin-bottom: 40px;
  }

  .hero-div-2.center-align.no-margin.gap-rows {
    text-align: left;
  }

  .hero-div-2.add-margin {
    margin-top: 0;
    margin-bottom: 0;
  }

  .main-form-col {
    flex: none;
    min-width: auto;
  }

  .h1-top-hero {
    font-size: 13px;
    line-height: 16px;
  }

  .main-form {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    padding: 30px 20px 25px;
    display: block;
  }

  .main-form.center-col {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 25px;
    padding-right: 25px;
    display: grid;
  }

  .text-field-4 {
    flex: 0 auto;
    height: 44px;
    margin-bottom: 0;
    font-size: 13px;
  }

  .text-field-4.no-margin {
    font-size: 15px;
  }

  .submit-btn {
    min-height: 44px;
    padding-top: 0;
  }

  .form-h1 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 26px;
  }

  .form-h1.no-margin {
    margin-bottom: 20px;
  }

  .form-h1-subheading {
    margin: 5px;
    font-size: 11px;
    line-height: 16px;
  }

  .form-h1-subheading.in-popup {
    margin-bottom: 0;
    margin-right: 0;
    font-size: 12px;
    line-height: 13px;
  }

  .main-form-hero {
    margin-bottom: 0;
  }

  .hero-logo-icon {
    width: 24px;
    bottom: -8px;
    left: -5px;
  }

  .checks-w {
    flex-direction: column;
    margin-bottom: -38vw;
    line-height: 18px;
    display: flex;
  }

  .hero-container-row {
    flex: none;
  }

  .hero-container-row.add-grid {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }

  .hero-cont-bottom-block {
    flex-direction: column;
    justify-content: flex-start;
  }

  .hero-bottom-block-item {
    max-width: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px 17px 17px 20px;
  }

  .check-text-item {
    text-align: left;
    background-position: 6px 40%;
    background-size: 14px;
    margin-right: 10px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 1.4em;
    display: inline-block;
  }

  .check-text-item.inversion {
    margin-bottom: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 18px;
  }

  .check-text-item.min-size {
    padding-left: 28px;
    font-size: 11px;
    line-height: 1.3em;
  }

  .check-text-item.inline-block-item {
    background-position: 6px 43%;
    background-size: 12px;
    margin-bottom: 6px;
    margin-right: 8px;
    padding-left: 23px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .perform-block-item {
    width: 100%;
  }

  .perform-crown {
    margin-right: 10px;
  }

  .perform-arrow-icon {
    width: 20px;
    margin: 20px auto;
    transform: rotate(90deg);
  }

  .work-main-block {
    padding: 20px;
  }

  .footer-section-2 {
    padding-top: 50px;
  }

  .footer-logo-img {
    width: 130px;
  }

  .footer-container-2 {
    flex-direction: column;
    align-content: center;
    margin-bottom: 30px;
  }

  .copyright-text-2 {
    text-align: center;
  }

  .footer-col-div {
    flex-flow: column wrap;
    align-items: center;
  }

  .count-block-w {
    font-size: 11px;
  }

  .count-block {
    margin-bottom: 30px;
  }

  .count-block-heading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .count-number-block {
    align-self: flex-start;
    font-size: 38px;
    line-height: 45px;
  }

  .count-number {
    font-size: 36px;
  }

  .number-digit {
    line-height: 50px;
  }

  .number-digit.plus-2 {
    margin-right: 0;
    font-size: 29px;
    line-height: 50px;
  }

  .counter-currency {
    margin-left: 5px;
    margin-right: 0;
    font-size: 28px;
  }

  .full-w-arrow {
    margin-top: 0;
    margin-bottom: 0;
  }

  .form-badge-w {
    width: 82px;
    height: 82px;
    padding: 10px 15px 17px 13px;
    font-size: 20px;
    line-height: 22px;
    top: -33px;
    left: auto;
    transform: rotate(10deg);
  }

  .form-badge-w.in-popup {
    width: 76px;
    height: 62px;
    font-size: 14px;
    line-height: 14px;
    top: -23px;
    right: -15px;
  }

  .form-badge-w.in-quiz {
    width: 87px;
    height: 80px;
    font-size: 19px;
    top: -47px;
    right: -13px;
  }

  .move-up-link-w {
    width: 34px;
    height: 34px;
    padding: 9px;
  }

  .image-col {
    order: -1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 10px;
    position: relative;
    top: 0;
  }

  .image-col.no-sticky {
    flex: none;
    width: auto;
    margin-left: auto;
  }

  .website-illustration {
    flex: none;
    max-height: none;
  }

  .website-illustration.first-illustration {
    width: 108%;
    max-height: 600px;
    position: relative;
    left: -4%;
  }

  .website-illustration.first-illustration.min-size {
    flex: none;
    width: 100%;
    max-height: none;
    left: auto;
  }

  .website-illustration.second-illustration {
    flex: none;
    width: 90%;
  }

  .close-popup-btn-2 {
    width: 20px;
    height: 20px;
    padding: 6px;
    top: 10px;
    right: 10px;
  }

  .close-popup-btn-2:hover {
    padding: 7px;
  }

  .big-link {
    font-size: 13px;
  }

  .right-arrow {
    width: 18px;
    font-size: 14px;
  }

  .compare-table-grid {
    grid-template-columns: minmax(auto, 1fr) 1fr 1fr 1fr 1fr;
    min-width: 600px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-top-text {
    font-size: 15px;
  }

  .grid-top-text.low-cost {
    font-size: 13px;
  }

  .plan-bottom-block-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .grid-block-text {
    font-size: 12px;
    line-height: 14px;
  }

  .grid-block-text.more-size {
    font-size: 13px;
  }

  .crown-img {
    max-width: 36px;
    margin-bottom: 5px;
  }

  .plan-item-link {
    margin-top: 15px;
    padding: 5px 2px 3px;
    font-size: 9px;
    line-height: 13px;
  }

  .popup-section-lp {
    justify-content: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
    display: none;
  }

  .popup-section-bw {
    padding-top: 50px;
    padding-bottom: 50px;
    display: none;
  }

  .popup-section-os {
    justify-content: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
    display: none;
  }

  .include-text {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    font-size: 12px;
  }

  .bonus-link {
    font-size: 11px;
    line-height: 14px;
  }

  .bonus-popup-container {
    padding: 30px 20px;
  }

  .price-popup-grid {
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
  }

  .bonuses-w {
    height: 400px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bonuses-bg-w.with-perspective {
    left: -1%;
  }

  .bonuses-bg-w.with-perspective.in-left-col {
    margin-left: 10px;
    right: -1%;
  }

  .form-small-text {
    font-size: 10px;
    line-height: 16px;
  }

  .form-small-text.bottom-margin {
    font-size: 10px;
    line-height: 14px;
  }

  .form-small-text.bottom-margin.no-top-margin-2 {
    font-size: 12px;
    line-height: 16px;
  }

  .price-grid {
    min-width: 550px;
  }

  .price-grid-row-item {
    grid-template-columns: minmax(auto, 1.3fr) 1fr 1fr 1fr;
  }

  .plan-function-span {
    font-size: 10px;
    line-height: 13px;
  }

  .hor-swipe-div {
    margin-bottom: 20px;
    font-size: 11px;
    line-height: 16px;
    display: flex;
  }

  .swipe-icon {
    width: 30px;
  }

  .compare-grid-block {
    padding-top: 10px;
  }

  .work-thumbs-w {
    top: -10%;
    bottom: -10%;
  }

  .work-thumbs-block-1 {
    padding-bottom: 4vw;
  }

  .work-thumbs-grid {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .work-thumb-img {
    box-shadow: 3px 3px rgba(0, 0, 0, .3);
  }

  .works-thumbs-overflow {
    background-image: linear-gradient(to bottom, var(--white), var(--white) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, var(--white) 80%, var(--white));
    top: -24%;
    bottom: -24%;
  }

  .work-thumbs-block-2 {
    padding-bottom: 4vw;
  }

  .case-bottom-block {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 30px;
  }

  .case-hashtag-item {
    background-position: 6px;
    background-size: 8px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 18px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 12px;
  }

  .case-hashtag-item.on-hero {
    font-size: 13px;
  }

  .quiz-nav-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .quiz-nav-logo {
    height: 18px;
    margin-bottom: -1px;
  }

  .quiz-hero-container.in-thanks-page {
    padding-bottom: 40px;
  }

  .quiz-block-w {
    padding: 20px 20px 30px;
  }

  .quiz-block-w.quiz-step-block {
    width: 95%;
    margin-top: 90px;
    margin-bottom: 40px;
    padding: 35px 20px;
  }

  .quiz-progress-w {
    font-size: 14px;
    line-height: 14px;
  }

  .quiz-progress-div {
    height: 12px;
  }

  .quiz-block-header {
    grid-row-gap: 30px;
  }

  .new-quiz-form-block {
    padding-top: 140px;
  }

  .quiz-btn-field {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
  }

  .quiz-form-1-col-grid {
    grid-row-gap: 12px;
    font-size: 13px;
  }

  .new-quiz-btns-w, .new-quiz-header {
    font-size: 13px;
    line-height: 16px;
  }

  .new-quiz-form-row {
    grid-row-gap: 5px;
    min-width: 100%;
  }

  .compare-grid-block-2 {
    padding-top: 95px;
  }

  .form-fields-block {
    grid-row-gap: 10px;
  }

  .bonuses-icon-div {
    margin-bottom: 5px;
  }

  .platform-support-grid {
    grid-column-gap: 10px;
  }

  .app-section {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .app-section.green-bg {
    padding-top: 40vw;
    padding-bottom: 40vw;
  }

  .app-section.more-bottom-padding {
    padding-bottom: 40vw;
  }

  .app-section.quote-section-2, .app-section.quote-section-3, .app-section.add-overflow.yellow-bg, .app-section.add-overflow.yellow-bg {
    padding-top: 40vw;
    padding-bottom: 40vw;
  }

  .app-section.more-top-padding {
    padding-top: 40vw;
  }

  .app-section.quote-section, .app-section.gray-bg {
    padding-top: 40vw;
    padding-bottom: 40vw;
  }

  .team-photos-w {
    height: 90vw;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
  }

  .for-whom-slider-mask {
    width: 110px;
  }

  .ex-item-logo {
    width: 44px;
    height: 44px;
  }

  .fire-icon {
    width: 18px;
  }

  .hide-examples-grid {
    margin-top: 10vw;
    margin-bottom: 5vw;
  }

  .timeline-line {
    height: 84%;
    margin-left: 18px;
  }

  .form-header-grid {
    grid-column-gap: 10px;
  }

  .features-price-block {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .winning-grid {
    grid-row-gap: 10vw;
    grid-auto-flow: row;
  }

  .what-slider-arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
    top: -55px;
  }

  .what-slider-arrow.left-arrow {
    right: 50px;
  }

  .mindcrafted-right-col {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-icon-div-2 {
    width: 14px;
    height: 14px;
  }

  .span-youtop-logo {
    width: 84px;
    margin-left: 2px;
    display: inline-block;
  }

  .footer-container-2 {
    grid-row-gap: 60px;
  }

  .logo-link {
    height: 26px;
    font-size: 26px;
  }

  .tab-btn-2.app-btn {
    font-size: 14px;
    box-shadow: 0 0 8px rgba(255, 105, 89, .6);
  }

  .scroll-down-link {
    bottom: 40px;
  }

  .bonuses-icon {
    width: 30px;
  }

  .features-price-number {
    font-size: 44px;
  }

  .mockup-img {
    width: 100%;
    max-width: 333px;
  }

  .why-number-span {
    font-size: 20px;
    line-height: 1.1;
  }

  .icons-w.hero-icons-block {
    margin-bottom: 50px;
  }

  .hero-section {
    min-height: 97vh;
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .submit-button {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    padding: 16px 0;
    font-size: 15px;
  }

  .combine-header-w {
    grid-row-gap: 10vw;
    grid-template-columns: 1fr;
  }

  .team-photo-illustration {
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .tools-logo-2 {
    border-radius: 5px;
  }

  .examples-grid {
    grid-row-gap: 10vw;
    grid-template-columns: 1fr;
  }

  .work-img-grid {
    grid-column-gap: 10px;
  }

  .content-hor-grid {
    grid-row-gap: 40vw;
  }

  .form-subheading {
    font-size: 16px;
  }

  .nav-menu-grid {
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
  }

  .feature-info-block {
    grid-template-columns: 1fr;
  }

  .form-field {
    height: 44px;
    font-size: 14px;
    line-height: 22px;
  }

  .cloud-item-block {
    grid-column-gap: 6px;
    margin: 2px;
    padding: 8px 12px;
    font-size: 12px;
  }

  .quote-paragraph {
    font-size: 30px;
    line-height: 1.3;
  }

  .popup-container-2 {
    padding: 30px;
  }

  .buttons-grid {
    grid-column-gap: 10px;
  }

  .compare-item-icon.add-grayscale {
    width: 18px;
    height: 18px;
    margin-top: 1px;
  }

  .combile-grid-w {
    grid-row-gap: 10vw;
  }

  .content-grid.add-top-margin {
    grid-row-gap: 10vw;
    grid-template-columns: 1fr;
    margin-top: 12vw;
  }

  .loop-banner-item {
    font-size: 4.5vw;
  }

  .icon-item {
    grid-column-gap: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .compare-left-col {
    padding: 30px;
  }

  .features-main-grid {
    grid-row-gap: 12vw;
  }

  .combine-grid {
    grid-row-gap: 10vw;
    grid-template-columns: 1fr;
  }

  .timeline-w {
    grid-row-gap: 15vw;
  }

  .bold-text {
    font-size: 16px;
    line-height: 1.1;
  }

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

  .tools-logos-row.row-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-items: stretch;
  }

  .platform-icon-div {
    width: 34px;
    height: 34px;
  }

  .cloud-block {
    padding: 25px 9px;
  }

  .compare-item-heading {
    font-size: 15px;
    line-height: 1.2;
  }

  .compare-right-col {
    padding: 30px;
  }

  ._2-col-grid {
    grid-row-gap: 30px;
  }

  .timeline-grid {
    grid-row-gap: 10vw;
    margin-top: 7vw;
  }

  .work-img-div {
    border-width: 2px;
    border-radius: 15px;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, .2);
  }

  .tools-logo {
    border-radius: 5px;
    height: 38px;
    padding: 8px;
  }

  .compare-badge-text {
    font-size: 13px;
  }

  .tabs-why-icon-w {
    width: 50px;
    height: 50px;
    padding: 12px;
  }

  .timeline-step {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .compare-emoji {
    width: 50px;
    height: 50px;
  }

  .compare-list-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .iphone-mockup-w {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .for-whom-slider-w {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .compare-list-w {
    padding-top: 10px;
  }

  .footer-logo-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-auto-flow: row;
    justify-content: start;
    justify-items: start;
  }

  .what-slider {
    margin-top: 70px;
  }

  .popup-overflow {
    padding-bottom: 60px;
  }

  .features-price {
    margin-bottom: 20px;
    font-size: 26px;
  }

  .nav-btn {
    padding: 7px 12px;
    font-size: 11px;
    line-height: 14px;
  }

  .work-tab-container {
    padding: 25px;
  }

  .giant-text-span {
    font-size: 86px;
    line-height: .7;
  }

  .form-heading {
    font-size: 23px;
  }

  .what-slider-content {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .h1-2 {
    font-size: 32px;
  }

  .h1-2.in-quiz {
    flex: 1;
    margin-right: 0;
    font-size: 38px;
  }

  .h1-2.min-size {
    font-size: 30px;
  }

  .h1-2.min-size.center-aling {
    text-align: left;
  }

  .compare-grid {
    width: 160vw;
    padding-right: 6vw;
  }

  .compare-header-block {
    margin-bottom: 40px;
  }

  .close-popup-btn-2 {
    width: 22px;
    height: 22px;
    padding: 6px;
  }

  .team-img-div {
    width: 35vw;
    height: 35vw;
    position: absolute;
    top: -3vw;
    bottom: auto;
    left: 2.9vw;
    right: auto;
    overflow: hidden;
  }

  .team-img-div.img-2 {
    position: absolute;
    top: 27vw;
    left: 28vw;
  }

  .team-img-div.img-3 {
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
  }

  .team-img-div.img-4 {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
  }

  .team-img-div.img-5 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
  }

  .features-list-w {
    grid-column-gap: 20px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    padding: 29px;
  }

  .contact-us-block.add-max-w {
    max-width: 90%;
    margin-top: 10vw;
  }

  .gray-text-block {
    grid-row-gap: 20px;
    grid-auto-flow: row;
  }

  .tabs-why-item {
    grid-row-gap: 15px;
    padding: 15px;
    font-size: 16px;
  }

  .giant-text {
    font-size: 36px;
  }

  .for-whom-img-w {
    border-radius: 15px;
    width: 100px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .for-whom-img-w.add-top-margin {
    margin-top: 30px;
  }

  .ex-text-block {
    font-size: 12px;
  }

  .compare-badge-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .timeline-content-block {
    grid-row-gap: 10px;
  }

  .tab-btn-block {
    padding-left: 15px;
    padding-right: 10px;
  }

  .cloud-item-icon {
    width: 16px;
  }

  .works-tab-menu {
    grid-template-columns: 1fr 1fr;
  }

  .success-message-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form-heading-icon {
    width: 28px;
  }

  .hor-swipe-div-2 {
    font-size: 14px;
    line-height: 16px;
    display: flex;
  }

  .loop-banner-w {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .loop-banner-w.in-tab-pane {
    bottom: 20%;
  }

  .loop-banner-w.top-margin {
    margin-top: 20vw;
  }

  .combine-header {
    font-size: 30px;
    line-height: 1.1;
  }

  .quiz-hero-bg {
    height: 100vw;
    min-height: 350px;
  }

  .quiz-block-body, .success-mess-div {
    grid-row-gap: 15px;
  }

  .nav-right-block {
    grid-column-gap: 5px;
  }

  .embed-cloud-w {
    background-position: 100%;
    background-size: contain;
    width: 110px;
    height: 75px;
    top: -7px;
    left: 0;
  }

  .embed-cloud-w.in-popup {
    width: 90px;
    top: -10px;
    left: 21px;
  }

  .embed-cloud-w.in-quiz {
    background-position: 50%;
    width: 91px;
    height: 76px;
    padding-bottom: 4px;
    top: -15px;
    left: 27px;
    right: -41px;
  }

  .cloud-text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px;
  }

  .cloud-text.in-popup {
    margin-left: 0;
    font-size: 14px;
    line-height: 14px;
  }

  .new-section.min-margins {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .small-container {
    width: 90%;
  }

  .small-container.add-bottom-margin {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .new-section-block {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .new-section-block.yellow-bg.relatiive.no-padding {
    padding-top: 60px;
  }

  .new-section-block.quote-sticky-block {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .new-section-block.no-padding {
    padding-top: 40px;
  }

  .embed-wave {
    width: 200%;
  }

  .embed-wave-block {
    padding-top: 0;
  }

  .embed-wave-block.bottom-block {
    padding-bottom: 0;
  }

  .steps-main-w {
    grid-row-gap: 60px;
  }

  .step-item-col {
    grid-row-gap: 30px;
    text-align: left;
    grid-auto-flow: row;
  }

  .step-item-col.right-align {
    text-align: right;
    justify-content: end;
    justify-items: end;
  }

  .step-item-lines-w {
    grid-row-gap: 12px;
    justify-content: start;
    justify-items: start;
    padding-top: 0;
  }

  .step-item-lines-w.right-align {
    justify-content: end;
    justify-items: end;
  }

  .step-item-number-w {
    width: 170px;
  }

  .step-item-line {
    height: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
  }

  .step-item-content {
    grid-row-gap: 15px;
    min-height: auto;
  }

  .step-item-content.right-align {
    text-align: right;
    justify-items: end;
  }

  .step-embed-arrow-w {
    width: 30px;
    height: 30px;
  }

  .services-grid._3-column {
    grid-template-columns: 1fr;
  }

  .services-grid._3-column.monthly-tarif {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 20px;
  }

  .service-item {
    padding: 20px;
  }

  .service-item.left-aling.more-gap.yellow-item, .service-item.left-aling.more-gap.black-item {
    min-height: 210px;
  }

  .tab-button {
    padding: 8px 20px 7px;
    font-size: 12px;
  }

  .new-tabs-content {
    padding: 20px;
  }

  .tab-item-content {
    max-width: 100%;
    padding: 24px;
  }

  .tab-embed-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
  }

  .text-block-icon {
    width: 50px;
  }

  .text-block {
    width: auto;
    top: 0;
  }

  .adv-slider-left-arrow {
    width: 26px;
    font-size: 22px;
  }

  .adv-slide-container {
    grid-row-gap: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .adv-slide-text-col {
    grid-row-gap: 15px;
  }

  .case-slider-w {
    padding-top: 0;
    padding-bottom: 70px;
  }

  .case-slide-container {
    flex-direction: column-reverse;
    display: flex;
  }

  .case-slide-content {
    grid-row-gap: 25px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .case-slider-arrow {
    background-color: var(--white);
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: -50px;
    left: 50%;
    transform: translate(-70px);
  }

  .case-slider-arrow.right-arrow {
    font-size: 22px;
    left: auto;
    right: 50%;
    transform: translate(70px);
  }

  .case-slide-img-w {
    min-height: 60vw;
  }

  .case-slide-name {
    font-size: 30px;
    display: none;
  }

  .case-slide-number {
    font-size: 28px;
  }

  .case-slide-number-div {
    grid-row-gap: 5px;
    font-size: 16px;
    line-height: 1.2;
  }

  .case-slide-number-grid {
    grid-column-gap: 5px;
    grid-row-gap: 10px;
  }

  .case-slide-quote-info {
    font-size: 13px;
  }

  .case-slide-quote-p {
    font-size: 15px;
    line-height: 1.3;
  }

  .case-slide-company-name {
    font-size: 22px;
  }

  .app-text-block {
    grid-row-gap: 6vw;
  }

  .app-text-block.add-max-w-2 {
    grid-row-gap: 5vw;
  }

  .app-text-block._3-col-text {
    grid-row-gap: 9vw;
    align-content: start;
  }

  .new-popup-container {
    margin-top: 20%;
    margin-bottom: 25%;
  }

  .case-slide-tags-w {
    max-width: 90%;
    margin-bottom: 0;
  }

  .case-slide-tag {
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 17px;
    line-height: 17px;
  }

  .main-form-row {
    grid-row-gap: 12px;
    margin-bottom: 0;
  }

  .hero-woman-img-w {
    max-width: 70%;
    margin-top: -75px;
    margin-left: auto;
    margin-right: 0%;
  }

  .adv-main-grid {
    grid-row-gap: 60px;
  }

  .crown-lottie {
    width: 100%;
  }

  .popup-form-row {
    margin-bottom: 16px;
  }

  .form-subheader-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .form-subheader-div.in-popup {
    grid-column-gap: 5px;
    grid-row-gap: 3px;
    margin-bottom: 20px;
  }

  .h2-top-subheader {
    font-size: 18px;
    line-height: 16px;
  }

  .h2-top-subheader.big {
    font-size: 30px;
  }

  .container-grid._2-column {
    grid-template-columns: 1fr;
  }

  .sales-tabs {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .sales-tabs-menu {
    max-width: none;
  }

  .sales-tabs-content {
    margin-top: 31px;
    margin-bottom: -30px;
  }

  .sales-tab-container {
    height: 450px;
    padding-left: 0;
  }

  .sales-scroll-div {
    font-size: 18px;
  }

  .sales-tabs-overflow {
    margin-left: 0;
    left: -1%;
    right: -1%;
  }

  .iphone-mockup-img {
    width: 280px;
  }

  .phone-video-div {
    border-radius: 50px;
    padding: 10px 13px 10px 14px;
  }

  .phone-icon-1 {
    width: 24px;
    right: -28px;
  }

  .phone-icon {
    width: 25px;
    left: -29px;
  }

  .crown-icon-2-2 {
    width: 14px;
    display: none;
    top: -30px;
    left: 49px;
  }

  .crown-icon-1-2 {
    width: 30px;
    top: -15px;
    left: -9px;
  }

  .quiz-hero-checks {
    margin-bottom: 40px;
  }

  .nav-quiz-text {
    margin-top: -2px;
    padding: 4px 5px;
    font-size: 11px;
    line-height: 14px;
  }

  .quiz-nav-col {
    display: none;
  }

  .quiz-contacts-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: start;
    width: auto;
  }

  .quiz-contacts-link-block {
    font-size: 14px;
  }

  .quiz-contact-icon {
    width: 16px;
    height: 16px;
  }

  .loop-badge-text {
    font-size: 9vw;
  }

  .adv-icon-w {
    width: 65px;
    height: 65px;
  }

  .glitch-text-h1 {
    font-size: 14vw;
  }

  .glitch-text-h1.min-size {
    text-align: left;
    font-size: 10vw;
  }

  .map-img-w {
    height: 62vw;
    margin-left: -11px;
    margin-right: -10px;
  }

  .text-block-4 {
    font-size: 16px;
    line-height: 18px;
  }

  .services-links-w {
    display: flex;
  }

  .service-link {
    margin-bottom: 13px;
    margin-right: 15px;
    font-size: 16px;
    line-height: 1.2;
  }

  .service-slider-img-col {
    display: none;
  }

  .service-slider-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .slider-item {
    grid-row-gap: 10vw;
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .slider-item.first-item {
    grid-row-gap: 10vw;
    padding-top: 10vw;
    padding-bottom: 25vw;
  }

  .slider-item.last-item {
    padding-bottom: 0;
  }

  .services-slide-img {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .services-slide-img.bottom-align {
    object-position: 50% 100%;
  }

  .services-slide-img.right-align-2 {
    object-position: 60% 50%;
  }

  .service-mobile-img-div {
    opacity: 1;
    justify-content: center;
    align-items: center;
    height: 150vw;
    margin-top: -70px;
    display: flex;
    position: relative;
  }

  .slider-content-block {
    grid-row-gap: 15px;
  }

  .slider-content {
    grid-row-gap: 25px;
  }

  .slider-item-tag {
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 13px;
    line-height: 1.2;
  }

  .service-slide-img-overflow {
    background-image: linear-gradient(170deg, var(--white-smoke) 19%, rgba(248, 248, 248, 0) 19%, rgba(248, 248, 248, 0) 81%, #f8f8f8 81%), linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
  }

  .list-item-block {
    padding: 20px 80px 20px 20px;
  }

  .bg-line-w {
    width: 90px;
  }

  .road-cross-icon {
    width: 28px;
    height: 28px;
    top: 19%;
    right: 41px;
  }

  .road-dot-icon {
    width: 30px;
    height: 30px;
    top: 166px;
    right: 13px;
  }

  .road-dot-icon.dot-2 {
    right: 62px;
  }

  .road-pin-icon {
    width: 42px;
    height: 42px;
    bottom: 20%;
    left: 23px;
  }

  .factors-grid {
    margin-top: -70px;
  }

  .factors-list-grid {
    margin-top: 40px;
  }

  .factor-list-item {
    grid-row-gap: 20px;
  }

  .factors-icon {
    width: 60px;
  }

  .factor-item-header {
    grid-column-gap: 15px;
  }

  .factors-man-img {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .factors-man-info-block {
    width: 100%;
    margin-left: 0%;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .factors-team-info-div {
    padding: 10px 8px 8px 40px;
    font-size: 10px;
    line-height: 14px;
  }

  .factors-team-info-div.min-left-padding {
    padding-bottom: 15px;
    font-size: 13px;
  }

  .team-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .team-grid-item {
    grid-row-gap: 10px;
    align-content: start;
    align-items: start;
  }

  .team-item-icon {
    width: 90px;
  }

  .steps-form-block {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .steps-form-item {
    grid-column-gap: 15px;
    grid-auto-flow: column;
  }

  .steps-form-number {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .service-item-btns-w {
    grid-column-gap: 10px;
  }

  .service-item-btns-w.left-aling {
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .quiz-btn-big-text.min-text {
    font-size: 16px;
  }

  .quiz-features-grid {
    grid-row-gap: 25px;
    grid-auto-flow: row;
  }

  .quiz-features-grid.in-quiz {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-wrap: wrap;
    grid-auto-flow: row;
    display: flex;
    top: -90px;
  }

  .quiz-features-item {
    grid-column-gap: 12px;
    grid-auto-flow: column;
  }

  .quiz-features-item.in-steps {
    grid-column-gap: 3px;
    padding-bottom: 7px;
  }

  .quiz-features-item.center-align {
    text-align: left;
    margin-left: 0;
  }

  .quiz-features-icon {
    width: 28px;
  }

  .quiz-features-icon.in-step {
    width: 12px;
    margin-top: -2px;
  }

  .btn-ps-div {
    max-width: 150px;
    font-size: 12px;
  }

  .btn-ps-icon {
    width: 30px;
  }

  .quiz-contacts-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .n-quiz-footer {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .n-quiz-footer-container {
    flex-wrap: wrap;
  }

  .quiz-label-span {
    font-size: 13px;
    line-height: 1.1em;
  }

  .quiz-feature-item-header {
    font-size: 13px;
  }

  .quiz-nav-btn {
    padding-left: 15px;
    padding-right: 15px;
    display: none;
  }

  .nav-contacts-w {
    grid-column-gap: 10px;
    flex: 1;
    justify-content: space-around;
    max-width: 120px;
  }

  .nav-contact-btn {
    padding: 15px 8px;
  }

  .nav-contact-btn.min-paddings {
    padding-left: 7px;
    padding-right: 7px;
  }

  .btn-icon-w {
    width: 20px;
    height: 20px;
  }

  .btn-icon-w.nav-contact-icon {
    width: 19px;
    height: 19px;
  }

  .nav-contact-content {
    font-size: 13px;
  }

  .quiz-contacts-col {
    grid-row-gap: 10px;
  }

  .quiz-step-ps-text {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
  }

  .quiz-step-contdown {
    font-size: 12px;
  }

  .quiz-footer-copyrignt {
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .app-paragraph-2.like-block.third-item {
    top: 9px;
  }

  .app-paragraph-2.center-align {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
  }

  .app-paragraph-2.min-w {
    max-width: 350px;
  }

  .app-nav-menu {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .team-photos-w-2 {
    height: 90vw;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
  }

  .app-hero-section {
    min-height: 97vh;
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .swipe-icon-3 {
    width: 30px;
  }

  .team-img-div-2 {
    width: 35vw;
    height: 35vw;
    position: absolute;
    top: -3vw;
    bottom: auto;
    left: 2.9vw;
    right: auto;
    overflow: hidden;
  }

  .team-img-div-2.img-3 {
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
  }

  .team-img-div-2.img-2 {
    position: absolute;
    top: 27vw;
    left: 28vw;
  }

  .team-img-div-2.img-4 {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
  }

  .team-img-div-2.img-5 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
  }

  .app-h2-block.center-align {
    margin-bottom: 10vw;
  }

  .form-small-text-3 {
    font-size: 12px;
    line-height: 13px;
  }

  .app-nav-link {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
  }

  .app-h3 {
    font-size: 24px;
    line-height: 1.1;
  }

  .app-menu-button {
    width: 30px;
    height: 30px;
  }

  .quote-for-scroll {
    font-size: 30px;
  }

  .quote-for-scroll.top-margin {
    margin-top: 20px;
    font-size: 28px;
  }

  .quote-for-scroll-w {
    background-size: 100% 100%;
    min-height: 190px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 30px;
  }

  .case-item-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .case-item-left-col {
    grid-row-gap: 30px;
  }

  .case-item-right-col {
    left: 0;
  }

  .case-item-right-col.with-reverse {
    right: 0;
  }

  .case-item-desct-img {
    border-radius: 8px;
    margin-left: 2px;
  }

  .case-item-mob-img {
    border-radius: 6px;
  }

  .case-item-text-w.in-two-col {
    grid-column-gap: 10px;
    grid-row-gap: 14px;
  }

  .case-number-item {
    padding: 12px 10px 12px 15px;
    font-size: 13px;
    line-height: 1.3;
  }

  .case-number-text {
    font-size: 7.5vw;
  }

  .contacts-item-header {
    grid-auto-flow: column;
  }

  .quiz-f-icon-div {
    width: 50px;
    height: 50px;
    padding: 12px;
  }

  .aboup-big-icon {
    width: 130px;
  }

  .team-bg-w {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    justify-items: center;
    height: auto;
    display: flex;
  }

  .stanley-team-img {
    width: 28vw;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .dmitri-team-img {
    width: 32vw;
    margin-left: 2vw;
    position: relative;
    bottom: 0;
    left: -6%;
  }

  .ann-team-img {
    width: 28vw;
    margin-right: 2vw;
    position: relative;
    bottom: 0;
    right: -5%;
  }

  .constantin-team-img {
    width: 30vw;
    position: relative;
    bottom: 0;
    right: 0%;
  }

  .ihor-team-img {
    width: 29vw;
    margin-right: 2vw;
    position: relative;
    bottom: 0;
    right: 0%;
  }

  .mateus-team-img {
    width: 28vw;
    margin-left: 1vw;
    margin-right: 1vw;
    position: relative;
    top: 0;
    right: 0%;
  }

  .monica-team-img {
    width: 30vw;
    position: relative;
    top: 0;
    left: 0%;
  }

  .hanna-team-img {
    width: 27vw;
    position: relative;
    bottom: 0;
    right: 0%;
  }

  .case-item-desct-img-reverse {
    border-radius: 8px;
    margin-left: 0;
    right: auto;
  }

  .quiz-service-name-span {
    display: inline;
  }

  .all-done-embed-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .nav-btn-for-mobile {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .nav-btn-for-desktop {
    display: none;
  }

  .list-txt {
    font-size: 18px;
  }

  .list-item-f {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading-plan {
    font-size: 14vw;
  }

  .price-plan.min-size {
    font-size: 9vw;
  }

  .h2-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .packages-block {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .packages-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  ._4-column-grid {
    grid-column-gap: 10px;
    grid-template-columns: 1fr .25fr .25fr .25fr;
  }

  ._4-column-grid.black-bg {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .tabl-item {
    padding: 20px 0;
  }

  .tabl-item.left-aling.min-padding, .tabl-item.left-aling.min-padding.bg-yellow, .tabl-item.left-aling.min-padding.bg-gris, .tabl-item.left-aling.min-padding.bg-yellow-light {
    padding-left: 20px;
  }

  .tabl-item.no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .n-faq-dd-list-block {
    padding-left: 45px;
    padding-right: 30px;
  }

  .n-faq-dd-icon-div {
    width: 16px;
    height: 16px;
  }

  .n-faq-dd-icon-line-1.more-size {
    width: 16px;
  }

  .n-faq-dd-heading {
    font-size: 17px;
    line-height: 1.4;
  }

  .faq-grid {
    grid-row-gap: 40px;
  }

  .steps-number-item {
    width: 30px;
    height: 30px;
    margin-right: 12px;
  }

  .n-faq-dd-icon-line-2.more-size {
    height: 16px;
  }

  .n-faq-dd {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .small-paragraph {
    font-size: 14px;
  }

  .service-block {
    padding: 20px;
  }

  .category-grid {
    grid-template-columns: 1fr;
    margin-bottom: 16px;
  }

  .category-grid._3-column {
    margin-bottom: 40px;
  }

  .btn-category {
    width: 80px;
    height: 50px;
  }

  .work-item {
    padding: 20px;
  }

  .work-grid._3-column {
    grid-template-columns: 1fr;
  }

  .work-icon {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .work-icon-w {
    width: 60px;
    height: 60px;
  }

  .shop-block {
    padding: 20px;
  }

  .heading-flex-bl {
    margin-bottom: 40px;
  }

  .flex-hor.bg-color.radius {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#w-node-_8f2540a3-8505-2aa2-56c7-9d5fefc12503-dd254fba {
  align-self: end;
}

#w-node-_780b47fd-2135-07b5-8419-b55dd97e2d12-dd254fba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_418373df-48df-d48f-0b5e-216ba5e5f36a-dd254fba, #w-node-_66de5952-572d-c178-6bc1-837c14e6097f-dd254fba, #w-node-_33eec87c-9af3-fa61-a869-6029a7ad9ace-dd254fba, #w-node-_2c4947cf-e5e0-6941-da66-cdc6385623e2-dd254fba, #w-node-_817cfe36-1ba5-fc89-140e-34ec0b27f607-dd254fba, #w-node-_3f442a43-fb45-3cbb-be17-af4af4cb26ae-dd254fba, #w-node-_9781b7e5-86da-5828-4611-8fb87af448dd-dd254fba, #w-node-_9781b7e5-86da-5828-4611-8fb87af448f4-dd254fba, #w-node-_9781b7e5-86da-5828-4611-8fb87af44908-dd254fba, #w-node-_7b12078b-22c1-551a-e4f2-f18a6075cbe3-dd254fba, #w-node-_7a2a8d74-7555-9ced-0487-f4c658a7a21f-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47edc-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47edd-dd254fba, #w-node-_09b4e2e7-bfc0-cba6-e67a-9c8942a3c548-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47ee0-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f03-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f04-dd254fba, #w-node-_53fca5a8-bff4-02a2-72ac-586a6753aa96-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f07-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f2a-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f2b-dd254fba, #w-node-b8082aad-3bc9-27b2-1b05-255d1ec62036-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f2e-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f51-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f52-dd254fba, #w-node-a6d0b117-9db3-2a3a-9c94-46ebe65a3580-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f55-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f7a-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f7b-dd254fba, #w-node-_9a09d419-c36f-0f9a-5ea4-8c2a312db138-dd254fba, #w-node-c0c35afe-b810-749a-e098-9c47d1f47f7e-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0c35afe-b810-749a-e098-9c47d1f48444-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-fce0a69f-92f9-371b-2273-4a4d0492ecb5-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea683b-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea684c-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea685d-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea686e-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea687f-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea6890-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea68a1-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea68b2-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea68c5-dd254fba, #w-node-_7e9983c6-8386-8b58-f866-671a51ea68d6-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4d7ef281-3f5f-c350-bb51-f79dd8e1075a-dd254fba {
  justify-self: end;
}

#w-node-_8769a20d-4dfb-110f-4edb-f417d2dd61bc-dd254fba, #w-node-_8769a20d-4dfb-110f-4edb-f417d2dd61cd-dd254fba, #w-node-_8769a20d-4dfb-110f-4edb-f417d2dd61de-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_84846350-0ac3-78a4-89e0-a38b52b7ebe2-dd254fba {
  justify-self: start;
}

#w-node-_6966a3d7-40a9-744c-c8f5-6eca910e7771-dd254fba, #w-node-_6966a3d7-40a9-744c-c8f5-6eca910e778a-dd254fba {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c0856ab0-c515-999b-05c3-6c8382b4e21e-dd254fba {
  grid-area: 1 / 1 / 2 / 1;
}

#w-node-c0856ab0-c515-999b-05c3-6c8382b4e21f-dd254fba {
  justify-self: start;
}

#w-node-f7ed16c3-b926-3b13-5504-525d71d4c6ff-dd254fba, #w-node-f7ed16c3-b926-3b13-5504-525d71d4c70d-dd254fba {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e32de424-dbc0-32d9-7418-f9941c0fd4df-dd254fba {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e32de424-dbc0-32d9-7418-f9941c0fd4e3-dd254fba {
  justify-self: start;
}

#w-node-e32de424-dbc0-32d9-7418-f9941c0fd4e9-dd254fba {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1ede-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1e8a-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1ea2-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1eae-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1e96-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1eba-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1ec6-dd254fba, #w-node-_450a7ebf-b15b-6ce1-36e5-c42b3fca1ed2-dd254fba, #w-node-_5da09627-3d6e-02db-3d20-ea68a1484936-dd254fba, #w-node-_028fca84-9907-8bb5-ac13-24410a87f2e7-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279e6f-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279e80-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279e91-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279ea2-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279eb3-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279ec4-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279ed5-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279ee6-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279ef9-dd254fba, #w-node-_0c5f15d1-e298-4a61-f60e-a17e9f279f0a-dd254fba, #w-node-_7d2d47cf-813a-7083-8335-fad05b6942ad-dd254fba, #w-node-_43f1f748-93dd-8509-4019-4cc9c7136fbd-dd254fba, #w-node-e5fa4885-99cb-9b0a-cd8c-fad48f82a674-dd254fba, #w-node-acdcf373-b25b-f326-421a-e1976616f030-dd254fba, #w-node-_8c791e20-29a6-6d90-c01c-0645e53c7851-dd254fba, #w-node-_2abc703f-cf82-c721-9883-2f2979703123-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f084e0-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f084e5-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f084e9-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f084f0-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f084f7-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f08504-dd254fba, #w-node-_05785a78-69b9-2584-0815-f9cbd9f0850a-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d921295-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d92129a-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d92129e-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d9212a5-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d9212ac-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d9212b9-dd254fba, #w-node-ad231f6b-a36e-dd54-16b9-fffd2d9212bf-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71ca4-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71ca9-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71cad-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71cb4-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71cbb-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71cc8-dd254fba, #w-node-_9e1a9f11-450a-0ac6-ecf2-ea7abba71cce-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f157-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f15c-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f160-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f167-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f16e-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f17b-dd254fba, #w-node-_43ff1428-b194-833a-8fb6-13f5f1e4f181-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f0157-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f015c-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f0160-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f0167-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f016e-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f017b-dd254fba, #w-node-_5aa32fe0-ac21-cb06-3458-9022626f0181-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c918658-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c91865d-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c918661-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c918668-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c91866f-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c91867c-dd254fba, #w-node-_85ef0865-9126-027f-311a-c8a25c918682-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081d5-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081da-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081de-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081e5-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081ec-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081f9-dd254fba, #w-node-_54415e46-ca97-562e-2fd0-a059254081ff-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c1845202-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c1845207-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c184520b-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c1845212-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c1845219-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c1845226-dd254fba, #w-node-a90f611b-2e87-bc9c-4705-e0a2c184522c-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c8ea-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c8ef-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c8f3-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c8fa-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c901-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c90e-dd254fba, #w-node-_8f36744a-1159-2dfb-1a2d-f56cbba0c914-dd254fba, #w-node-_33a0a46b-6094-44dd-b7c0-f52c13699b44-dd254fba, #w-node-db960efc-d0ab-ce0f-61fb-59c36016cedd-dd254fba, #w-node-_4de0967f-8b82-4190-f90b-ac1ac6125496-dd254fba, #w-node-_8e531478-fdd4-64ec-e4de-806f0bb7e202-dd254fba, #w-node-_7cb5d5e5-10c1-77a0-1f4b-e689fa33fd51-dd254fba, #w-node-_685e9596-5131-5d38-a66d-2b10ee437ad3-dd254fba, #w-node-_1488abeb-b5d0-b64d-08c2-f85e573008b4-dd254fba, #w-node-_12873942-4c35-9a4c-1bfc-463cff696d9d-dd254fba, #w-node-_8582c0ff-c056-ae24-b77e-e3f4cf33b77b-dd254fba, #w-node-_568e3154-73dc-4ca5-9c6c-827d51baf13e-dd254fba, #w-node-a8478dee-e239-9de9-8d2f-4b1e25bd2286-dd254fba, #w-node-a8478dee-e239-9de9-8d2f-4b1e25bd228e-dd254fba, #w-node-_6ed453f4-48b8-feb0-8d15-48740f36ce5c-dd254fba, #w-node-_6ed453f4-48b8-feb0-8d15-48740f36ce64-dd254fba, #w-node-ee46e0ea-656f-9b48-1d22-73ca9d9467f6-dd254fba, #w-node-ee46e0ea-656f-9b48-1d22-73ca9d9467fe-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4304a9da-22a9-fc50-4079-9aaea45112a4-dd254fba {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f08266b8-0a3e-b9a6-e5c5-a421548f7618-dd254fba, #w-node-_3e2170ca-5fe8-479a-1ca4-1c80626893d8-dd254fba, #w-node-_6dd9b829-4fb6-d8ab-ba0c-82502dad3bbb-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a3486ab-9131-8275-9f24-16bae4a400ee-dd254fba {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_6534ed9e-fa32-e478-2396-928ae5498f7f-dd254fba, #w-node-_3bf5e188-ed0b-baec-132a-32c15a49a5a2-dd254fba, #w-node-_3bf5e188-ed0b-baec-132a-32c15a49a5a3-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_761e0b21-9e72-02fb-0334-8958d5b0f6bf-dd254fba {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-ee0b3844-3506-d952-801e-1f970cce0dac-dd254fba {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_354bf04b-b331-fc52-9048-a5d177430e4c-dd254fba, #w-node-_55c29a12-11d2-7dec-7420-e8e8a5580834-dd254fba, #w-node-_55c29a12-11d2-7dec-7420-e8e8a5580835-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f2d78a48-445c-a18a-64bd-f8bd9f3221f7-dd254fba {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_4b2f8e6a-b7ce-7886-c70f-fefb5c297246-dd254fba, #w-node-_179527d0-7d2f-b017-268b-b4ccdfa7d1d8-dd254fba, #w-node-_179527d0-7d2f-b017-268b-b4ccdfa7d1d9-dd254fba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9d2239f4-d47e-39c9-8c94-36b34890622d-dd254fba {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_0cb9a81a-0604-343f-d467-e701df4c68bb-dd254fba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f90b32b7-1be7-6f6a-ebaf-43de15934a78-61fc6479 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_0ecfa2ab-bd49-3bed-5323-da071bf5d118-61fc6479 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_5a16472c-1ca1-53bd-ea19-cdec731f410c-731f410c, #w-node-_6b28a7d2-f83e-1d6a-8623-383592ffadc1-92ffadc0, #w-node-_6b28a7d2-f83e-1d6a-8623-383592ffadc6-92ffadc0, #w-node-a7f977de-c9a5-01eb-668d-7633b1918675-b1918672, #w-node-a7f977de-c9a5-01eb-668d-7633b1918679-b1918672, #w-node-a7f977de-c9a5-01eb-668d-7633b191867d-b1918672, #w-node-ddd0c521-c8a3-7770-80e0-7c6d69ad1289-9b6e40f7, #w-node-ddd0c521-c8a3-7770-80e0-7c6d69ad128d-9b6e40f7, #w-node-ddd0c521-c8a3-7770-80e0-7c6d69ad1293-9b6e40f7, #w-node-ddd0c521-c8a3-7770-80e0-7c6d69ad1299-9b6e40f7, #w-node-a7ac2fbe-3d76-45a7-4130-00448e1a5815-9b6e40f7, #w-node-cceb50d8-b34e-f3f7-a111-1268fb269720-9b6e40f7, #w-node-_757230f9-caa5-0385-9050-ab7a606640af-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007a3-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007a7-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007ab-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007db-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007dc-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007e2-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007e3-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007ea-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007eb-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007f1-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007f2-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007f9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44007fa-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400800-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400801-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400808-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440080e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400815-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400817-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400826-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400828-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400837-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400839-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400848-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440084c-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440084f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400866-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400868-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400874-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400877-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400879-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44008d2-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44008d6-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44008db-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44008ec-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab44008f1-dd254ff6 {
  justify-self: end;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab44008ff-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400911-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400912-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400917-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400922-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400924-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400925-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400929-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440092a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440092e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440092f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400933-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400934-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400938-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400939-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440093d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440093e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400942-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400943-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400947-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400948-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440094d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400958-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440095a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440095b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440095f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400960-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400964-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400965-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400969-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440096a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440096e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440096f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400973-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400974-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400978-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400979-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab440097c-dd254ff6 {
  justify-self: center;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400984-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44009fa-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a03-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a04-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a0a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a0b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a15-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a16-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a1d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a1e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a29-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a35-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a36-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a39-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a3d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a3e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a41-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a46-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a47-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a4a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a4e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a4f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a52-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a56-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a5a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a73-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a77-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a7a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a7b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a7d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a7f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a81-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a83-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a85-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a87-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a89-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a8b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a8d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a8f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a91-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a93-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a95-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a97-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a99-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a9b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a9d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a9f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400aa1-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400aa3-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400aa5-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400aa7-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400aa9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400aab-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400aad-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400aae-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ab0-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ab4-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400ad0-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400ad4-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400ad8-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400b42-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b45-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b46-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b49-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b4d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b4e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b51-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b55-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b56-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b59-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b95-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b97-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400bcf-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400bd1-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400bd9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400be3-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400be5-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400bed-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400bf7-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400bf9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c01-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c0b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c0d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c15-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c1f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c21-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c29-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c33-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c35-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c3d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c47-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c49-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c51-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c5b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c5d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c67-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c71-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c73-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c7d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c87-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c89-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400c97-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ca1-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ca3-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400cad-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400cb7-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400cb9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400cbc-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400cc0-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d2d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d2e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d2f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d34-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d37-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d38-dd254ff6 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d3d-dd254ff6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d40-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d41-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d46-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d49-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d4a-dd254ff6 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d4f-dd254ff6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d52-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d53-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400d58-dd254ff6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d5b-dd254ff6 {
  justify-self: center;
}

#w-node-_0b735346-901a-ba37-4b1d-283ab4400d5f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400dc7-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400dc9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ddd-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400df2-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e02-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e12-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e22-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e32-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e42-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e52-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e62-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e72-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e82-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400e92-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ea2-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400eb4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ec4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ed4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ee4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ef4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f04-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f14-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f24-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f34-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f44-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f54-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f64-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f74-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f84-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400f94-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400fa4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400fb4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400fc4-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400fcd-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400fd5-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440103e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440103f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401055-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401078-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401079-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440107a-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440107b-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440107c-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440107d-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440107e-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440107f-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401080-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401081-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401082-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401083-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab440108b-dd254ff6, #Brief-description.w-node-_0b735346-901a-ba37-4b1d-283ab4401091-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4401093-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44010c9-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44010ca-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab44010d4-dd254ff6, #w-node-_81fa2d34-b8d9-d3e8-6e88-9727f79a59aa-f79a59a9, #w-node-_956cb102-2277-73ba-9364-b20dd1f8050c-d1f8050b, #w-node-cdb7383c-a3c2-c8b3-99cb-bf233f44924a-dd255023, #w-node-_245a95e3-1d8e-e5c1-a2d5-df0354e2beea-dd255023, #w-node-af42df1b-9c18-76cd-b651-a90f4cc0aa3b-dd255023, #w-node-_523ebcaa-4814-f037-cf6b-5fc9c5da04ae-dd255023, #w-node-_249142ed-d20a-96f6-9b7e-2f0fb44a00e8-dd255023, #w-node-_4d107ee7-2324-eb9e-ae51-9b2a3f73c22d-dd255023, #w-node-cfb392fd-5b58-480a-8072-248da8e9b0cb-dd255023, #w-node-b22f96ae-9d9d-cbec-7f57-7e6256dbf21b-dd255023, #w-node-a30610a3-e605-4bc8-3882-e4c80b38ced4-dd255023, #w-node-_58ad6286-56ec-1255-f905-5d4ccf0487ec-dd255023, #w-node-f5618e64-e9a5-0633-1b3e-b9d9835a1b1d-835a1b14, #w-node-f5618e64-e9a5-0633-1b3e-b9d9835a1b22-835a1b14, #w-node-f5618e64-e9a5-0633-1b3e-b9d9835a1b27-835a1b14, #w-node-_7699aa0e-930b-b5c1-aec1-40cdbee6e0d6-bee6e0d3, #w-node-_7699aa0e-930b-b5c1-aec1-40cdbee6e0da-bee6e0d3, #w-node-_3afff80e-fa3a-6c92-678d-68e5533fd790-dd255074, #w-node-_57f90f3e-04a9-ac9f-6d2b-507a9ff6ff60-dd255074, #w-node-_57f90f3e-04a9-ac9f-6d2b-507a9ff6ff65-dd255074, #w-node-_212c40af-35aa-aa37-c33f-fe696edcc5a5-dd255074, #w-node-_4ef68a7d-f891-8cdc-0c08-d3d5de1e1dd9-dd255074, #w-node-_3bdd02e3-ea78-88fd-1ce4-17313f3d083b-dd255074, #w-node-_3bdd02e3-ea78-88fd-1ce4-17313f3d083c-dd255074, #w-node-_3bdd02e3-ea78-88fd-1ce4-17313f3d0841-dd255074, #w-node-_3bdd02e3-ea78-88fd-1ce4-17313f3d0848-dd255074, #w-node-_3309e598-2c75-4290-1425-99b5e1e8c46a-dd255074, #w-node-ba4efe90-cf47-aae2-7c83-e969d9f1fb22-dd255074, #w-node-ba4efe90-cf47-aae2-7c83-e969d9f1fb23-dd255074, #w-node-ba4efe90-cf47-aae2-7c83-e969d9f1fb28-dd255074, #w-node-ba4efe90-cf47-aae2-7c83-e969d9f1fb2f-dd255074, #w-node-d9cd6c46-0330-7641-378c-c83c18e3dd46-dd255074, #w-node-_13ca1e2b-e036-c9a5-5e6f-c6936efc6012-dd255074, #w-node-_13ca1e2b-e036-c9a5-5e6f-c6936efc6013-dd255074, #w-node-_13ca1e2b-e036-c9a5-5e6f-c6936efc6016-dd255074, #w-node-_13ca1e2b-e036-c9a5-5e6f-c6936efc601d-dd255074, #w-node-_13ca1e2b-e036-c9a5-5e6f-c6936efc602c-dd255074, #w-node-_1c0a020b-8935-d073-f59f-fd060533716c-dd255074, #w-node-_1c0a020b-8935-d073-f59f-fd060533716d-dd255074, #w-node-_1c0a020b-8935-d073-f59f-fd0605337172-dd255074, #w-node-_1c0a020b-8935-d073-f59f-fd0605337179-dd255074, #w-node-_3d361004-a4d8-c3b5-4191-4efaa83a0c87-dd255074, #w-node-_2c074c1a-a0d4-0215-da57-f7c1c9a6d535-dd255074, #w-node-_2c074c1a-a0d4-0215-da57-f7c1c9a6d536-dd255074, #w-node-_2c074c1a-a0d4-0215-da57-f7c1c9a6d539-dd255074, #w-node-_2c074c1a-a0d4-0215-da57-f7c1c9a6d540-dd255074, #w-node-_2c074c1a-a0d4-0215-da57-f7c1c9a6d54f-dd255074, #w-node-c8ce9202-c744-40db-5164-8a53e242b119-dd255074, #w-node-c8ce9202-c744-40db-5164-8a53e242b11a-dd255074, #w-node-c8ce9202-c744-40db-5164-8a53e242b11f-dd255074, #w-node-c8ce9202-c744-40db-5164-8a53e242b126-dd255074, #w-node-_362fa538-14a5-7ad1-7740-20029404fd74-dd255074, #w-node-_3f64f97b-227b-cb8d-120b-0ecf46d78b22-dd255074, #w-node-_3f64f97b-227b-cb8d-120b-0ecf46d78b23-dd255074, #w-node-_3f64f97b-227b-cb8d-120b-0ecf46d78b28-dd255074, #w-node-_3f64f97b-227b-cb8d-120b-0ecf46d78b2f-dd255074, #w-node-_5bbd5067-7b9e-4c22-88d8-f0e456fc0c7e-dd255074, #w-node-a71f66eb-907b-a5e3-762d-e5d1b1f64683-dd255074, #w-node-a71f66eb-907b-a5e3-762d-e5d1b1f64684-dd255074, #w-node-a71f66eb-907b-a5e3-762d-e5d1b1f64687-dd255074, #w-node-a71f66eb-907b-a5e3-762d-e5d1b1f6468e-dd255074, #w-node-_000a0814-21cb-54ea-9842-e5687ed4b388-dd255074, #w-node-_2e7dffef-db62-71a9-ec66-2fac430af8e8-dd255074, #w-node-_2e7dffef-db62-71a9-ec66-2fac430af8e9-dd255074, #w-node-_2e7dffef-db62-71a9-ec66-2fac430af8ee-dd255074, #w-node-_2e7dffef-db62-71a9-ec66-2fac430af8f5-dd255074, #w-node-d13ec3f4-b2fc-2c47-e869-e9107c1b9df9-dd255074, #w-node-dd1119df-1f60-ed28-2a1f-72892b10bf60-dd255074, #w-node-dd1119df-1f60-ed28-2a1f-72892b10bf61-dd255074, #w-node-dd1119df-1f60-ed28-2a1f-72892b10bf66-dd255074, #w-node-dd1119df-1f60-ed28-2a1f-72892b10bf6d-dd255074, #w-node-b482ce10-f04f-98c0-b0cb-743ceaa5266f-dd255074, #w-node-b916c4d5-e412-0158-7cb1-cb2ffb77ac44-dd255074, #w-node-b916c4d5-e412-0158-7cb1-cb2ffb77ac45-dd255074, #w-node-b916c4d5-e412-0158-7cb1-cb2ffb77ac4a-dd255074, #w-node-b916c4d5-e412-0158-7cb1-cb2ffb77ac51-dd255074, #w-node-a80ef33f-aa64-a550-58b3-fffd55056ef9-dd255074, #w-node-_2a870c5b-72f9-c707-4ccc-c9ca2a24dec2-dd255074, #w-node-_2a870c5b-72f9-c707-4ccc-c9ca2a24dec3-dd255074, #w-node-_2a870c5b-72f9-c707-4ccc-c9ca2a24dec8-dd255074, #w-node-_2a870c5b-72f9-c707-4ccc-c9ca2a24decf-dd255074, #w-node-_761c773e-0d5b-51c4-c6c3-ddb19b4ddd04-dd255074, #w-node-_0087a3a1-3d55-f01d-98ee-b6048cd3760a-dd255074, #w-node-_0087a3a1-3d55-f01d-98ee-b6048cd3760b-dd255074, #w-node-_0087a3a1-3d55-f01d-98ee-b6048cd37610-dd255074, #w-node-_0087a3a1-3d55-f01d-98ee-b6048cd37617-dd255074, #w-node-_6ccbfef5-e4e4-232e-e58f-ebfdbda5f7a8-dd255074, #w-node-_43852a7b-0cd9-2741-63d5-bb39eefc14f6-dd255074, #w-node-_43852a7b-0cd9-2741-63d5-bb39eefc14f7-dd255074, #w-node-_43852a7b-0cd9-2741-63d5-bb39eefc14fc-dd255074, #w-node-_43852a7b-0cd9-2741-63d5-bb39eefc1503-dd255074, #w-node-_916f4d4d-72a1-acb9-dbe0-927b384fdc7e-dd255074, #w-node-f2be18eb-6edb-9768-2bc5-b1aa5105bedc-dd255074, #w-node-f2be18eb-6edb-9768-2bc5-b1aa5105bedd-dd255074, #w-node-f2be18eb-6edb-9768-2bc5-b1aa5105bee2-dd255074, #w-node-f2be18eb-6edb-9768-2bc5-b1aa5105bee9-dd255074, #w-node-b09f7d89-3ba9-76c0-f2c9-1badf781d0d8-dd255074, #w-node-_84116a2e-4529-d876-3f36-a5a2cdef265b-dd255074, #w-node-_84116a2e-4529-d876-3f36-a5a2cdef265c-dd255074, #w-node-_84116a2e-4529-d876-3f36-a5a2cdef2661-dd255074, #w-node-_84116a2e-4529-d876-3f36-a5a2cdef2668-dd255074, #w-node-_55fe0034-6f29-6142-ee0b-02efa9c943e2-dd255074, #w-node-_6d5f7f0a-3aa3-3321-5e4c-f9453c2dab20-dd255074, #w-node-_6d5f7f0a-3aa3-3321-5e4c-f9453c2dab21-dd255074, #w-node-_6d5f7f0a-3aa3-3321-5e4c-f9453c2dab26-dd255074, #w-node-_6d5f7f0a-3aa3-3321-5e4c-f9453c2dab2d-dd255074, #w-node-_6899b3e0-dd82-3280-10b6-a8cfd05e5df6-dd255074, #w-node-ea5c9a54-9169-12fc-e4ee-87ac3134d097-dd255074, #w-node-ea5c9a54-9169-12fc-e4ee-87ac3134d098-dd255074, #w-node-ea5c9a54-9169-12fc-e4ee-87ac3134d09b-dd255074, #w-node-ea5c9a54-9169-12fc-e4ee-87ac3134d0a2-dd255074, #w-node-_83ead455-9824-bc54-6266-00be75da1dde-dd255074, #w-node-_81d3ffbf-d7b2-625b-4584-4f6ac8c7f667-dd255074, #w-node-_81d3ffbf-d7b2-625b-4584-4f6ac8c7f668-dd255074, #w-node-_81d3ffbf-d7b2-625b-4584-4f6ac8c7f66d-dd255074, #w-node-_81d3ffbf-d7b2-625b-4584-4f6ac8c7f674-dd255074, #w-node-_1f9ee3b8-e7f3-d436-cfa4-ad01ba2cd9ad-dd255074, #w-node-_74ff4e8e-22d9-149e-ed76-ffedd23eb7ba-dd255074, #w-node-_74ff4e8e-22d9-149e-ed76-ffedd23eb7bb-dd255074, #w-node-_74ff4e8e-22d9-149e-ed76-ffedd23eb7c0-dd255074, #w-node-_74ff4e8e-22d9-149e-ed76-ffedd23eb7c7-dd255074, #w-node-cb70cc4c-81e1-3e57-c7a3-1cb047e72bef-dd255074, #w-node-_635b07f9-0412-a8fa-9dd2-28094a893386-dd255074, #w-node-_635b07f9-0412-a8fa-9dd2-28094a893387-dd255074, #w-node-_635b07f9-0412-a8fa-9dd2-28094a89338c-dd255074, #w-node-_635b07f9-0412-a8fa-9dd2-28094a893393-dd255074, #w-node-e2195436-63f0-6664-4631-bc1ef272a4d5-dd255074, #w-node-_6a081a2c-3a7d-2eda-c61b-923663475921-dd255074, #w-node-_6a081a2c-3a7d-2eda-c61b-923663475922-dd255074, #w-node-_6a081a2c-3a7d-2eda-c61b-923663475927-dd255074, #w-node-_6a081a2c-3a7d-2eda-c61b-92366347592e-dd255074, #w-node-_76e9d240-7e4f-edbb-13b0-d3a0bd8bcbed-dd255074, #w-node-cb32d74b-f8cf-5df6-57fe-abfe87b0752b-dd255074, #w-node-cb32d74b-f8cf-5df6-57fe-abfe87b0752c-dd255074, #w-node-cb32d74b-f8cf-5df6-57fe-abfe87b0752f-dd255074, #w-node-cb32d74b-f8cf-5df6-57fe-abfe87b07536-dd255074, #w-node-d686205a-ae03-edb8-05ca-bb64f8305dac-dd255074, #w-node-_6ece4844-914d-d8a7-fb39-769743c184d8-dd255074, #w-node-_6ece4844-914d-d8a7-fb39-769743c184d9-dd255074, #w-node-_6ece4844-914d-d8a7-fb39-769743c184de-dd255074, #w-node-_6ece4844-914d-d8a7-fb39-769743c184e5-dd255074, #w-node-_6a71f6ec-af41-bbe7-7096-69e7488cce92-dd255074, #w-node-e0d39ce9-1d40-e190-192c-0f783b5e632f-dd255074, #w-node-e0d39ce9-1d40-e190-192c-0f783b5e6330-dd255074, #w-node-e0d39ce9-1d40-e190-192c-0f783b5e6335-dd255074, #w-node-e0d39ce9-1d40-e190-192c-0f783b5e633c-dd255074, #w-node-bfe3e919-84e6-e50f-16a1-d7d86495f0a3-dd255074, #w-node-_77025ca0-cba2-cec8-4f85-498bb667c1dc-dd255074, #w-node-_77025ca0-cba2-cec8-4f85-498bb667c1dd-dd255074, #w-node-_77025ca0-cba2-cec8-4f85-498bb667c1e2-dd255074, #w-node-_77025ca0-cba2-cec8-4f85-498bb667c1e9-dd255074, #w-node-_31683fae-4cba-8745-b9f7-4dd1ead29ac0-dd255074, #w-node-de782dd2-6cc5-f321-d5e7-52a86acb7890-dd255074, #w-node-de782dd2-6cc5-f321-d5e7-52a86acb7891-dd255074, #w-node-de782dd2-6cc5-f321-d5e7-52a86acb7896-dd255074, #w-node-de782dd2-6cc5-f321-d5e7-52a86acb789d-dd255074, #w-node-_9607b21e-3194-4a54-6011-50d226a897a8-dd255074, #w-node-_5de2de24-93d6-5fa1-4b4b-44996f1877c5-dd255074, #w-node-_5de2de24-93d6-5fa1-4b4b-44996f1877c6-dd255074, #w-node-_5de2de24-93d6-5fa1-4b4b-44996f1877cb-dd255074, #w-node-_5de2de24-93d6-5fa1-4b4b-44996f1877d2-dd255074, #w-node-_81b8d57f-1d1d-70fb-1078-79f52adfc27d-dd255074, #w-node-_00ffdec6-c730-2ef4-6592-03da03505e7d-dd255074, #w-node-_00ffdec6-c730-2ef4-6592-03da03505e7e-dd255074, #w-node-_00ffdec6-c730-2ef4-6592-03da03505e83-dd255074, #w-node-_00ffdec6-c730-2ef4-6592-03da03505e8a-dd255074, #w-node-_3f67d124-845a-7d79-80d8-03602172e5ed-dd255074, #w-node-_74ecc2a1-a9a7-602c-86c4-e64cc0730db4-dd255074, #w-node-_74ecc2a1-a9a7-602c-86c4-e64cc0730db5-dd255074, #w-node-_74ecc2a1-a9a7-602c-86c4-e64cc0730dba-dd255074, #w-node-_74ecc2a1-a9a7-602c-86c4-e64cc0730dc1-dd255074, #w-node-_01f19c49-10dc-6d87-485a-ea420ef5eb96-dd255074, #w-node-_8f174e99-57fb-15bb-867d-49664321b945-dd255074, #w-node-_8f174e99-57fb-15bb-867d-49664321b946-dd255074, #w-node-_8f174e99-57fb-15bb-867d-49664321b949-dd255074, #w-node-_8f174e99-57fb-15bb-867d-49664321b950-dd255074, #w-node-_8f174e99-57fb-15bb-867d-49664321b95f-dd255074, #w-node-_99167def-7dba-116d-709a-655d7a38e1d6-dd255074, #w-node-_99167def-7dba-116d-709a-655d7a38e1d7-dd255074, #w-node-_99167def-7dba-116d-709a-655d7a38e1da-dd255074, #w-node-_99167def-7dba-116d-709a-655d7a38e1e1-dd255074, #w-node-_368e9a8d-6b97-d4a9-d2cc-565b7ddace3a-dd255074, #w-node-_36912a2d-da2f-6b19-04e7-bbdc9d3c99d5-dd255074, #w-node-_36912a2d-da2f-6b19-04e7-bbdc9d3c99d6-dd255074, #w-node-_36912a2d-da2f-6b19-04e7-bbdc9d3c99d9-dd255074, #w-node-_36912a2d-da2f-6b19-04e7-bbdc9d3c99e0-dd255074, #w-node-_36912a2d-da2f-6b19-04e7-bbdc9d3c99ef-dd255074, #w-node-c537cbdc-5a30-3360-d181-840d5be3fc52-dd255074, #w-node-c537cbdc-5a30-3360-d181-840d5be3fc53-dd255074, #w-node-c537cbdc-5a30-3360-d181-840d5be3fc58-dd255074, #w-node-c537cbdc-5a30-3360-d181-840d5be3fc5f-dd255074, #w-node-c537cbdc-5a30-3360-d181-840d5be3fc6e-dd255074 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2571538-27b2-1744-402a-733288188f42-dd255074 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_79dec116-63a3-c18e-4cf6-93db39930a37-dd2550ab, #w-node-_23774fa9-4028-4e1d-f91f-89a6bca66fa7-dd2550ab, #w-node-b1f33d61-f93c-868c-2752-00f35a8c7b28-dd2550ab, #w-node-a9fbbda1-32d8-3046-388e-b3b984e34520-dd2550ab, #w-node-_71d9a550-70f9-7ff7-4531-ba8f3155965a-dd2550ab, #w-node-_44bce8c3-9a95-0b66-e415-f0ed255bd05f-dd2550ab, #w-node-_0aab0c42-79a9-817c-6ffb-8485758f29a6-dd2550ab, #w-node-_9b2cfe48-bbfa-b6b5-6490-d1cbc266e231-dd2550ab, #w-node-_3c044d7e-627d-4a4f-f9f2-395f83aff3de-dd2550ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0aab0c42-79a9-817c-6ffb-8485758f29a9-dd2550ab {
  justify-self: center;
}

#w-node-_0aab0c42-79a9-817c-6ffb-8485758f29c3-dd2550ab, #w-node-_1dca64d1-c4ed-b602-e6f5-bc3c3caaa39b-dd2550ab, #w-node-_6bb1c6de-54a3-a33c-7ccb-d7eae86cbd6d-dd2550ab, #w-node-_8286e399-51c5-edaf-470f-923f3660a7b2-dd2550ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8286e399-51c5-edaf-470f-923f3660a7b3-dd2550ab {
  justify-self: center;
}

#w-node-_6fcfaa82-2958-8282-93dd-f48c25fa4d2d-dd2550ab, #w-node-_703f578f-556a-4d52-b76e-2d5b11aa4b91-dd2550ab, #w-node-_703f578f-556a-4d52-b76e-2d5b11aa4b95-dd2550ab, #w-node-_703f578f-556a-4d52-b76e-2d5b11aa4b99-dd2550ab, #w-node-_703f578f-556a-4d52-b76e-2d5b11aa4b9d-dd2550ab, #w-node-_703f578f-556a-4d52-b76e-2d5b11aa4ba1-dd2550ab, #w-node-_093cdfaa-3c40-f1fd-4fdd-65d8ec8335a7-dd2550ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_093cdfaa-3c40-f1fd-4fdd-65d8ec8335a8-dd2550ab {
  justify-self: center;
}

#w-node-_2ecff63e-12c3-dd66-ad0f-545570f65f7b-dd2550ab, #w-node-a434d900-0435-a474-bbf4-637a5c1ebaa1-dd2550ab, #w-node-c9b1196c-318f-8b87-2f2d-069fa3ebdfa5-dd2550ab, #w-node-_01e8d2b9-d89c-3b18-1c39-c5e19b7e4d22-dd2550ab, #w-node-_68520c1f-e681-1fe9-1e48-236de65a62a7-dd2550ab, #w-node-_5ea083fc-c723-f264-1cce-400b12c007d6-dd2550ab, #w-node-_848eb94b-294c-faa1-9653-878f153cdb4e-dd2550ab, #w-node-_2caf0422-0916-2686-bd25-1080fb605a13-dd2550ab, #w-node-_8ac03370-fb10-5700-9791-7585d2e968ae-dd2550ab, #w-node-_18b9a4e2-eb96-8daa-4c32-7f3e9039aa6c-dd2550ab, #w-node-a55dcfcf-427a-01bb-5ee8-58b01dcd9ffe-dd2550ab, #w-node-e1e4baa7-47e0-6e18-449c-dbbafec818cd-dd2550ab, #w-node-fb30bca2-733d-f7c6-aa8a-92fc7e52e293-dd2550ab, #w-node-b603fc69-a2d4-f31e-241e-ebb69dc4295f-9dc4295f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b603fc69-a2d4-f31e-241e-ebb69dc42964-9dc4295f {
  justify-self: center;
}

#w-node-f4007e15-f747-2dcc-eeeb-7d4639a06535-39a06535, #w-node-_80dc9a97-eef6-d3e8-fc50-c50d11170518-78091b71, #w-node-_80dc9a97-eef6-d3e8-fc50-c50d1117051c-78091b71, #w-node-_80dc9a97-eef6-d3e8-fc50-c50d11170522-78091b71, #w-node-_80dc9a97-eef6-d3e8-fc50-c50d11170528-78091b71, #w-node-_79dec116-63a3-c18e-4cf6-93db39930a37-dd2550b5, #w-node-cc7d562f-7c2a-bb17-0648-89e90a37de3e-dd2550b5, #w-node-_23774fa9-4028-4e1d-f91f-89a6bca66fa7-dd2550b5, #w-node-_68520c1f-e681-1fe9-1e48-236de65a62a7-dd2550b5, #w-node-_5ea083fc-c723-f264-1cce-400b12c007d6-dd2550b5, #w-node-_848eb94b-294c-faa1-9653-878f153cdb4e-dd2550b5, #w-node-_9ab1986f-98e8-fa2e-5753-bdc146808912-dd2550b5, #w-node-_8ac03370-fb10-5700-9791-7585d2e968ae-dd2550b5, #w-node-a55dcfcf-427a-01bb-5ee8-58b01dcd9ffd-dd2550b5, #w-node-a55dcfcf-427a-01bb-5ee8-58b01dcd9ffe-dd2550b5, #w-node-fb30bca2-733d-f7c6-aa8a-92fc7e52e292-dd2550b5, #w-node-fb30bca2-733d-f7c6-aa8a-92fc7e52e293-dd2550b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd825132-d971-3a56-dda4-2e01d4daca27-dd25511c {
  justify-self: stretch;
}

#w-node-_9649e095-a31d-f7ac-6eb8-7ab2de7c7919-9d8af42c, #w-node-_9649e095-a31d-f7ac-6eb8-7ab2de7c7923-9d8af42c, #w-node-_9649e095-a31d-f7ac-6eb8-7ab2de7c792d-9d8af42c, #w-node-_7af99fac-db3e-d2c6-89cc-affff0693991-9d8af42c, #w-node-_7af99fac-db3e-d2c6-89cc-affff069399b-9d8af42c, #w-node-_7af99fac-db3e-d2c6-89cc-affff06939a5-9d8af42c, #w-node-_984063be-e60c-92ab-3b57-498eae9ae9ca-6c5b76dd, #w-node-_05bf4ea8-b779-470f-9272-b7bf145de60d-6c5b76dd, #w-node-_05bf4ea8-b779-470f-9272-b7bf145de616-6c5b76dd, #w-node-_05bf4ea8-b779-470f-9272-b7bf145de618-6c5b76dd, #w-node-_05bf4ea8-b779-470f-9272-b7bf145de61f-6c5b76dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36b4aa31-e837-cf87-a849-610eeca38638-6c5b76dd {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_36b4aa31-e837-cf87-a849-610eeca3864a-6c5b76dd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_2904c05e-914c-0d60-957f-3e85a41a825d-dd254fba {
    justify-self: end;
  }

  #w-node-_6966a3d7-40a9-744c-c8f5-6eca910e7771-dd254fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f7ed16c3-b926-3b13-5504-525d71d4c6ff-dd254fba {
    grid-column: 1 / 2;
  }

  #w-node-db960efc-d0ab-ce0f-61fb-59c36016cedd-dd254fba, #w-node-d43038e4-728b-b83a-b79b-3bb39a155c68-dd254fba, #w-node-_901da06f-43cf-1979-a845-8a50b30dca12-dd254fba, #w-node-_6f87d3ff-8e4c-e67b-257d-557a66708642-dd254fba, #w-node-_45672fc2-e563-a972-4385-08852445b98f-dd254fba, #w-node-_93377b3c-3c52-2ba5-7d21-c67c271401c3-dd254fba, #w-node-f463d0ac-fee7-e3b4-ee0b-8a945fea8699-dd254fba {
    order: -9999;
  }

  #w-node-_7a3486ab-9131-8275-9f24-16bae4a400ee-dd254fba {
    grid-column: 1 / 2;
  }

  #w-node-_761e0b21-9e72-02fb-0334-8958d5b0f6bf-dd254fba {
    grid-column-end: 3;
  }

  #w-node-ee0b3844-3506-d952-801e-1f970cce0dac-dd254fba, #w-node-f2d78a48-445c-a18a-64bd-f8bd9f3221f7-dd254fba {
    grid-column: 2 / 3;
  }

  #w-node-f90b32b7-1be7-6f6a-ebaf-43de15934a78-61fc6479 {
    grid-column-end: 3;
  }

  #w-node-_0ecfa2ab-bd49-3bed-5323-da071bf5d118-61fc6479 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_225ce5f6-3eb0-bea6-c2a2-8de309e8b783-61fc6479 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_24a2bc61-71dc-3779-65b6-faa6c6124c25-61fc6479 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4aab276d-6cd0-eeed-2d44-69f6d99696f8-61fc6479 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab440090e-dd254ff6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab44009f6-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a02-dd254ff6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400a29-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a56-dd254ff6 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400aae-dd254ff6 {
    justify-self: start;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400ab6-dd254ff6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400aca-dd254ff6 {
    order: -9999;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400b60-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400b67-dd254ff6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4401078-dd254ff6 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_780b47fd-2135-07b5-8419-b55dd97e2d22-dd254fba {
    align-self: stretch;
  }

  #w-node-_6966a3d7-40a9-744c-c8f5-6eca910e7771-dd254fba, #w-node-_6966a3d7-40a9-744c-c8f5-6eca910e778a-dd254fba, #w-node-f7ed16c3-b926-3b13-5504-525d71d4c6ff-dd254fba, #w-node-f7ed16c3-b926-3b13-5504-525d71d4c70d-dd254fba, #w-node-_4304a9da-22a9-fc50-4079-9aaea45112a4-dd254fba, #w-node-_7a3486ab-9131-8275-9f24-16bae4a400ee-dd254fba, #w-node-_761e0b21-9e72-02fb-0334-8958d5b0f6bf-dd254fba, #w-node-ee0b3844-3506-d952-801e-1f970cce0dac-dd254fba, #w-node-f2d78a48-445c-a18a-64bd-f8bd9f3221f7-dd254fba, #w-node-_9d2239f4-d47e-39c9-8c94-36b34890622d-dd254fba, #w-node-_596800b8-1616-e25a-99e6-706102284e7f-dd254fba, #w-node-_8386afac-31b2-20b5-6fc1-33204cfbdca4-dd254fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0cb9a81a-0604-343f-d467-e701df4c68bb-dd254fba {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_1ebebeda-5f13-902b-c36e-f642d1e41997-d1e41982, #w-node-_591fff18-5174-2a9d-177e-bb18266f3019-266f2ffb, #w-node-ebce9566-7f30-b78f-30a0-6cbc28bb29ca-1e529957 {
    align-self: stretch;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400aaf-dd254ff6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400aca-dd254ff6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d2f-dd254ff6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d38-dd254ff6 {
    grid-column: 2 / 3;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d3d-dd254ff6 {
    grid-column: 1 / 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d41-dd254ff6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d4a-dd254ff6 {
    grid-column: 2 / 3;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d4f-dd254ff6 {
    grid-column: 1 / 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400d53-dd254ff6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2fb57d5a-2256-ee9d-7ddf-f2b831d634d4-dd255023 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad2ed491-8a30-66c9-ccf1-046089a8d57b-dd255023 {
    order: 9999;
  }

  #w-node-d2a2d3fd-b3c4-6ee4-e9dc-fee6c8e96938-dd255023 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f5618e64-e9a5-0633-1b3e-b9d9835a1b33-835a1b14 {
    align-self: stretch;
  }

  #w-node-_36b4aa31-e837-cf87-a849-610eeca38638-6c5b76dd, #w-node-_36b4aa31-e837-cf87-a849-610eeca3863e-6c5b76dd, #w-node-_36b4aa31-e837-cf87-a849-610eeca38644-6c5b76dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_36b4aa31-e837-cf87-a849-610eeca3864a-6c5b76dd {
    grid-area: 3 / 1 / 4 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_780b47fd-2135-07b5-8419-b55dd97e2d12-dd254fba {
    grid-column: span 1 / span 1;
  }

  #w-node-fce0a69f-92f9-371b-2273-4a4d0492ecb0-dd254fba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2904c05e-914c-0d60-957f-3e85a41a825d-dd254fba {
    justify-self: start;
  }

  #w-node-_6966a3d7-40a9-744c-c8f5-6eca910e7771-dd254fba {
    justify-self: end;
  }

  #w-node-e32de424-dbc0-32d9-7418-f9941c0fd4df-dd254fba {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e32de424-dbc0-32d9-7418-f9941c0fd4e9-dd254fba {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4304a9da-22a9-fc50-4079-9aaea45112a4-dd254fba, #w-node-_7a3486ab-9131-8275-9f24-16bae4a400ee-dd254fba, #w-node-_761e0b21-9e72-02fb-0334-8958d5b0f6bf-dd254fba, #w-node-ee0b3844-3506-d952-801e-1f970cce0dac-dd254fba, #w-node-f2d78a48-445c-a18a-64bd-f8bd9f3221f7-dd254fba, #w-node-f90b32b7-1be7-6f6a-ebaf-43de15934a78-61fc6479, #w-node-_0ecfa2ab-bd49-3bed-5323-da071bf5d118-61fc6479, #w-node-_225ce5f6-3eb0-bea6-c2a2-8de309e8b783-61fc6479, #w-node-_24a2bc61-71dc-3779-65b6-faa6c6124c25-61fc6479, #w-node-_4aab276d-6cd0-eeed-2d44-69f6d99696f8-61fc6479 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5acef74f-9e76-e41e-34c1-7b054a1f1c24-dd254fe3, #w-node-_0d42421d-167f-4536-e6c0-074b85cad9c8-dd254fe3, #w-node-_65bdd5c4-925c-7c69-f133-b9fbca373f27-dd254fe3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_99934ac3-3d87-46d6-31b7-3d4b9b42f7a8-dd254fe3, #w-node-faa71466-6c9f-6415-3b7e-f883ec7f258f-dd254fe3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-eadfffc1-5758-6141-e978-3ef95e1afbbc-dd254fe3, #w-node-_57c3822d-73d9-59ea-6add-39c99259a596-dd254fe3, #w-node-_7a7a5d90-1316-805e-7d71-4cfed81f18a9-dd254fe3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0b735346-901a-ba37-4b1d-283ab4400a29-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400a56-dd254ff6, #w-node-_0b735346-901a-ba37-4b1d-283ab4400ab6-dd254ff6 {
    grid-column: span 1 / span 1;
  }

  #w-node-d2a2d3fd-b3c4-6ee4-e9dc-fee6c8e96938-dd255023 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_43178f9d-e9ae-c67f-5ca7-dbfb20287308-dd2550ab {
    align-self: start;
  }
}


@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-RegularItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Black.woff2') format('woff2'), url('../fonts/SFProDisplay-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sfprodisplay';
  src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid';
  src: url('../fonts/EuclidCircularB-Light.woff2') format('woff2'), url('../fonts/EuclidCircularB-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid';
  src: url('../fonts/EuclidCircularB-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid';
  src: url('../fonts/EuclidCircularB-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid';
  src: url('../fonts/EuclidCircularB-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid';
  src: url('../fonts/EuclidCircularB-Regular.woff2') format('woff2'), url('../fonts/EuclidCircularB-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado elements';
  src: url('../fonts/Turbinado-Elements-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado';
  src: url('../fonts/Turbinado-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado';
  src: url('../fonts/Turbinado-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado hand';
  src: url('../fonts/Turbinado-Hand-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado dry';
  src: url('../fonts/Turbinado-Dry-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado dry';
  src: url('../fonts/Turbinado-Dry-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado';
  src: url('../fonts/Turbinado-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado condensed one';
  src: url('../fonts/Turbinado-Condensed-One-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado condensed two';
  src: url('../fonts/Turbinado-Condensed-Two-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Turbinado dry';
  src: url('../fonts/Turbinado-Dry-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oxygenmono';
  src: url('../fonts/Oxygenmono.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'A note';
  src: url('../fonts/A-Note.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirltpro';
  src: url('../fonts/AvenirLTProBook.otf') format('opentype'), url('../fonts/AvenirLTProRoman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirltpro';
  src: url('../fonts/AvenirLTProLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirltpro';
  src: url('../fonts/AvenirLTProHeavy.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirltpro';
  src: url('../fonts/AvenirLTProOblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirltpro';
  src: url('../fonts/AvenirLTProMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirltpro';
  src: url('../fonts/AvenirLTProBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bridamount';
  src: url('../fonts/bridamount.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Powder personaluse';
  src: url('../fonts/Powder_PersonalUse.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}