@font-face {
  font-family: Founders Grotesk X Condensed;
  src: url('../fonts/founders-grotesk-x-condensed-semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Founders Grotesk X Condensed;
  src: url('../fonts/founders-grotesk-x-condensed-bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: 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.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-slate-grey: #004743;
  --purple: #6e1c5c;
  --white: white;
  --royal-blue: #0059aa;
  --pale-turquoise: #6bedff;
  --ff5c00: #ff5c00;
  --text: #242f3e;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

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

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

body {
  color: var(--dark-slate-grey);
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  color: var(--purple);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: .8;
}

h2 {
  color: var(--purple);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: .8;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: .8;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--purple);
  text-decoration: none;
  transition: all .5s;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

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

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.main {
  color: var(--purple);
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8vw;
  padding-bottom: 7vw;
  display: flex;
  position: relative;
}

.main__col-1 {
  width: 54%;
  padding-right: 2.7vw;
}

.main__col-2 {
  width: 45%;
}

.logo {
  width: 9.9vw;
}

.main___img {
  width: 100%;
}

.row-main {
  align-items: center;
  display: flex;
}

.row-main__text-1 {
  margin-right: 2.08vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 13.9vw;
  font-weight: 700;
  line-height: .8;
}

.row-main__text-2 {
  width: 46%;
  margin-top: .5vw;
  font-size: 1.73vw;
}

.main__title {
  margin-bottom: 1.6vw;
  font-size: 9vw;
}

.main__p {
  margin-bottom: 4vw;
  font-size: 1.6vw;
}

.main__box-btn {
  justify-content: flex-start;
  align-items: center;
  padding-top: 3.8vw;
  display: flex;
}

.button-get {
  background-color: var(--purple);
  color: var(--white);
  letter-spacing: -1px;
  border-radius: 6.9vw;
  padding: 1.45vw 3.3vw 1.6vw;
  font-size: 2vw;
  font-weight: 600;
  line-height: 1;
}

.button-get:hover {
  box-shadow: 0 0 0 1px var(--purple);
}

.works {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.5vw;
  padding-bottom: 4.5vw;
}

.title-section {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3.88vw;
  font-size: 4.2vw;
}

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

.title-section.title-section--green {
  color: var(--dark-slate-grey);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.title-section.title-section--blue {
  color: var(--royal-blue);
  width: 44%;
  margin-left: auto;
  margin-right: auto;
}

.title-section.title-section--blue.title-section--marg {
  width: 100%;
  margin-bottom: 3.3vw;
}

.slider {
  color: var(--white);
  text-align: center;
  margin-right: -3vw;
  font-size: 1.73vw;
  display: flex;
}

.slider__col {
  width: 33.3%;
  padding-right: 2.78vw;
  display: flex;
}

.slider-block {
  border-radius: 1.8vw;
  width: 100%;
  padding-left: 1.8vw;
  padding-right: 1.8vw;
}

.slider-block.slider-block--color-blue {
  background-color: #0059aa;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 54.3vw;
  padding-top: 2vw;
  display: flex;
}

.slider-block.slider-block--color-green {
  background-color: #004743;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 54.3vw;
  padding-top: 2vw;
  padding-bottom: 2.2vw;
  display: flex;
}

.slider-block.slider-block--color-purple {
  background-color: var(--purple);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 54.3vw;
  padding: 2vw 2.7vw 3.47vw 3.8vw;
  display: flex;
}

.slider__img-1 {
  width: 100%;
  max-width: 25.9vw;
  margin-top: 7.7vw;
}

.slider__h3 {
  text-transform: uppercase;
  margin-bottom: 2.4vw;
  font-size: 5vw;
}

.slider__img-2 {
  width: 100%;
  max-width: 20vw;
  margin-top: 3.2vw;
}

.slider__img-3 {
  width: 100%;
  max-width: 17.6vw;
  margin-bottom: 3.47vw;
}

.video {
  background-color: #bee0ff;
  border-top-left-radius: 4.5vw;
  border-top-right-radius: 4.5vw;
  padding-top: 4.9vw;
  padding-bottom: 13.875vw;
}

.video__box {
  width: 64%;
  margin-left: auto;
  margin-right: auto;
}

.lbox-video {
  background-color: var(--white);
  color: var(--purple);
  text-align: center;
  text-transform: uppercase;
  border-radius: 2vw;
  justify-content: center;
  align-items: center;
  height: 36vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 8.5vw;
  font-weight: 700;
  line-height: .8;
  display: flex;
  position: relative;
}

.lbox-video__icon {
  z-index: 2;
  width: 7.6vw;
  position: relative;
}

.lbox-video__txt {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.screen {
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 4.5vw;
  min-height: 73vw;
  margin-top: -4.6vw;
  padding-top: 7.6vw;
  padding-bottom: 5.7vw;
  overflow: hidden;
}

.screen__box {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.features {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6.6vw;
}

.row {
  flex-flow: wrap;
  justify-content: space-between;
  padding-bottom: 1.1vw;
  display: flex;
}

.row__col {
  color: var(--purple);
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 33.3%;
  padding-bottom: 5vw;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
  font-size: 1.66vw;
  display: flex;
}

.row__col.row__col-2, .row__col.row__col-3 {
  color: var(--dark-slate-grey);
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}

.row__icon {
  object-fit: contain;
  width: 100%;
  height: 16.5vw;
  margin-bottom: 3.47vw;
}

.row__title {
  margin-bottom: 1vw;
  font-size: 2.43vw;
  font-weight: 700;
  line-height: 1;
}

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

.box-center.box-center--left {
  padding-top: 2.77vw;
}

.ssp {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9.375vw;
}

.title-section__icon {
  background-image: url('../images/title-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.5vw;
  height: 3vw;
  margin-left: .7vw;
  display: inline-block;
  transform: translate(0, .35vw);
}

.row__title-icon {
  margin-bottom: 1vw;
  font-size: 2.43vw;
  font-weight: 700;
  line-height: 1;
}

.row__title-icon.row__title-icon--no-wrap {
  white-space: nowrap;
}

.span-icon {
  background-image: url('../images/icon-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5vw;
  height: 1em;
  vertical-align: middle;
  display: inline-block;
}

.span-icon.span-icon--bg-2 {
  background-image: url('../images/icon-2.svg');
}

.span-icon.span-icon--bg-3 {
  background-image: url('../images/icon-3.svg');
}

.span-icon.span-icon--bg-1 {
  background-image: url('../images/hw-1.svg');
}

.span-icon.span-icon--bg-4 {
  background-image: url('../images/hw-2.svg');
}

.box-title {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5.4vw;
}

.grid__container {
  margin-bottom: 11.25vw;
  padding-bottom: 2.7vw;
  padding-left: 65px;
  overflow: auto;
}

.slider-var {
  display: flex;
}

.slider-var__col {
  padding-right: 1.8vw;
}

.slider-var__col.slider-var__col--last {
  padding-right: 65px;
}

.cell {
  color: var(--royal-blue);
  background-color: #e7f6ff;
  border-radius: 2.7vw;
  flex-direction: column;
  align-items: flex-start;
  width: 27vw;
  height: 27vw;
  padding-top: 2.7vw;
  padding-bottom: 2vw;
  padding-left: 2.5vw;
  display: flex;
}

.icon {
  border-radius: 50%;
  flex: none;
  width: 4.4vw;
  height: 4.4vw;
  margin-bottom: 1.5vw;
  overflow: hidden;
}

.cell-title {
  margin-bottom: 1.9vw;
  font-size: 3.47vw;
}

.cell-p {
  width: 95%;
  padding-right: 2vw;
  font-size: 1.38vw;
  overflow: auto;
}

.questions {
  background-color: var(--purple);
  border-radius: 4.5vw;
  padding-top: 7.3vw;
  padding-bottom: 9vw;
}

.questions__container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.dropdown {
  background-color: var(--white);
  border-radius: 1.6vw;
  margin-bottom: 1.38vw;
  display: block;
}

.dropdown-toggle {
  color: var(--purple);
  white-space: normal;
  padding: 2.7vw 4vw 2.7vw 2.7vw;
  font-size: 1.95vw;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.d-icon {
  margin-right: 2.7vw;
  font-size: 2vw;
}

.dropdown-list {
  background-color: #0000;
  display: block;
  position: static;
  overflow: hidden;
}

.rich-text-block {
  color: var(--purple);
  padding-bottom: 2.7vw;
  padding-left: 2.7vw;
  padding-right: 2.7vw;
}

.rich-text-block p {
  margin-bottom: 1vw;
  font-size: 1.66vw;
}

.rich-text-block a {
  font-weight: 600;
}

.rich-text-block a:hover {
  text-decoration: underline;
}

.create-container {
  width: 74%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.2vw;
  padding-bottom: 10.4vw;
}

.create-container__row {
  justify-content: space-between;
  min-height: 53vw;
  margin-bottom: 6.25vw;
  display: flex;
  position: relative;
}

.create-img {
  width: 100%;
}

.create-container__col-1 {
  color: var(--purple);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 41%;
  display: flex;
}

.create-container__col-2 {
  width: 54%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.txt-1 {
  margin-bottom: 3.47vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 9vw;
  font-weight: 700;
  line-height: .8;
}

.txt-2 {
  font-size: 1.73vw;
}

.footer {
  background-color: var(--purple);
  padding-top: 4.5vw;
}

.footer__container {
  justify-content: space-between;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3.8vw;
  display: flex;
}

.footer__logo {
  flex: none;
  width: 100%;
  max-width: 10.5vw;
}

.footer__row {
  color: var(--white);
  width: 50%;
  padding-left: 5.5vw;
  display: flex;
}

.footer__col {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  padding-right: 5.5vw;
  display: flex;
}

.footer__title {
  text-transform: uppercase;
  margin-bottom: 2.2vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 2.77vw;
  font-weight: 700;
  line-height: .8;
}

.footer__link {
  color: var(--white);
  margin-bottom: .84vw;
  font-size: 1.38vw;
}

.footer__link:hover {
  opacity: .8;
}

.screen__row {
  justify-content: space-between;
  margin-top: -1.66vw;
  display: flex;
  position: relative;
}

.screen__col-slider-1 {
  width: 63%;
  position: relative;
}

.screen__col-slider-2 {
  flex-direction: column;
  justify-content: flex-end;
  width: 37%;
  padding-bottom: 1.35vw;
  display: flex;
}

.screen__image {
  width: 100%;
  max-width: 43.75vw;
  position: absolute;
  inset: 1.84vw auto auto 2vw;
}

.srceen__box-items {
  border-bottom: 1px solid var(--pale-turquoise);
  width: 37%;
  padding-bottom: 2vw;
  position: absolute;
  inset: 1.52vw 0% auto auto;
}

.wp-title {
  letter-spacing: -1.5px;
  margin-bottom: 1.66vw;
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 1;
}

.wp-desc {
  margin-bottom: 1.25vw;
  font-size: 1.73vw;
}

.wp-desc.wp-desc__2 {
  min-height: 4.8em;
  margin-bottom: 0;
  line-height: 1.2em;
}

.wp-desc__span {
  color: var(--pale-turquoise);
}

.slider-web__content {
  height: 44.65vw;
  position: relative;
}

.slider-web__img {
  width: 100%;
  max-width: 5vw;
  position: absolute;
  inset: 23.4vw auto auto .92vw;
}

.slider-web__img.slider-web__img-2 {
  max-width: 5.34vw;
  top: 0;
  left: 1.1vw;
}

.slider-web__img.slider-web__img-3 {
  max-width: 6.18vw;
  inset: auto auto 0 12.3vw;
}

.slider-web__img.slider-web__img-4 {
  max-width: 4.5vw;
  inset: .7vw 6.9vw auto auto;
}

.slider-web__img.slider-web__img-5 {
  inset: .199vw 9.4vw auto auto;
}

.slider-web__img.slider-web__img-6 {
  max-width: 5.75vw;
  top: 0;
  left: 13.2vw;
}

.comment {
  background-color: var(--pale-turquoise);
  color: #004e96;
  text-align: center;
  border-radius: .7vw;
  padding: .7vw 1.38vw;
  font-size: 1.38vw;
  position: absolute;
  inset: 18.3vw auto auto 0%;
}

.comment.comment__2 {
  top: 6.4vw;
}

.comment.comment__3 {
  inset: auto 5.5vw 2.5vw auto;
}

.comment.comment__4 {
  inset: 7.4vw 5.3vw auto auto;
}

.comment.comment__5 {
  inset: 7.4vw 4.5vw auto auto;
}

.comment.comment__6 {
  top: 8vw;
  left: 12.8vw;
}

.row-arrow {
  display: flex;
}

.arrow-slider {
  background-color: #00ffd1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.33vw;
  height: 3.33vw;
  margin-right: 1.66vw;
  display: flex;
}

.arrow-slider.arrow-slider__next {
  padding-left: .3vw;
}

.arrow-slider.arrow-slider__prev {
  padding-right: .3vw;
}

.arrow-slider__icon {
  width: 1.1vw;
}

.slider-web__img-mobile {
  opacity: 0;
  width: 0;
  height: 0;
}

.body {
  background-color: var(--dark-slate-grey);
  color: var(--white);
}

.lottie-animation {
  flex: none;
  width: 100%;
  max-width: 12.5vw;
  margin-left: 5.5vw;
  margin-right: 5.5vw;
}

.container-body {
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 65%;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 4.16vw;
  font-weight: 700;
  line-height: .8;
  display: flex;
}

.text-span {
  font-size: 9vw;
}

.text-block {
  width: 19.3vw;
}

.text-block-2 {
  width: 26.5vw;
}

.heading {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.66vw;
  font-size: 4.16vw;
}

.form-block {
  text-align: left;
  margin-bottom: 6.1vw;
  margin-left: auto;
  margin-right: auto;
}

.comtainer {
  padding-top: 20px;
  display: block;
}

.generated-item-component {
  color: #0059aa;
  background-color: #e7f6ff;
  border-radius: 1.66vw;
  align-items: flex-start;
  margin-bottom: 1.66vw;
  padding: 1.66vw;
  font-size: 1.73vw;
  display: none;
}

.item {
  white-space: normal;
  overflow-wrap: normal;
  flex: 1;
  margin-top: 1vw;
  margin-right: 40px;
  overflow: auto;
}

.copy-item {
  border: 2px solid var(--royal-blue);
  color: var(--royal-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8vw;
  height: 3.9vw;
  font-size: 1.38vw;
  font-weight: 600;
  display: flex;
  position: relative;
}

.copy-item:hover {
  background-color: var(--royal-blue);
  color: var(--white);
}

.ideas {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.button-submit {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 6.9vw;
  padding: 1.38vw 3.3vw;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1.2;
}

.button-submit:hover {
  box-shadow: 0 0 0 1px var(--purple);
}

.paragraph {
  color: var(--purple);
  text-align: center;
  margin-bottom: 5vw;
  font-size: 1.73vw;
}

.paragraph.paragraph--size-2 {
  max-width: 50vw;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.paragraph--size-3 {
  max-width: 40vw;
  margin-left: auto;
  margin-right: auto;
}

.navbar {
  z-index: 999;
  background-color: #0000;
  padding-top: 1.7vw;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar__container {
  justify-content: space-between;
  align-items: center;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.menu-button {
  float: none;
  border: 2px solid var(--purple);
  color: var(--purple);
  border-radius: 100px;
  padding: .83vw 1.66vw;
  font-size: 1.38vw;
  font-weight: 600;
  transition: all .5s;
}

.menu-button:hover, .menu-button.w--open {
  background-color: var(--purple);
  color: var(--white);
}

.nav-menu {
  background-color: #0000;
  display: block;
}

.menu {
  background-color: #f9f6f9;
  border-radius: 1.38vw;
  width: 54vw;
  margin-left: auto;
  margin-right: auto;
  padding: 2vw 2.77vw 3.3vw;
}

.nav-link {
  color: var(--purple);
  margin-bottom: 1vw;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0;
  font-size: 1.38vw;
  font-weight: 600;
}

.nav-link.w--current {
  opacity: .8;
  color: var(--purple);
}

.how-work {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8.3vw;
  padding-bottom: 7vw;
}

.get-container {
  background-color: #f9f6f9;
  border-radius: 2.77vw;
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4.375vw;
}

.get-container__row {
  justify-content: space-between;
  width: 61.875vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.get-container__col-1 {
  color: var(--purple);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-top: 2vw;
  display: flex;
}

.get-container__col-2 {
  width: 40%;
  margin-top: -14px;
}

.title-get {
  margin-bottom: 1.66vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 4.16vw;
  font-weight: 700;
  line-height: .8;
}

.get-btn {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 6.9vw;
  padding: 1.38vw 3.3vw;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1;
}

.get-btn:hover {
  box-shadow: 0 0 0 1px var(--purple);
}

.more-container {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.2vw;
  padding-bottom: 8.3vw;
  display: none;
}

.title-60px {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3.3vw;
  font-size: 4.16vw;
}

.more-row {
  justify-content: space-between;
  display: flex;
}

.more-btn {
  border: 2px solid var(--purple);
  color: var(--purple);
  background-color: #0000;
  border-radius: 100px;
  padding: 1.38vw 3.3vw;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1;
}

.more-btn:hover {
  background-color: var(--purple);
  color: var(--white);
}

.more-btn.w--current {
  display: none;
}

.container-form {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9.9vw;
}

.container-form.container-form__2 {
  padding-bottom: 8vw;
}

.field-label {
  color: var(--purple);
  margin-bottom: 1.1vw;
  font-size: 1.38vw;
  font-weight: 600;
}

.dropdown-2 {
  background-color: #f9f6f9;
  border-radius: 1.1vw;
  display: block;
}

.dropdown-toggle-2 {
  color: var(--purple);
  padding: 1.1vw 4vw 1.1vw 1.66vw;
  font-size: 1.38vw;
  display: block;
}

.dropdown-list-2 {
  opacity: 1;
  background-color: #0000;
  border-radius: 1.1vw;
  max-height: 270px;
  padding: .56vw;
  display: block;
  position: static;
  overflow: auto;
}

.icon-2 {
  color: #0000;
  background-image: url('../images/drop-pol.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 8px;
  margin-right: 1.66vw;
}

.dropdown-link {
  color: var(--purple);
  border-radius: .7vw;
  padding-top: .6vw;
  padding-bottom: .6vw;
  padding-left: 1.1vw;
  font-size: 1.38vw;
}

.dropdown-link:hover {
  background-color: #6e1c5c0d;
}

.dropdown-link.w--current {
  color: var(--purple);
  background-color: #6e1c5c0d;
}

.select-field {
  display: none;
}

.box-drop {
  height: 4vw;
  margin-bottom: 2.77vw;
}

.textarea {
  color: var(--purple);
  background-color: #f9f6f9;
  border: 1px #000;
  border-radius: 1.1vw;
  min-height: 9.6vw;
  margin-bottom: 2.2vw;
  padding-top: 1.1vw;
  padding-left: 1.66vw;
  font-size: 1.38vw;
  transition: all .5s;
}

.textarea::placeholder {
  color: #6e1c5c4d;
}

.dl {
  background-color: #0000;
  display: block;
  position: static;
  overflow: hidden;
}

.container {
  min-height: 120px;
}

.copy-bio__copied {
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container-2 {
  width: 90%;
  padding-top: 140px;
  padding-bottom: 140px;
}

.content {
  color: #181818;
}

.content p {
  margin-bottom: 15px;
  font-weight: 400;
}

.content ul {
  margin-bottom: 20px;
}

.content li {
  margin-bottom: 5px;
}

.box-scroll {
  flex: 1;
  margin-bottom: 24px;
  padding-right: 25px;
  overflow: auto;
}

.row-btns {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.row-btns.row-btns__2 {
  padding-right: 20px;
}

.col-btns {
  width: 35%;
  padding-top: 68px;
}

.checkbox-field__span {
  width: 64px;
  height: 32px;
  margin-bottom: 0;
}

.modal-cookie {
  z-index: 3000;
  opacity: 1;
  color: var(--royal-blue);
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.checkbox {
  display: none;
}

.modal-cookie__box-2 {
  z-index: 6;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  background-color: #fff;
  border-radius: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 765px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 20px 40px 40px;
  display: none;
  position: fixed;
  inset: 10px 0%;
}

.modal-cookie__box-1 {
  z-index: 5;
  background-color: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.row-form__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}

.row-form__col-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 30%;
  padding-top: 24px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.modal-editor {
  color: var(--royal-blue);
  font-size: 16px;
  line-height: 1.4;
}

.modal-editor p {
  margin-bottom: 12px;
}

.modal-editor h2 {
  color: var(--royal-blue);
  margin-bottom: 24px;
}

.modal-editor a {
  border-bottom: 1px solid var(--royal-blue);
  color: var(--royal-blue);
  font-weight: 600;
}

.modal-editor a:hover {
  border-bottom-color: #0059aa00;
}

.checkbox-field {
  margin-top: 28px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.row-form__col-1 {
  color: var(--royal-blue);
  background-color: #e7f6ff66;
  width: 70%;
  padding: 24px 24px 15px;
  font-size: 14px;
  line-height: 1.4;
}

.cont-manage {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-editor {
  width: 60%;
}

.modal-editor-manage {
  color: var(--royal-blue);
  margin-bottom: 30px;
  padding-right: 7px;
  font-size: 14px;
  line-height: 1.4;
}

.modal-editor-manage h2 {
  color: var(--royal-blue);
  margin-bottom: 24px;
}

.modal-editor-manage p {
  color: var(--royal-blue);
  margin-bottom: 12px;
}

.modal-editor-manage a {
  border-bottom: 1px solid var(--royal-blue);
  color: var(--royal-blue);
  font-weight: 600;
}

.modal-editor-manage a:hover {
  border-bottom-color: #0059aa00;
}

.container-5 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.container-5.container__cookie {
  justify-content: space-between;
  display: flex;
}

.modal-cookie__bg {
  z-index: 2;
  background-color: #5555558c;
  display: block;
  position: fixed;
  inset: 0%;
}

.row-form {
  border-top: 1px solid #c4dff2;
  display: flex;
}

.btn-cookie {
  border: 1px solid var(--royal-blue);
  color: var(--royal-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 100px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  display: flex;
}

.btn-cookie:hover {
  color: #fff;
  background-color: #0059aa;
}

.btn-cookie.manage-btn, .btn-cookie.save-btn {
  flex: 0 auto;
  width: 100%;
}

.input {
  color: var(--purple);
  background-color: #f9f6f9;
  border: 1px #000;
  border-radius: 1.1vw;
  height: auto;
  margin-bottom: 2.2vw;
  padding: 1.1vw 1.66vw;
  font-size: 1.38vw;
  transition: all .5s;
}

.input::placeholder {
  color: #6e1c5c4d;
}

.div-block-5 {
  text-align: center;
}

.footer-block-logo {
  border-top: 1px solid #ffffff40;
  justify-content: flex-end;
  align-items: center;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.footer__col-tools {
  color: var(--white);
  border-right: 1px solid #ffffff40;
  width: 50%;
}

.footer__col-links-tools {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 50%;
  padding-right: 5vw;
  display: flex;
}

.footer__row-tools {
  display: flex;
}

.label-blue {
  color: var(--royal-blue);
  margin-bottom: 1.1vw;
  font-size: 1.38vw;
  font-weight: 600;
}

.container-info-link {
  color: var(--royal-blue);
  background-color: #e7f6ff;
  border-radius: .83vw;
  padding: 1.66vw 1.66vw 2.08vw;
}

.container-info-link.container-info-link__2 {
  padding-bottom: 1.66vw;
}

.row-links-tg {
  border-bottom: 1px solid #0059aa33;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2.77vw;
  display: flex;
}

.row-links-tg__row-btn {
  grid-column-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.result-link {
  border-bottom: 1px solid var(--royal-blue);
  color: var(--royal-blue);
  white-space: nowrap;
  font-size: 1.38vw;
}

.link-copy {
  border: 1px solid var(--royal-blue);
  color: var(--royal-blue);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 14.3vw;
  height: 2.8vw;
  font-size: 1.1vw;
  font-weight: 600;
  transition: all .5s;
  display: flex;
}

.link-copy:hover {
  opacity: .7;
}

.icon-link {
  width: 1.66vw;
  margin-left: 8px;
}

.box-qr-code {
  flex-direction: column;
  align-items: center;
  padding-top: 2.2vw;
  display: flex;
}

.qr-code {
  background-color: #cecaca30;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}

.qr-code-download {
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 100px;
  padding: .7vw 1.2vw;
  font-size: 1.1vw;
  font-weight: 600;
}

.qr-code-download:hover {
  opacity: .8;
}

.link-copy-html {
  border: 1px solid var(--royal-blue);
  color: var(--royal-blue);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 10.8vw;
  height: 2.8vw;
  font-size: 1.1vw;
  font-weight: 600;
  transition: all .5s;
  display: flex;
}

.link-copy-html:hover {
  opacity: .7;
}

.row-links-tg-share {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.row-links-tg-share__col-link {
  flex: 1;
  align-items: center;
  margin-right: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient {
  background-image: linear-gradient(to right, #0000, #e7f6ff);
  width: 80px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.url-error {
  color: var(--ff5c00);
  min-height: 1px;
  margin-top: -1.8vw;
  margin-bottom: 2.2vw;
  font-size: 1.38vw;
}

.container-generator {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9.9vw;
  padding-bottom: 8vw;
}

.result-text {
  color: var(--royal-blue);
  margin-top: 2vw;
  font-size: 1.38vw;
}

.container-result {
  color: var(--royal-blue);
  background-color: #e7f6ff;
  border-radius: .83vw;
  padding: 2.77vw;
  overflow: hidden;
}

.form-generator {
  justify-content: space-between;
  display: flex;
}

.col-widget {
  width: 32%;
}

.col-widget.col-widget--wi {
  flex: none;
  width: 445px;
  padding-right: 24px;
  position: relative;
}

.col-panel {
  width: 66%;
  padding-top: 2.7vw;
}

.col-panel.col-panel--wi {
  flex: 0 auto;
  width: auto;
}

.box-preview {
  background-color: #f9f6f9;
  border: 1px solid #ebe0e9;
  border-radius: .8vw;
}

.part-prev-1 {
  padding: 2vw 2vw .83vw;
}

.line-preview {
  background-color: #f4edf3;
  height: 1.94vw;
  margin-bottom: .83vw;
}

.line-preview.line-preview__1 {
  width: 3.88vw;
}

.line-preview.line-preview__2 {
  height: 4.15vw;
}

.part-prev-2 {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 16px;
  padding-right: 16px;
  display: flex;
}

.icon-bg {
  background-color: var(--ff5c00);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 8px;
  display: flex;
}

.icon-bg__img {
  width: 100%;
}

.panel {
  border: 1px solid #ebe0e9;
  border-radius: .8vw;
  padding: 3.33vw 2.77vw 5vw;
}

.panel.panel--flex {
  justify-content: space-between;
  padding-bottom: .58vw;
  display: flex;
}

.input-field {
  color: var(--purple);
  background-color: #fff;
  border: 1px solid #ebe0e9;
  border-radius: .55vw;
  width: 100%;
  height: 3.9vw;
  margin-bottom: 2.2vw;
  padding: 0 1.66vw;
  font-size: 1.38vw;
  transition: all .5s;
}

.input-field:focus {
  border-color: var(--purple);
}

.input-field::placeholder {
  color: #6e1c5c4d;
}

.box-input {
  padding-bottom: 1.1vw;
}

.box-input.box-input--50 {
  width: 48.5%;
}

.row-select {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.row-select__col {
  width: 48%;
  padding-bottom: 3.3vw;
}

.dropdown-block {
  background-color: var(--white);
  border: 1px solid #ebe0e9;
  border-radius: .8vw;
  display: block;
}

.dropdown-block__toggle {
  color: var(--purple);
  align-items: center;
  height: 3.9vw;
  padding: 0 4vw 0 1.66vw;
  font-size: 1.38vw;
  display: flex;
}

.items-color {
  align-items: center;
  height: 100%;
  margin-left: -4px;
  display: flex;
}

.items-color__item {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  margin-right: .55vw;
  padding: 4px;
  transition: all .2s;
}

.items-color__item.items-color__item--active {
  border-color: #6e1c5c4d;
}

.color {
  background-color: var(--ff5c00);
  border-radius: 50%;
  padding-bottom: 100%;
}

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

.color.color--green {
  background-color: #1de7c3;
}

.color.color--deep-green {
  background-color: var(--dark-slate-grey);
}

.color.color--blue {
  background-color: var(--pale-turquoise);
}

.drop-list {
  opacity: 1;
  background-color: #0000;
  border-radius: 1.1vw;
  padding-top: .56vw;
  padding-bottom: 1.5vw;
  padding-left: 1.66vw;
  display: block;
}

.container-drop {
  height: 3.9vw;
}

.container-drop.h-auto {
  height: auto;
}

.box-palette {
  padding-right: 4vw;
  display: flex;
}

.input-drop {
  color: var(--purple);
  background-color: #fff;
  border: 1px solid #ebe0e9;
  border-radius: .45vw;
  width: 100%;
  height: 2.77vw;
  margin-bottom: 0;
  padding: 0 1.1vw;
  font-size: 1.38vw;
  transition: all .5s;
}

.input-drop:focus {
  border-color: var(--purple);
}

.input-drop::placeholder {
  color: #6e1c5c4d;
}

.color-current {
  background-color: var(--ff5c00);
  border-radius: .45vw;
  flex: none;
  width: 2.77vw;
  height: 2.77vw;
  margin-right: 8px;
}

.box-left {
  width: 48%;
  padding-top: 8px;
}

.gen-submit {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 6.9vw;
  padding: 1.1vw 2.3vw;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1.2;
}

.gen-submit:hover {
  box-shadow: 0 0 0 1px var(--purple);
}

.modal-warning {
  z-index: 1000;
  opacity: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.scroll-modal {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modal-bg {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #2b2e3140;
  position: fixed;
  inset: 0%;
}

.scroll-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 100vh;
  display: flex;
  overflow: auto;
}

.modal-container {
  z-index: 5;
  background-color: var(--white);
  color: var(--purple);
  text-align: center;
  border-radius: 1.38vw;
  width: 41.66vw;
  padding: 5vw 3.88vw 3.88vw;
  font-size: 1.38vw;
  position: relative;
}

.close-modal {
  cursor: pointer;
  width: 2.1vw;
  transition: all .2s;
  position: absolute;
  inset: 1.1vw 1.1vw auto auto;
}

.close-modal:hover {
  opacity: .8;
}

.title-modal {
  margin-bottom: 2vw;
  font-size: 1.7vw;
  font-weight: 600;
}

.check-txt-modal {
  margin-top: 2vw;
  margin-bottom: 3.3vw;
}

.link-modal {
  border-bottom: 1px solid var(--purple);
  opacity: .3;
}

.link-modal:hover {
  opacity: .6;
  border-bottom-color: #6e1c5c00;
}

.line-modal {
  width: 40px;
  height: 4px;
  display: none;
}

.body-q-code {
  background-color: #f9f6f9;
  border-radius: 12px;
  padding: 88px;
  position: relative;
}

.frame-qr-code {
  background-color: #ececec;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100%;
}

.download-qr-code {
  background-color: var(--purple);
  color: var(--white);
  text-align: center;
  border-radius: 6.9vw;
  padding: 1.1vw 2.3vw;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1.2;
}

.download-qr-code:hover {
  box-shadow: 0 0 0 1px var(--purple);
}

.box-download-btn {
  justify-content: center;
  align-items: center;
  padding-top: 2vw;
  display: flex;
}

.toggle {
  color: var(--purple);
  align-items: center;
  padding: 1.9vw 4vw 1.9vw 2.77vw;
  font-size: 1.38vw;
  font-weight: 600;
  display: flex;
}

.box-dropdown {
  padding-top: 1.1vw;
}

.list-content {
  padding-left: 2.77vw;
  padding-right: 2.77vw;
}

.contrast {
  background-color: #f9f6f9;
  border: 1px solid #ebe0e9;
  border-radius: .4vw;
  margin-bottom: 1.66vw;
  padding: .55vw .83vw;
  font-size: .97vw;
  font-weight: 500;
  display: inline-block;
}

.row-colors {
  flex-flow: wrap;
  display: flex;
}

.row-colors__col {
  width: 40%;
  margin-right: 2vw;
  padding-bottom: 3.3vw;
}

.bg-color-current {
  background-color: #e3f2f7;
  border-radius: .45vw;
  flex: none;
  width: 2.77vw;
  height: 2.77vw;
  margin-right: 8px;
}

.qr-code-color-current {
  background-color: #203b3f;
  border-radius: .45vw;
  flex: none;
  width: 2.77vw;
  height: 2.77vw;
  margin-right: 8px;
}

.cell-color {
  display: flex;
}

.name-cell {
  color: var(--purple);
  margin-bottom: 1.1vw;
  font-size: 1.1vw;
  font-weight: 600;
}

.row-radio {
  padding-bottom: 3.3vw;
  display: flex;
}

.row-radio__col {
  flex: none;
  margin-right: 1.1vw;
}

.radio-button-field {
  background-color: #f9f6f9;
  border-radius: .2vw;
  width: 4.4vw;
  height: 4.4vw;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.radio-bg {
  background-image: url('../images/Body-Shape-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.1vw;
  height: 2.1vw;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 50% 0% auto;
  transform: translate(0, -50%);
}

.radio-bg.radio-bg__2 {
  background-image: url('../images/Body-Shape-2.svg');
}

.radio-bg.radio-bg__3 {
  background-image: url('../images/Body-Shape-3.svg');
}

.radio-bg.radio-bg__4 {
  background-image: url('../images/Body-Shape-4.svg');
}

.radio-bg.radio-bg__5 {
  background-image: url('../images/Body-Shape-5.svg');
}

.radio-bg.radio-bg__6 {
  background-image: url('../images/Eye-Frame-Shape-1.svg');
}

.radio-bg.radio-bg__7 {
  background-image: url('../images/Eye-Frame-Shape-2.svg');
}

.radio-bg.radio-bg__8 {
  background-image: url('../images/Eye-Frame-Shape-3.svg');
}

.radio-bg.radio-bg__9 {
  background-image: url('../images/Eye-Frame-Shape-4.svg');
}

.radio-bg.radio-bg__10 {
  background-image: url('../images/Eye-Ball-Shape-1.svg');
}

.radio-bg.radio-bg__11 {
  background-image: url('../images/Eye-Ball-Shape-2.svg');
}

.radio-bg.radio-bg__12 {
  background-image: url('../images/Eye-Ball-Shape-3.svg');
}

.radio-bg.radio-bg__13 {
  background-image: url('../images/Eye-Ball-Shape-4.svg');
}

.radio-button {
  opacity: 0;
  border-color: #ebe0e9;
  border-radius: .4vw;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  transition: all .5s;
  position: absolute;
  inset: -.37vw;
}

.radio-button.w--redirected-checked {
  opacity: 1;
  border-width: 1px;
  border-color: #ebe0e9;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.columns {
  flex-flow: wrap;
  display: flex;
}

.columns__col {
  width: 21vw;
  margin-right: 2.77vw;
  padding-bottom: 3.3vw;
}

.col-radio-btns {
  padding-right: 1.67vw;
}

.sticky-qr {
  position: sticky;
  top: 20px;
}

.box-inputs-qty {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.input-qty {
  color: var(--purple);
  background-color: #fff;
  border: 1px solid #ebe0e9;
  border-radius: .45vw;
  width: 100%;
  height: 2.77vw;
  margin-bottom: 0;
  padding: 0 3vw 0 1.1vw;
  font-size: 1.38vw;
  transition: all .5s;
}

.input-qty:focus {
  border-color: var(--purple);
}

.input-qty::placeholder {
  color: #6e1c5c4d;
}

.box-m-p {
  display: flex;
}

.qty-el {
  cursor: pointer;
  background-color: #f9f6f9;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  margin-left: .83vw;
  transition: all .2s;
  display: flex;
}

.qty-el:hover {
  background-color: #f0e9f0;
}

.qty-el__icon {
  width: .97vw;
}

.wrapper-input-qty {
  position: relative;
}

.name-parameter {
  color: var(--purple);
  font-size: 1.38vw;
  position: absolute;
  inset: 50% 1.1vw auto auto;
  transform: translate(0, -50%);
}

.frame-file__part-1 {
  position: relative;
}

.frame-file {
  margin-bottom: 3.3vw;
}

.img-dashed {
  width: 100%;
}

.content-file {
  color: var(--purple);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2vw;
  padding-bottom: 3.3vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-file {
  border: 1px solid var(--purple);
  text-align: center;
  border-radius: 100px;
  padding: .55vw 1.1vw;
  font-size: 1.1vw;
  font-weight: 600;
}

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

.frame-file__part-2 {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 2px;
  display: flex;
}

.col-buttons {
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 30px;
  display: flex;
}

.col-preview-image {
  flex: none;
  width: 180px;
  position: relative;
}

.img-dashed-preview {
  width: 100%;
}

.frame-bg-preview {
  background-color: #e3f2f7;
  border-radius: 8px;
  width: 156px;
  height: 156px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 50% 0% auto;
  transform: translate(0, -50%);
}

.form-generator-qr-img {
  justify-content: space-between;
  display: flex;
}

.link-remove {
  border: 1px solid var(--purple);
  text-align: center;
  border-radius: 100px;
  padding: .55vw 1.1vw;
  font-size: 1.1vw;
  font-weight: 600;
}

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

.link-file-another {
  border: 1px solid var(--purple);
  background-color: var(--purple);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  margin-left: 1.1vw;
  padding: .55vw 1.1vw;
  font-size: 1.1vw;
  font-weight: 600;
}

.link-file-another:hover {
  background-color: var(--white);
  color: var(--purple);
}

.menu__col {
  border-left: 1px solid #ebe0e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48.5%;
  margin-bottom: -1vw;
  padding-left: 1.38vw;
  display: flex;
}

.menu-row {
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.menu-line {
  background-color: #ebe0e9;
  width: 100%;
  height: 1px;
  display: none;
}

.row-trustpilot {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.row-trustpilot.row-trustpilot__2 {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 3.88vw;
}

.trustpilot-img {
  width: 8.125vw;
  margin-bottom: 1.38vw;
  margin-left: .4vw;
}

.trustpilot-img.trustpilot-img__2 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 1.38vw;
}

.row-rating {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rating-img {
  width: 15vw;
}

.rating-text {
  color: #251a22;
  margin-left: 1.1vw;
  font-size: 1.25vw;
  font-weight: 600;
}

.link-trustpilot {
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-coming {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.title-label {
  background-color: #ebe0e9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 2.3vw;
  margin-left: .83vw;
  padding-left: .55vw;
  padding-right: .55vw;
  font-size: 1.25vw;
  font-weight: 600;
  display: flex;
}

.container-content {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.container-content.container-content__home {
  justify-content: space-between;
  padding-top: 9.7vw;
  display: flex;
}

.container-content.container-content__posts {
  padding-top: 13vw;
  padding-bottom: 6.9vw;
}

.container-content.container-content__post {
  padding-top: 9.7vw;
}

.card-post {
  border: 1px solid var(--royal-blue);
  border-radius: 2.2vw;
  flex-flow: column;
  justify-content: space-between;
  padding: 2.77vw;
  transition: all .5s;
  display: flex;
}

.card-post:hover {
  box-shadow: 4px 4px #0059aa;
}

.card-post.height-100 {
  height: 100%;
}

.col-desc {
  width: 47%;
  padding-top: 2.77vw;
}

.col-desc.col-desc__2 {
  flex-flow: column;
  justify-content: space-between;
  padding-bottom: 1.66vw;
  display: flex;
}

.col-post-main {
  width: 50%;
}

.link-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  border-radius: 1.66vw;
  margin-bottom: 1.66vw;
  padding-bottom: 64%;
}

.card-post-content {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.list-cat-post {
  flex-flow: wrap;
  margin-bottom: .83vw;
  display: flex;
}

.cat-post {
  color: var(--royal-blue);
  background-color: #e7f6ff;
  border-radius: 100px;
  margin-bottom: .83vw;
  margin-right: .83vw;
  padding: .5vw .7vw;
  font-size: 1.1vw;
  font-weight: 600;
}

.title-post-link {
  color: var(--royal-blue);
  margin-bottom: 1.1vw;
  font-size: 1.66vw;
  font-weight: 600;
  display: inline-block;
}

.title-post-link:hover {
  opacity: .8;
}

.row-au {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2.77vw;
  display: flex;
}

.link-post {
  color: var(--royal-blue);
  margin-bottom: 7px;
  font-size: 1.1vw;
  font-weight: 600;
}

.link-post:hover {
  opacity: .8;
}

.col-au {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image {
  object-fit: cover;
  border-radius: 50%;
  width: 3.9vw;
  height: 3.9vw;
  margin-right: 1.1vw;
}

.name-au {
  color: #242f3e;
  font-size: 1.1vw;
  font-weight: 600;
}

.date {
  color: #242f3e;
  margin-top: 3px;
  font-size: 1.1vw;
}

.row-time {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.subtitle {
  color: var(--royal-blue);
  font-size: 1.66vw;
  font-weight: 700;
}

.title {
  color: var(--royal-blue);
  text-transform: uppercase;
  margin-top: 1.66vw;
  margin-bottom: 2.2vw;
  font-size: 7.9vw;
  font-weight: 700;
}

.title.title-post-page {
  margin-top: 0;
  font-size: 5vw;
}

.desc-blog {
  color: #242f3e;
  max-width: 33.3vw;
  font-size: 1.66vw;
  line-height: 1.3;
}

.dropdown-toggle-cat {
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 600;
  display: none;
}

.dropdown-cat {
  margin-bottom: 4.7vw;
  display: block;
}

.dropdown-list-cat {
  background-color: #ddd0;
  display: block;
  position: relative;
}

.items-cat {
  flex-flow: wrap;
  display: flex;
}

.box-menu {
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  width: 10px;
  height: 8px;
  margin-right: 8px;
  display: flex;
  position: relative;
}

.line-1, .line-2 {
  background-color: var(--white);
  border-radius: 100px;
  width: 10px;
  height: 2px;
}

.dropdown-link-cat {
  border: 2px solid var(--royal-blue);
  color: var(--royal-blue);
  border-radius: 100px;
  margin-bottom: .83vw;
  margin-left: 0;
  margin-right: .83vw;
  padding: .79vw 1.66vw .83vw;
  font-size: 1.38vw;
  font-weight: 600;
}

.dropdown-link-cat:hover, .dropdown-link-cat.w--current {
  background-color: var(--royal-blue);
  color: var(--white);
}

.collection-list {
  flex-flow: wrap;
  margin-right: -1.66vw;
  display: flex;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  padding-bottom: 1.66vw;
  padding-right: 1.66vw;
  display: grid;
}

.desc-excerpt {
  color: var(--text);
  max-width: 33.3vw;
  font-size: 1.25vw;
}

.link-block {
  line-height: 1.4;
  display: inline-flex;
}

.image-2 {
  width: 2.2vw;
  margin-right: .83vw;
}

.row-post-page {
  justify-content: space-between;
  display: flex;
}

.desc-ex-post {
  color: #242f3e;
  flex: 1;
  max-width: 36vw;
  margin-bottom: 20px;
  font-size: 1.38vw;
  line-height: 1.3;
}

.fs-toc_richtext {
  color: #242f3e;
  font-size: 1.25vw;
  line-height: 1.5;
}

.fs-toc_richtext h1 {
  color: var(--text);
  margin-top: 2.2vw;
  margin-bottom: 2vw;
  font-family: Inter, sans-serif;
  font-size: 2.77vw;
  font-weight: 700;
  line-height: 1;
}

.fs-toc_richtext h2 {
  color: var(--text);
  letter-spacing: -.02em;
  margin-top: 1.38vw;
  margin-bottom: 1.66vw;
  font-family: Inter, sans-serif;
  font-size: 1.94vw;
  font-weight: 700;
  line-height: 1;
}

.fs-toc_richtext p {
  margin-bottom: 1.66vw;
}

.fs-toc_richtext h3 {
  margin-top: 1.38vw;
  margin-bottom: 1.66vw;
  font-family: Inter, sans-serif;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 1;
}

.fs-toc_richtext h4 {
  margin-top: 2.77vw;
  margin-bottom: 1.66vw;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1;
}

.fs-toc_richtext h5 {
  font-size: 1.38vw;
  line-height: 1.1;
}

.fs-toc_richtext h6 {
  font-size: 1.25vw;
  line-height: 1.1;
}

.fs-toc_richtext a {
  border-bottom: 1px solid var(--text);
  color: var(--text);
}

.fs-toc_richtext a:hover {
  border-bottom-color: #242f3e00;
}

.fs-toc_richtext strong {
  font-weight: 600;
}

.fs-toc_richtext ul {
  list-style: disc;
  margin-bottom: 1.5vw;
  padding-left: 2vw;
}

.fs-toc_richtext li {
  display: list-item;
  margin-bottom: .8vw;
}

.fs-toc_richtext ol {
  list-style: decimal;
  margin-bottom: 1.5vw;
  padding-left: 2vw;
}

.fs-toc_richtext ul ul {
  list-style: circle;
}

.fs-toc_richtext blockquote {
  margin-bottom: 24px;
  font-size: 1.25vw;
  line-height: 1.5;
}

.fs-toc_richtext figcaption {
  color: #0e7ce0;
  text-align: left;
  margin-bottom: 20px;
  font-weight: 600;
}

.fs-toc_link {
  opacity: .25;
  color: var(--royal-blue);
  border-radius: 100px;
  padding: .78vw 1.1vw;
  font-size: 1.1vw;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.fs-toc_link.w--current {
  opacity: 1;
  background-color: #e7f6ff;
}

.fs-toc_link.is-h6 {
  opacity: 1;
  padding: 7px 0;
  font-weight: 400;
}

.fs-toc_link.is-h6.w--current {
  background-color: #e7f6ff00;
}

.fs-toc_link.is-h3 {
  opacity: 1;
  padding: 7px 0;
  font-weight: 400;
}

.fs-toc_link.is-h3.w--current {
  background-color: #e7f6ff00;
}

.fs-toc_link.is-h5 {
  opacity: 1;
  padding: 7px 0;
  font-weight: 400;
}

.fs-toc_link.is-h5.w--current {
  background-color: #e7f6ff00;
}

.fs-toc_link.is-h4 {
  opacity: 1;
  padding: 7px 0;
  font-weight: 400;
}

.fs-toc_link.is-h4.w--current {
  background-color: #e7f6ff00;
}

.fs-toc_link-content {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.heading-small {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.fs-toc_label {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ad00b0;
  padding: .15rem .35rem .125rem .4rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-block;
}

.fs-toc_rich-text {
  width: 72%;
}

.fs-toc_example {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.fs-toc_sidebar {
  color: #1a1a1a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 24%;
  display: flex;
  position: sticky;
  top: 2.5vw;
}

.fs-toc_h-trigger {
  display: none;
}

.fs-toc_link-wrapper {
  color: #f5f5f5;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.fs-toc_link-wrapper.is-h4, .fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h6 {
  padding-left: 1.1vw;
}

.fs-toc_link-wrapper.is-h3 {
  padding-left: 1.5vw;
}

.fs-toc_link-wrapper.is-h2 > .fs-toc_link {
  opacity: .25;
  text-decoration: none !important;
}

.fs-toc_link-wrapper.is-h2.main-current-active > .fs-toc_link {
  opacity: 1;
  background-color: #e7f6ff;
}

.fs-toc_link-wrapper.is-h3 > .fs-toc_link,
.fs-toc_link-wrapper.is-h4 > .fs-toc_link,
.fs-toc_link-wrapper.is-h5 > .fs-toc_link,
.fs-toc_link-wrapper.is-h6 > .fs-toc_link {
  display: none;
}

.fs-toc_link-wrapper.is-h2.main-current-active .fs-toc_link-wrapper.is-h3 > .fs-toc_link,
.fs-toc_link-wrapper.is-h2.main-current-active .fs-toc_link-wrapper.is-h4 > .fs-toc_link,
.fs-toc_link-wrapper.is-h2.main-current-active .fs-toc_link-wrapper.is-h5 > .fs-toc_link,
.fs-toc_link-wrapper.is-h2.main-current-active .fs-toc_link-wrapper.is-h6 > .fs-toc_link {
  display: block;
}

.fs-toc_link.current-active-item {
  text-decoration: underline !important;
}

.title-posts {
  color: var(--royal-blue);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 4.16vw;
  font-weight: 700;
  line-height: 1;
}

.form-block-sub {
  background-color: var(--royal-blue);
  color: var(--white);
  border-radius: 1.66vw;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 70%;
  min-height: 18vw;
  margin-bottom: 12.5vw;
  margin-left: auto;
  margin-right: auto;
  padding: 3.3vw 2vw 4.2vw;
  display: flex;
}

.text-field {
  border: 1px solid var(--white);
  background-color: #fff0;
  border-radius: .83vw;
  height: 3.75vw;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1.66vw;
  font-size: 1.1vw;
  transition: all .5s;
}

.text-field:focus {
  border-color: var(--pale-turquoise);
}

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

.row-form-sub {
  max-width: 34vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.submit-button {
  background-color: var(--white);
  color: var(--royal-blue);
  border-radius: 100px;
  height: 3.75vw;
  margin-left: 8px;
  padding: 0 2.2vw;
  font-size: 1.38vw;
  font-weight: 600;
}

.title-form {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2.77vw;
  font-family: Founders Grotesk X Condensed, sans-serif;
  font-size: 4.16vw;
  font-weight: 700;
  line-height: 1;
}

.success-message {
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.66vw;
}

.div-block-6 {
  display: none;
}

.nav-menu-btn {
  background-color: #f9f6f9;
  border-radius: 50%;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 0;
  position: relative;
}

.nav-menu-btn.w--open {
  background-color: #fff;
}

.line-btn-1 {
  background-color: var(--purple);
  border-radius: 3px;
  width: 11px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 10px 0% auto;
}

.line-btn-2 {
  background-color: var(--purple);
  border-radius: 3px;
  width: 11px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 10px;
}

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

.button-get-header {
  background-color: var(--purple);
  color: var(--white);
  border-radius: 6.9vw;
  margin-left: 3.88vw;
  padding: .83vw 1.66vw;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1;
}

.button-get-header:hover {
  box-shadow: 0 0 0 1px var(--purple);
}

.menu-nav-link {
  border-bottom: 2px solid var(--white);
  color: var(--purple);
  margin-left: 2.77vw;
  padding: 0;
  font-size: 1.38vw;
  font-weight: 600;
  line-height: 1.1;
}

.menu-nav-link:hover {
  border-bottom-color: var(--purple);
}

.menu-nav-link.w--current {
  border-bottom-color: var(--purple);
  color: var(--purple);
}

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

.fs-toc_richtext-2 {
  background-color: #111;
  padding: 3rem;
}

.fs-toc_link-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .25rem;
  margin-bottom: .75rem;
  text-decoration: none;
  display: flex;
}

.fs-toc_link-2.w--current {
  color: #bcfd2e;
}

.fs-toc_link-2.is-h6 {
  color: #ccc;
  font-size: .875rem;
}

.fs-toc_link-2.is-h6.w--current {
  color: #eaffbb;
}

.fs-toc_link-2.is-h3 {
  color: #ccc;
  letter-spacing: .025rem;
  font-size: .875rem;
}

.fs-toc_link-2.is-h3.w--current {
  color: #eaffbb;
}

.fs-toc_link-2.is-h5 {
  color: #ccc;
  font-size: .875rem;
}

.fs-toc_link-2.is-h5.w--current {
  color: #eaffbb;
}

.fs-toc_link-2.is-h4 {
  color: #ccc;
  font-size: .875rem;
}

.fs-toc_link-2.is-h4.w--current {
  color: #eaffbb;
}

.fs-toc_link-content-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-toc_example-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fs-toc_sidebar-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #1a1a1a;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 30%;
  padding: 1rem 3rem 2rem 0;
  display: flex;
  position: sticky;
  top: 6rem;
}

.fs-toc_link-wrapper-2 {
  color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  overflow: hidden;
}

.fs-toc_link-wrapper-2.is-h4 {
  border-left: 1px solid #252525;
  padding-left: .75rem;
}

.fs-toc_link-wrapper-2.is-h2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #252525;
}

.fs-toc_link-wrapper-2.is-h5, .fs-toc_link-wrapper-2.is-h6, .fs-toc_link-wrapper-2.is-h3 {
  border-left: 1px solid #252525;
  padding-left: .75rem;
}

.div-block-7 {
  grid-column-gap: 1.66vw;
  grid-row-gap: 1.66vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: auto;
  display: grid;
}

.div-block-8 {
  align-self: stretch;
  width: 50%;
}

.div-block-9 {
  width: 50%;
}

.div-block-10 {
  width: 50%;
  height: auto;
}

.div-block-10.width-100 {
  width: 100%;
}

.text-block-3, .text-block-4, .text-block-5, .text-block-6, .text-block-7 {
  font-size: 16px;
}

.div-block-11 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

html.w-mod-js [data-ix="in-list"] {
  opacity: 0;
  height: 0;
}

html.w-mod-js [data-ix="body"] {
  opacity: 0;
}

html.w-mod-js [data-ix="in-dl"] {
  opacity: 0;
  height: 0;
}

@media screen and (min-width: 1280px) {
  .card-post {
    height: 720px;
  }
}

@media screen and (min-width: 1440px) {
  .main {
    max-width: 1360px;
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .main__col-1 {
    padding-right: 40px;
  }

  .logo {
    width: 143px;
  }

  .row-main__text-1 {
    margin-right: 30px;
    font-size: 200px;
  }

  .row-main__text-2 {
    margin-top: 10px;
    font-size: 25px;
  }

  .main__title {
    margin-bottom: 23px;
    font-size: 130px;
  }

  .main__p {
    margin-bottom: 60px;
    font-size: 24px;
  }

  .main__box-btn {
    padding-top: 55px;
  }

  .button-get {
    border-radius: 100px;
    padding: 21px 48px 23px;
    font-size: 30px;
  }

  .works {
    max-width: 1360px;
    padding-top: 150px;
    padding-bottom: 65px;
  }

  .title-section {
    margin-bottom: 56px;
    font-size: 60px;
  }

  .title-section.title-section--blue {
    width: 40%;
  }

  .title-section.title-section--blue.title-section--marg {
    margin-bottom: 48px;
  }

  .slider {
    margin-right: -40px;
    font-size: 25px;
  }

  .slider__col {
    padding-right: 40px;
  }

  .slider-block {
    border-radius: 26px;
    padding-left: 27px;
    padding-right: 27px;
  }

  .slider-block.slider-block--color-blue {
    min-height: 782px;
    padding-top: 30px;
  }

  .slider-block.slider-block--color-green {
    min-height: 782px;
    padding-top: 30px;
    padding-bottom: 32px;
  }

  .slider-block.slider-block--color-purple {
    min-height: 782px;
    padding: 30px 39px 50px 55px;
  }

  .slider__img-1 {
    max-width: 373px;
    margin-top: 111px;
  }

  .slider__h3 {
    margin-bottom: 35px;
    font-size: 72px;
  }

  .slider__img-2 {
    max-width: 288px;
    margin-top: 46px;
  }

  .slider__img-3 {
    max-width: 253px;
    margin-bottom: 50px;
  }

  .video {
    border-top-left-radius: 65px;
    border-top-right-radius: 65px;
    padding-top: 70px;
    padding-bottom: 200px;
  }

  .video__box {
    width: 94%;
    max-width: 922px;
  }

  .lbox-video {
    border-radius: 29px;
    height: 518px;
    font-size: 122px;
  }

  .lbox-video__icon {
    width: 110px;
  }

  .screen {
    border-radius: 65px;
    min-height: 1064px;
    margin-top: -70px;
    padding-top: 110px;
    padding-bottom: 83px;
  }

  .screen__box {
    width: 94%;
    max-width: 1230px;
  }

  .features {
    width: 94%;
    max-width: 1300px;
    padding-top: 95px;
  }

  .row {
    padding-bottom: 15px;
  }

  .row__col {
    padding-bottom: 70px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 24px;
  }

  .row__col.row__col-2, .row__col.row__col-3 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .row__icon {
    height: 237px;
    margin-bottom: 50px;
  }

  .row__title {
    margin-bottom: 16px;
    font-size: 35px;
  }

  .box-center.box-center--left {
    padding-top: 40px;
  }

  .ssp {
    width: 94%;
    max-width: 1300px;
    padding-top: 135px;
  }

  .title-section__icon {
    width: 52px;
    height: 39px;
    margin-left: 8px;
    transform: translate(0, 7px);
  }

  .row__title-icon {
    font-size: 35px;
  }

  .span-icon {
    width: 36px;
  }

  .span-icon.span-icon--bg-3 {
    width: 45px;
  }

  .box-title {
    width: 94%;
    max-width: 1300px;
    padding-top: 80px;
  }

  .grid__container {
    margin-bottom: 160px;
    padding-bottom: 40px;
  }

  .slider-var__col {
    padding-right: 26px;
  }

  .cell {
    border-radius: 40px;
    width: 390px;
    height: 390px;
    padding-top: 35px;
    padding-bottom: 25px;
    padding-left: 35px;
  }

  .icon {
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
  }

  .cell-title {
    margin-bottom: 30px;
    font-size: 50px;
  }

  .cell-p {
    flex: 1;
    padding-right: 30px;
    font-size: 20px;
  }

  .questions {
    border-radius: 65px;
    padding-top: 105px;
    padding-bottom: 130px;
  }

  .questions__container {
    width: 94%;
    max-width: 1150px;
  }

  .dropdown {
    border-radius: 24px;
    margin-bottom: 20px;
  }

  .dropdown-toggle {
    padding: 38px 70px 38px 38px;
    font-size: 28px;
  }

  .d-icon {
    margin-right: 38px;
    font-size: 30px;
  }

  .rich-text-block {
    padding-bottom: 30px;
    padding-left: 38px;
    padding-right: 38px;
  }

  .rich-text-block p {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .create-container {
    width: 94%;
    max-width: 1064px;
    padding-top: 60px;
    padding-bottom: 150px;
  }

  .create-container__row {
    min-height: 764px;
    margin-bottom: 90px;
  }

  .txt-1 {
    margin-bottom: 50px;
    font-size: 130px;
  }

  .txt-2 {
    font-size: 25px;
  }

  .footer {
    padding-top: 65px;
  }

  .footer__container {
    max-width: 1360px;
    padding-bottom: 56px;
  }

  .footer__logo {
    max-width: 151px;
  }

  .footer__row {
    padding-left: 80px;
  }

  .footer__col {
    padding-right: 80px;
  }

  .footer__title {
    margin-bottom: 32px;
    font-size: 40px;
  }

  .footer__link {
    margin-bottom: 12px;
    font-size: 20px;
  }

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

  .screen__col-slider-2 {
    padding-bottom: 20px;
  }

  .screen__image {
    max-width: 630px;
    top: 25px;
    left: 29px;
  }

  .srceen__box-items {
    padding-bottom: 30px;
    top: 22px;
  }

  .wp-title {
    margin-bottom: 24px;
    font-size: 35px;
  }

  .wp-desc {
    margin-bottom: 18px;
    font-size: 25px;
  }

  .wp-desc.wp-desc__2 {
    padding-bottom: 10px;
  }

  .slider-web__col {
    left: 10px;
  }

  .slider-web__content {
    height: 642px;
  }

  .slider-web__img {
    max-width: 72px;
    top: 340px;
    left: 13.3px;
  }

  .slider-web__img.slider-web__img-2 {
    max-width: 77px;
    top: 3px;
    left: 12px;
  }

  .slider-web__img.slider-web__img-3 {
    max-width: 75px;
    bottom: 0;
    left: 181px;
  }

  .slider-web__img.slider-web__img-4 {
    max-width: 65px;
    top: 14px;
    right: 103px;
  }

  .slider-web__img.slider-web__img-5 {
    top: 6px;
    right: 142px;
  }

  .slider-web__img.slider-web__img-6 {
    max-width: 79px;
    left: 191px;
  }

  .comment {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 20px;
    top: 267px;
  }

  .comment.comment__2 {
    top: 98px;
  }

  .comment.comment__3 {
    bottom: 33px;
    right: 83px;
  }

  .comment.comment__4 {
    top: 106px;
    right: 84px;
  }

  .comment.comment__5 {
    top: 106px;
    right: 66px;
  }

  .comment.comment__6 {
    top: 114px;
    left: 185px;
  }

  .arrow-slider {
    width: 48px;
    height: 48px;
    margin-right: 24px;
  }

  .arrow-slider.arrow-slider__next {
    padding-left: 3px;
  }

  .arrow-slider.arrow-slider__prev {
    padding-right: 3px;
  }

  .arrow-slider__icon {
    width: 16px;
  }

  .lottie-animation {
    max-width: 180px;
    margin-left: 80px;
    margin-right: 80px;
  }

  .container-body {
    width: 90%;
    max-width: 930px;
    font-size: 60px;
  }

  .text-span {
    font-size: 130px;
  }

  .text-block {
    width: 278px;
  }

  .text-block-2 {
    width: 382px;
  }

  .heading {
    margin-bottom: 24px;
    font-size: 60px;
  }

  .form-block {
    margin-bottom: 88px;
  }

  .comtainer {
    margin-left: auto;
    margin-right: auto;
  }

  .generated-item-component {
    border-radius: 24px;
    margin-bottom: 24px;
    padding: 24px;
    font-size: 25px;
  }

  .item {
    margin-top: 13px;
  }

  .copy-item {
    width: 115px;
    height: 56px;
    font-size: 20px;
  }

  .button-submit {
    border-radius: 100px;
    padding: 21px 48px 23px;
    font-size: 20px;
    transition: all .5s;
  }

  .paragraph {
    margin-bottom: 80px;
    font-size: 25px;
  }

  .paragraph.paragraph--size-2 {
    max-width: 711px;
  }

  .paragraph.paragraph--size-3 {
    max-width: 585px;
  }

  .navbar {
    padding-top: 25px;
  }

  .navbar__container {
    max-width: 1360px;
  }

  .menu-button {
    padding: 12px 24px;
    font-size: 20px;
  }

  .menu {
    border-radius: 20px;
    width: 780px;
    padding: 32px 40px 48px;
  }

  .nav-link {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .how-work {
    width: 94%;
    max-width: 1250px;
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .get-container {
    border-radius: 40px;
    max-width: 1312px;
    padding-bottom: 63px;
  }

  .get-container__row {
    width: 891px;
  }

  .get-container__col-1 {
    padding-top: 57px;
  }

  .title-get {
    margin-bottom: 24px;
    font-size: 60px;
  }

  .get-btn {
    border-radius: 100px;
    padding: 20px 48px;
    font-size: 20px;
  }

  .more-container {
    width: 938px;
    padding-top: 104px;
    padding-bottom: 120px;
  }

  .title-60px {
    margin-bottom: 48px;
    font-size: 60px;
  }

  .more-btn {
    padding: 20px 48px;
    font-size: 20px;
  }

  .container-form {
    width: 94%;
    max-width: 866px;
    padding-top: 143px;
  }

  .container-form.container-form__2 {
    padding-bottom: 120px;
  }

  .field-label {
    margin-bottom: 16px;
    font-size: 20px;
  }

  .dropdown-toggle-2 {
    padding: 16px 60px 16px 24px;
    font-size: 20px;
  }

  .dropdown-list-2 {
    border-radius: 16px;
    padding: 8px;
  }

  .icon-2 {
    margin-right: 24px;
  }

  .dropdown-link {
    border-radius: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 16px;
    font-size: 20px;
  }

  .box-drop {
    height: 58px;
    margin-bottom: 40px;
  }

  .textarea {
    border-radius: 16px;
    min-height: 135px;
    margin-bottom: 32px;
    padding-top: 16px;
    padding-left: 24px;
    font-size: 20px;
  }

  .modal-cookie__box-1 {
    display: block;
  }

  .container-5 {
    max-width: 1360px;
  }

  .modal-cookie__bg {
    display: block;
  }

  .input {
    border-radius: 8px;
    margin-bottom: 40px;
    padding: 16px 24px;
    font-size: 20px;
  }

  .footer-block-logo {
    max-width: 1360px;
  }

  .footer__col-links-tools {
    padding-right: 73px;
  }

  .label-blue {
    margin-bottom: 16px;
    font-size: 20px;
  }

  .container-info-link {
    border-radius: 12px;
    padding: 24px 24px 30px;
  }

  .row-links-tg {
    padding-bottom: 40px;
  }

  .result-link {
    font-size: 20px;
  }

  .link-copy {
    width: 204px;
    height: 40px;
    font-size: 16px;
  }

  .icon-link {
    width: 24px;
  }

  .box-qr-code {
    padding-top: 32px;
  }

  .qr-code-download {
    padding: 10px 16px;
    font-size: 16px;
  }

  .link-copy-html {
    width: 155px;
    height: 40px;
    font-size: 16px;
  }

  .url-error {
    margin-top: -30px;
    margin-bottom: 40px;
    font-size: 20px;
  }

  .container-generator {
    width: 94%;
    max-width: 1312px;
    padding-top: 143px;
    padding-bottom: 144px;
  }

  .result-text {
    font-size: 20px;
  }

  .container-result {
    border-radius: 12px;
    padding: 24px 24px 30px;
  }

  .col-panel {
    padding-top: 40px;
  }

  .box-preview {
    border-radius: 12px;
  }

  .part-prev-1 {
    padding: 32px 32px 12px;
  }

  .line-preview {
    height: 28px;
    margin-bottom: 12px;
  }

  .line-preview.line-preview__2 {
    height: 60px;
  }

  .panel {
    border-radius: 12px;
    padding: 48px 40px 72px;
  }

  .panel.panel--flex {
    padding-bottom: 8px;
  }

  .input-field {
    border-radius: 8px;
    height: 56px;
    margin-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 20px;
  }

  .box-input {
    padding-bottom: 16px;
  }

  .row-select__col {
    padding-bottom: 48px;
  }

  .dropdown-block {
    border-radius: 12px;
  }

  .dropdown-block__toggle {
    height: 56px;
    padding-left: 24px;
    padding-right: 60px;
    font-size: 20px;
  }

  .items-color__item {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }

  .drop-list {
    border-radius: 16px;
    padding-top: 8px;
    padding-bottom: 24px;
    padding-left: 24px;
  }

  .container-drop {
    height: 56px;
  }

  .box-palette {
    padding-right: 60px;
  }

  .input-drop {
    border-radius: 8px;
    height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px;
  }

  .color-current {
    width: 40px;
    height: 40px;
  }

  .gen-submit {
    border-radius: 100px;
    padding: 16px 33px;
    font-size: 20px;
    transition: all .5s;
  }

  .modal-container {
    border-radius: 20px;
    width: 600px;
    padding: 72px 55px 55px;
    font-size: 20px;
  }

  .close-modal {
    width: 32px;
    top: 16px;
    right: 16px;
  }

  .title-modal {
    margin-bottom: 32px;
    font-size: 25px;
  }

  .check-txt-modal {
    margin-top: 32px;
    margin-bottom: 48px;
  }

  .download-qr-code {
    border-radius: 100px;
    padding: 16px 33px;
    font-size: 20px;
    transition: all .5s;
  }

  .box-download-btn {
    padding-top: 32px;
  }

  .toggle {
    padding: 28px 60px 28px 40px;
    font-size: 20px;
  }

  .box-dropdown {
    padding-top: 16px;
  }

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

  .contrast {
    border-radius: 6px;
    margin-bottom: 24px;
    padding: 8px 12px;
    font-size: 14px;
  }

  .row-colors__col {
    width: 288px;
    margin-right: 32px;
    padding-bottom: 48px;
  }

  .bg-color-current, .qr-code-color-current {
    width: 40px;
    height: 40px;
  }

  .name-cell {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .row-radio {
    padding-bottom: 48px;
  }

  .row-radio__col {
    margin-right: 16px;
  }

  .radio-button-field {
    border-radius: 3px;
    width: 64px;
    height: 64px;
  }

  .radio-bg {
    width: 32px;
    height: 32px;
  }

  .radio-button {
    border-radius: 6px;
    inset: -5px;
  }

  .columns__col {
    width: 306px;
    margin-right: 40px;
    padding-bottom: 48px;
  }

  .col-radio-btns {
    padding-right: 24px;
  }

  .input-qty {
    border-radius: 8px;
    height: 40px;
    padding-left: 16px;
    padding-right: 45px;
    font-size: 20px;
  }

  .qty-el {
    width: 32px;
    height: 32px;
    margin-left: 12px;
  }

  .qty-el__icon {
    width: 14px;
  }

  .name-parameter {
    font-size: 20px;
    right: 16px;
  }

  .frame-file {
    margin-bottom: 48px;
  }

  .content-file {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .link-file, .link-remove {
    padding: 8px 16px;
    font-size: 16px;
  }

  .link-file-another {
    margin-left: 16px;
    padding: 8px 16px;
    font-size: 16px;
  }

  .menu__col {
    margin-bottom: -12px;
    padding-left: 20px;
  }

  .row-trustpilot.row-trustpilot__2 {
    padding-bottom: 56px;
  }

  .trustpilot-img {
    width: 117px;
    margin-bottom: 20px;
    margin-left: 6px;
  }

  .trustpilot-img.trustpilot-img__2 {
    margin-right: 20px;
  }

  .rating-img {
    width: 216px;
  }

  .rating-text {
    margin-left: 16px;
    font-size: 18px;
  }

  .title-label {
    height: 33px;
    margin-left: 12px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 18px;
  }

  .container-content {
    max-width: 1360px;
  }

  .container-content.container-content__home {
    padding-top: 140px;
  }

  .container-content.container-content__posts {
    padding-top: 190px;
    padding-bottom: 100px;
  }

  .container-content.container-content__post {
    padding-top: 140px;
  }

  .card-post {
    border-radius: 32px;
    height: 815px;
    padding: 40px;
  }

  .col-desc {
    padding-top: 40px;
  }

  .col-desc.col-desc__2 {
    padding-bottom: 24px;
  }

  .link-bg {
    border-radius: 24px;
    margin-bottom: 24px;
  }

  .list-cat-post {
    margin-bottom: 12px;
  }

  .cat-post {
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 7px 10px;
    font-size: 16px;
  }

  .title-post-link {
    height: auto;
    margin-bottom: 16px;
    font-size: 24px;
  }

  .row-au {
    padding-top: 40px;
  }

  .link-post {
    font-size: 16px;
  }

  .image {
    width: 56px;
    height: 56px;
    margin-right: 16px;
  }

  .name-au, .date {
    font-size: 16px;
  }

  .subtitle {
    font-size: 24px;
  }

  .title {
    margin-top: 24px;
    margin-bottom: 32px;
    font-size: 114px;
  }

  .title.title-post-page {
    font-size: 72px;
  }

  .desc-blog {
    max-width: 480px;
    font-size: 24px;
  }

  .dropdown-cat {
    margin-bottom: 68px;
  }

  .dropdown-link-cat {
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 11px 24px 12px;
    font-size: 20px;
  }

  .collection-list {
    margin-right: -24px;
  }

  .collection-item {
    padding-bottom: 24px;
    padding-right: 24px;
  }

  .desc-excerpt {
    max-width: 480px;
    font-size: 18px;
  }

  .image-2 {
    width: 32px;
    margin-right: 12px;
  }

  .desc-ex-post {
    max-width: 530px;
    font-size: 20px;
  }

  .fs-toc_richtext {
    font-size: 18px;
  }

  .fs-toc_richtext h1 {
    margin-top: 32px;
    margin-bottom: 30px;
  }

  .fs-toc_richtext h2 {
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 28px;
  }

  .fs-toc_richtext p {
    margin-bottom: 24px;
  }

  .fs-toc_richtext h3 {
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 26px;
  }

  .fs-toc_richtext h4 {
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: 22px;
  }

  .fs-toc_richtext h5 {
    font-size: 20px;
  }

  .fs-toc_richtext h6 {
    font-size: 18px;
  }

  .fs-toc_richtext ul {
    list-style: disc;
    margin-bottom: 24px;
    padding-left: 30px;
  }

  .fs-toc_richtext li {
    display: list-item;
    margin-bottom: 10px;
  }

  .fs-toc_richtext ol {
    list-style: decimal;
    margin-bottom: 24px;
    padding-left: 30px;
  }

  .fs-toc_richtext ul ul {
    list-style: circle;
  }

  .fs-toc_richtext blockquote {
    font-size: 18px;
  }

  .fs-toc_link {
    padding: 10px 16px;
    font-size: 16px;
  }

  .fs-toc_example {
    width: 100%;
    max-width: 1080px;
  }

  .fs-toc_sidebar {
    top: 35px;
  }

  .fs-toc_link-wrapper.is-h4, .fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h6 {
    padding-left: 16px;
  }

  .fs-toc_link-wrapper.is-h3 {
    padding-left: 22px;
  }

  .title-posts {
    margin-bottom: 80px;
    font-size: 60px;
  }

  .form-block-sub {
    border-radius: 24px;
    min-height: 260px;
    margin-bottom: 180px;
    padding: 48px 30px 64px;
  }

  .text-field {
    border-radius: 12px;
    height: 54px;
    padding-left: 24px;
    font-size: 16px;
  }

  .row-form-sub {
    max-width: 490px;
  }

  .submit-button {
    height: 54px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 20px;
  }

  .title-form {
    margin-bottom: 40px;
    font-size: 60px;
  }

  .success-message {
    font-size: 24px;
  }

  .button-get-header {
    border-radius: 100px;
    margin-left: 56px;
    padding: 12px 20px;
    font-size: 20px;
  }

  .menu-nav-link {
    margin-left: 40px;
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .heading {
    margin-bottom: 20px;
  }

  .copy-item:hover {
    color: var(--royal-blue);
    background-color: #0000;
  }

  .navbar {
    padding-top: 2.5vw;
  }

  .menu-button {
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: 1.8vw;
  }

  .menu {
    width: 71vw;
  }

  .nav-link {
    font-size: 1.8vw;
  }

  .get-container {
    border-radius: 2vw;
  }

  .get-container__col-2 {
    margin-top: -7px;
  }

  .more-btn {
    border-width: 1px;
  }

  .dropdown-list-2 {
    max-height: 225px;
  }

  .col-btns {
    width: 100%;
    padding-top: 40px;
  }

  .modal-cookie__box-2 {
    max-width: 100%;
  }

  .modal-cookie__box-1 {
    border-radius: 0;
    inset: 0%;
    overflow: auto;
  }

  .cont-manage {
    max-width: 765px;
  }

  .col-editor {
    width: 100%;
  }

  .container-5.container__cookie {
    flex-wrap: wrap;
  }

  .input {
    padding-right: 1.66vw;
  }

  .footer-block-logo {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .qr-code-download {
    padding-left: 1.4vw;
    padding-right: 1.4vw;
  }

  .col-widget.col-widget--wi {
    width: 421px;
    padding-top: 30px;
    padding-right: 0;
  }

  .col-panel.col-panel--wi {
    padding-top: 0;
  }

  .input-field {
    padding-right: 1.66vw;
  }

  .items-color__item {
    width: 2.5vw;
    height: 2.5vw;
    padding: 3px;
  }

  .drop-list {
    max-height: 225px;
  }

  .input-drop {
    padding-right: 1.66vw;
  }

  .sticky-qr {
    position: static;
  }

  .input-qty {
    padding-right: 1.66vw;
  }

  .form-generator-qr-img {
    flex-flow: wrap-reverse;
    justify-content: center;
    align-items: flex-start;
  }

  .card-post {
    height: 440px;
  }

  .dropdown-link-cat {
    border-width: 1px;
    padding-top: .83vw;
  }

  .heading-small {
    font-size: 1.5rem;
  }

  .fs-toc_rich-text {
    width: 74%;
  }

  .fs-toc_example {
    width: 100%;
  }

  .fs-toc_richtext-2 {
    padding: 1.5rem;
  }

  .fs-toc_example-2 {
    flex-direction: column;
  }

  .fs-toc_sidebar-2 {
    width: 100%;
    padding: 1.5rem;
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .main {
    flex-wrap: wrap;
    max-width: 320px;
    padding-top: 29px;
    padding-bottom: 0;
  }

  .main__col-1 {
    width: 100%;
    padding-right: 40px;
  }

  .main__col-2 {
    width: 100%;
  }

  .logo {
    width: 85px;
    min-width: 85px;
  }

  .row-main {
    margin-top: 30px;
  }

  .row-main__text-1 {
    margin-right: 20px;
    font-size: 120px;
  }

  .row-main__text-2 {
    width: 60%;
    margin-top: 12px;
    font-size: 16px;
  }

  .main__title {
    margin-bottom: 15px;
    font-size: 80px;
  }

  .main__p {
    font-size: 16px;
  }

  .main__box-btn {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 40px;
    position: static;
  }

  .button-get {
    border-radius: 72px;
    padding: 9px 35px 11px;
    font-size: 22px;
  }

  .works {
    max-width: 320px;
    padding-top: 70px;
    padding-bottom: 106px;
    overflow: hidden;
  }

  .title-section {
    margin-bottom: 30px;
    font-size: 50px;
  }

  .title-section.title-section--green {
    width: 100%;
    max-width: 248px;
  }

  .title-section.title-section--blue {
    width: 85%;
  }

  .slider {
    margin-right: 0;
    font-size: 16px;
  }

  .slider__col {
    flex: none;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .slider-block {
    border-radius: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-block.slider-block--color-blue {
    min-height: 546px;
    padding-top: 30px;
  }

  .slider-block.slider-block--color-green {
    min-height: 546px;
    padding: 30px 25px;
  }

  .slider-block.slider-block--color-purple {
    min-height: 546px;
    padding: 30px 35px 40px;
  }

  .slider__img-1 {
    max-width: 243px;
    margin-top: 97px;
  }

  .slider__h3 {
    margin-bottom: 23px;
    font-size: 47px;
  }

  .slider__img-2 {
    max-width: 180px;
    margin-top: 40px;
  }

  .slider__img-3 {
    max-width: 190px;
    margin-bottom: 40px;
  }

  .video {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 32px;
    padding-bottom: 78px;
  }

  .video__box {
    width: 94%;
    max-width: 320px;
  }

  .lbox-video {
    border-radius: 10px;
    height: 180px;
    font-size: 42px;
  }

  .lbox-video__icon {
    width: 74px;
  }

  .screen {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: -21px;
    padding-top: 35px;
    padding-bottom: 50px;
  }

  .screen__box {
    width: 90%;
    max-width: 320px;
  }

  .features {
    width: 94%;
    max-width: 320px;
    padding-top: 80px;
  }

  .row {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
  }

  .row__col {
    width: 100%;
    max-width: 235px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .row__col.row__col-2 {
    max-width: 256px;
    padding-left: 0;
    padding-right: 0;
  }

  .row__col.row__col-3 {
    max-width: 291px;
    padding-left: 0;
    padding-right: 0;
  }

  .row__icon {
    height: 105px;
    margin-bottom: 26px;
  }

  .row__title {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .box-center.box-center--left {
    padding-top: 25px;
  }

  .ssp {
    width: 94%;
    max-width: 320px;
    padding-top: 95px;
  }

  .title-section__icon {
    width: 46px;
    height: 35px;
    margin-left: 3px;
  }

  .row__title-icon {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .row__title-icon.row__title-icon--no-wrap {
    white-space: normal;
  }

  .span-icon {
    width: 27px;
    margin-left: -2px;
    margin-right: -4px;
  }

  .span-icon.span-icon--bg-2 {
    width: 23px;
    transform: translate(0, -3px);
  }

  .span-icon.span-icon--bg-3 {
    width: 33px;
  }

  .span-icon.span-icon--bg-4 {
    width: 23px;
    transform: translate(0, -3px);
  }

  .box-title {
    width: 94%;
    max-width: 320px;
    padding-top: 30px;
  }

  .grid__container {
    margin-bottom: 80px;
    padding-bottom: 30px;
    padding-left: 4vw;
  }

  .slider-var__col {
    padding-right: 15px;
  }

  .slider-var__col.slider-var__col--last {
    padding-right: 4vw;
  }

  .cell {
    border-radius: 20px;
    width: 240px;
    height: 210px;
    padding-top: 21px;
    padding-bottom: 15px;
    padding-left: 21px;
  }

  .icon {
    width: 35px;
    height: 35px;
    margin-bottom: 15px;
  }

  .cell-title {
    margin-bottom: 15px;
    font-size: 27px;
  }

  .cell-p {
    padding-right: 20px;
    font-size: 12px;
  }

  .questions {
    border-radius: 20px;
    padding-top: 31px;
    padding-bottom: 45px;
  }

  .questions__container {
    width: 94%;
    max-width: 320px;
  }

  .dropdown {
    border-radius: 15px;
    margin-bottom: 10px;
  }

  .dropdown-toggle {
    padding: 15px 40px 15px 15px;
    font-size: 25px;
  }

  .d-icon {
    margin-right: 15px;
    font-size: 14px;
  }

  .rich-text-block {
    width: 93%;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .rich-text-block p {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .create-container {
    width: 94%;
    max-width: 320px;
    padding-top: 37px;
    padding-bottom: 100px;
  }

  .create-container__row {
    flex-wrap: wrap;
    min-height: auto;
    margin-bottom: 36px;
  }

  .create-container__col-1 {
    align-items: center;
    width: 100%;
  }

  .create-container__col-2 {
    align-self: flex-end;
    width: 90%;
    padding-bottom: 22px;
    position: static;
  }

  .txt-1 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 80px;
  }

  .txt-2 {
    text-align: center;
    font-size: 16px;
  }

  .footer {
    padding-top: 40px;
  }

  .footer__container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 94%;
    max-width: 320px;
    padding-bottom: 0;
  }

  .footer__logo {
    max-width: 85px;
  }

  .footer__row {
    flex-direction: column;
    width: 100%;
    padding-left: 0;
  }

  .footer__col {
    border-bottom: 1px solid #ffffff40;
    align-items: flex-start;
    margin-bottom: 25px;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .footer__title {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .footer__link {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .screen__row {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .screen__col-slider-1 {
    width: 110%;
    min-width: 110%;
    margin-left: -5%;
    padding-bottom: 60px;
  }

  .screen__col-slider-2 {
    width: 100%;
    padding-bottom: 0;
  }

  .screen__image {
    display: none;
  }

  .srceen__box-items {
    border-bottom-style: none;
    width: 100%;
    padding-bottom: 20px;
    position: static;
  }

  .wp-title {
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 16px;
    font-size: 25px;
  }

  .wp-title.wp-title__2 {
    text-align: left;
    margin-bottom: 12px;
    font-size: 20px;
  }

  .wp-desc {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .wp-desc__span {
    margin-right: 2px;
  }

  .slider-web__content {
    height: auto;
  }

  .slider-web__img {
    opacity: 0;
    width: 0%;
    height: 0;
    margin-top: 0;
  }

  .comment, .row-arrow {
    display: none;
  }

  .slider-web__img-mobile {
    opacity: 1;
    width: 100%;
    height: auto;
    display: block;
  }

  .lottie-animation {
    max-width: 208px;
    margin: 36px 0 20px;
  }

  .container-body {
    flex-direction: column;
    width: 90%;
    max-width: 260px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 45px;
  }

  .text-span {
    font-size: 45px;
  }

  .text-block, .text-block-2 {
    width: 100%;
  }

  .heading {
    margin-bottom: 16px;
    font-size: 50px;
  }

  .form-block {
    margin-bottom: 56px;
  }

  .generated-item-component {
    border-radius: 12px;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 16px;
    padding: 16px 12px;
    font-size: 16px;
  }

  .item {
    margin-top: 0;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .copy-item {
    text-align: center;
    border-width: 1px;
    width: 100%;
    height: 32px;
    font-size: 14px;
  }

  .button-submit {
    border-radius: 72px;
    padding: 10px 35px 11px;
    font-size: 14px;
  }

  .paragraph {
    margin-bottom: 40px;
    font-size: 16px;
  }

  .paragraph.paragraph--size-2, .paragraph.paragraph--size-3 {
    max-width: none;
  }

  .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar__container {
    max-width: 320px;
  }

  .menu-button {
    border-width: 1px;
    padding: 7px 14px;
    font-size: 14px;
  }

  .nav-menu {
    background-color: #f9f6f9;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .menu {
    border-radius: 0;
    width: 94%;
    max-width: 320px;
    padding: 10px 0 40px;
  }

  .nav-link {
    margin-bottom: 12px;
    font-size: 14px;
  }

  .how-work {
    width: 94%;
    max-width: 320px;
    padding-top: 64px;
    padding-bottom: 25px;
  }

  .get-container {
    border-radius: 20px;
    width: 94%;
    max-width: 320px;
    padding: 37px 19px 32px;
  }

  .get-container__row {
    flex-flow: column wrap;
    align-items: flex-end;
    width: 100%;
    min-height: auto;
  }

  .get-container__col-1 {
    align-items: center;
    width: 100%;
  }

  .get-container__col-2 {
    align-self: flex-end;
    width: 220px;
    margin-top: 16px;
    margin-right: -30px;
    position: static;
  }

  .title-get {
    text-align: center;
    margin-bottom: 25px;
    font-size: 50px;
  }

  .get-btn {
    border-radius: 72px;
    padding: 10px 35px 11px;
    font-size: 14px;
    line-height: 1.2;
  }

  .more-container {
    width: 94%;
    max-width: 320px;
    padding-top: 48px;
    padding-bottom: 52px;
  }

  .title-60px {
    margin-bottom: 32px;
    font-size: 50px;
  }

  .more-row {
    text-align: center;
    flex-flow: column wrap;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .more-btn {
    margin-bottom: 12px;
    padding: 10px 15px;
    font-size: 16px;
  }

  .container-form {
    width: 94%;
    max-width: 320px;
    padding-top: 90px;
  }

  .field-label {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .dropdown-2 {
    border-radius: 8px;
    font-size: 14px;
  }

  .dropdown-toggle-2 {
    padding: 11px 40px 11px 16px;
    font-size: 16px;
  }

  .dropdown-list-2 {
    border-radius: 8px;
    padding: 4px 6px;
  }

  .icon-2 {
    width: 9px;
    height: 6px;
    margin-right: 12px;
  }

  .dropdown-link {
    border-radius: 6px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    font-size: 12px;
  }

  .select-field:focus {
    font-size: 16px;
  }

  .box-drop {
    height: 38px;
    margin-bottom: 24px;
  }

  .textarea {
    border-radius: 8px;
    min-height: 105px;
    margin-bottom: 24px;
    padding-top: 8px;
    padding-left: 16px;
    font-size: 12px;
  }

  .box-scroll {
    padding-right: 0;
  }

  .row-btns {
    grid-column-gap: 0px;
  }

  .row-btns.row-btns__2 {
    padding-right: 0;
  }

  .col-btns {
    padding-top: 20px;
  }

  .modal-cookie__box-2 {
    border-radius: 0;
    padding-top: 25px;
    top: 0;
    bottom: 0;
  }

  .row-form__col-2 {
    background-color: #f7f8ee;
    align-items: flex-start;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 16px;
  }

  .modal-editor {
    font-size: 16px;
  }

  .checkbox-field {
    margin-top: 0;
  }

  .row-form__col-1 {
    width: 100%;
    padding-top: 15px;
    padding-left: 16px;
    padding-right: 10px;
  }

  .cont-manage {
    width: 93%;
    max-width: 320px;
  }

  .modal-editor-manage {
    font-size: 16px;
  }

  .container-5 {
    max-width: 320px;
  }

  .row-form {
    flex-wrap: wrap-reverse;
  }

  .btn-cookie {
    flex: 0 auto;
    width: 100%;
    height: 40px;
    font-size: 16px;
  }

  .input {
    border-radius: 6px;
    margin-bottom: 32px;
    padding: 11px 16px;
    font-size: 12px;
  }

  .footer-block-logo {
    border-top-style: none;
    max-width: 320px;
    padding-top: 0;
    padding-bottom: 32px;
  }

  .footer__col-tools {
    border-bottom: 1px solid #ffffff40;
    border-right-style: none;
    flex-direction: column;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 10px;
  }

  .footer__col-links-tools {
    align-items: flex-start;
    width: 100%;
    padding-right: 0;
  }

  .footer__row-tools {
    flex-wrap: wrap;
  }

  .label-blue {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .container-info-link {
    border-radius: 8px;
    padding: 16px 12px 30px;
  }

  .container-info-link.container-info-link__2 {
    padding-bottom: 30px;
  }

  .row-links-tg {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 40px;
  }

  .row-links-tg__row-btn {
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .result-link {
    margin-bottom: 30px;
    font-size: 12px;
  }

  .link-copy {
    width: 100%;
    height: 40px;
    font-size: 14px;
  }

  .icon-link {
    flex: none;
    width: 21px;
    margin-left: 5px;
  }

  .box-qr-code {
    padding-top: 32px;
  }

  .qr-code-download {
    text-align: center;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 14px;
  }

  .link-copy-html {
    width: 100%;
    height: 40px;
    font-size: 14px;
  }

  .row-links-tg-share {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .row-links-tg-share__col-link {
    flex: 0 auto;
    width: 100%;
  }

  .gradient {
    width: 48px;
  }

  .url-error {
    margin-top: -25px;
    margin-bottom: 32px;
    font-size: 12px;
  }

  .container-generator {
    width: 94%;
    max-width: 320px;
    padding-top: 90px;
    padding-bottom: 64px;
  }

  .container-generator.container-generator__2 {
    padding-bottom: 8px;
  }

  .result-text {
    margin-bottom: 30px;
    font-size: 12px;
  }

  .container-result {
    border-radius: 8px;
    padding: 16px 12px 30px;
  }

  .form-generator {
    flex-flow: wrap-reverse;
    padding-bottom: 70px;
    position: relative;
  }

  .col-widget {
    width: 100%;
  }

  .col-widget.col-widget--wi {
    flex: 0 auto;
    width: auto;
    overflow: auto;
  }

  .col-panel {
    width: 100%;
    padding-top: 0;
  }

  .box-preview {
    border-radius: 10px;
    display: flex;
  }

  .part-prev-1 {
    width: 77%;
    padding: 24px 16px 12px 24px;
  }

  .line-preview {
    height: 20px;
    margin-bottom: 12px;
  }

  .line-preview.line-preview__1 {
    width: 56px;
  }

  .line-preview.line-preview__2 {
    height: 44px;
  }

  .part-prev-2 {
    justify-content: flex-end;
    align-items: flex-end;
    width: 23%;
    padding-right: 24px;
  }

  .icon-bg {
    flex: none;
  }

  .panel {
    border-style: none;
    padding: 0;
  }

  .panel.panel--flex {
    flex-flow: wrap;
    margin-bottom: -16px;
    padding-bottom: 0;
  }

  .input-field {
    border-radius: 6px;
    height: 32px;
    margin-bottom: 24px;
    padding-left: 14px;
    padding-right: 16px;
    font-size: 12px;
  }

  .box-input {
    padding-bottom: 0;
  }

  .box-input.box-input--50 {
    width: 100%;
  }

  .row-select__col {
    width: 100%;
    padding-bottom: 24px;
  }

  .dropdown-block {
    border-radius: 6px;
    font-size: 14px;
  }

  .dropdown-block__toggle {
    height: 56px;
    padding-left: 16px;
    padding-right: 40px;
    font-size: 12px;
  }

  .dropdown-block__toggle.dropdown-block__toggle--height {
    height: 32px;
  }

  .items-color__item {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

  .drop-list {
    border-radius: 8px;
    padding: 4px 6px 4px 16px;
  }

  .container-drop {
    height: 32px;
  }

  .container-drop.container-drop--h56 {
    height: 56px;
  }

  .input-drop {
    border-radius: 6px;
    height: 32px;
    margin-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 12px;
  }

  .color-current {
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin-right: 11px;
  }

  .box-left {
    width: 100%;
    padding-top: 0;
    position: absolute;
    inset: auto 0% 0%;
  }

  .gen-submit {
    border-radius: 72px;
    width: 100%;
    padding: 10px 20px 11px;
    font-size: 14px;
    display: block;
  }

  .scroll-modal {
    justify-content: center;
    align-items: flex-end;
  }

  .modal-container {
    border-radius: 12px 12px 0 0;
    width: 100%;
    padding: 8px 0 32px;
    font-size: 16px;
  }

  .close-modal {
    display: none;
  }

  .title-modal {
    margin-bottom: 32px;
    font-size: 14px;
  }

  .check-txt-modal {
    margin-top: 32px;
    margin-bottom: 48px;
  }

  .modal-content {
    width: 94%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .line-modal {
    background-color: #e4e7e8;
    border-radius: 100px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .body-q-code {
    border-radius: 10px;
  }

  .download-qr-code {
    border-radius: 72px;
    width: 100%;
    padding: 10px 20px 11px;
    font-size: 14px;
    display: block;
  }

  .box-download-btn {
    padding-top: 32px;
  }

  .toggle {
    padding: 21px 40px 21px 16px;
    font-size: 12px;
  }

  .box-dropdown {
    padding-top: 16px;
  }

  .list-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contrast {
    margin-top: 3px;
    margin-bottom: 24px;
    padding: 6px 10px;
    font-size: 12px;
  }

  .row-colors__col {
    width: 100%;
    margin-right: 0;
  }

  .bg-color-current, .qr-code-color-current {
    border-radius: 6px;
    width: 30px;
    height: 30px;
    margin-right: 11px;
  }

  .name-cell {
    margin-bottom: 12px;
    font-size: 12px;
  }

  .name-cell.name-cell--none {
    display: none;
  }

  .name-cell.name-cell--first {
    padding-top: 11px;
  }

  .row-radio {
    flex-flow: wrap;
    padding-bottom: 30px;
  }

  .row-radio__col {
    margin-right: 16px;
  }

  .radio-button-field {
    border-radius: 2px;
    width: 40px;
    height: 40px;
  }

  .radio-bg {
    width: 20px;
    height: 20px;
  }

  .radio-button {
    border-radius: 4px;
    inset: -2px;
  }

  .columns__col {
    width: 100%;
    margin-right: 0;
    padding-bottom: 28px;
  }

  .input-qty {
    border-radius: 6px;
    max-width: 145px;
    height: 32px;
    padding-left: 16px;
    padding-right: 25px;
    font-size: 12px;
  }

  .box-m-p {
    padding-left: 2px;
  }

  .qty-el {
    width: 24px;
    height: 24px;
    margin-left: 12px;
  }

  .qty-el__icon {
    width: 11px;
  }

  .name-parameter {
    font-size: 12px;
  }

  .frame-file {
    margin-bottom: 32px;
  }

  .img-dashed {
    display: none;
  }

  .content-file {
    padding-top: 11px;
    padding-bottom: 0;
    position: static;
  }

  .link-file {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 11px;
    font-size: 14px;
  }

  .frame-file__part-2 {
    justify-content: center;
  }

  .col-buttons {
    flex-flow: wrap-reverse;
    width: 100%;
    padding-top: 40px;
  }

  .form-generator-qr-img {
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .wrapper-qr-code-scroll {
    border-radius: 10px;
    width: 100%;
    overflow: auto;
  }

  .wrapper-qr-code-scroll__qr {
    width: 421px;
  }

  .link-remove {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 11px;
    font-size: 14px;
  }

  .link-file-another {
    width: 100%;
    margin-bottom: 16px;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 11px;
    font-size: 14px;
  }

  .menu__col {
    width: 100%;
    margin-bottom: 0;
    padding-left: 16px;
  }

  .menu__col.menu__col--second {
    margin-bottom: -12px;
  }

  .menu-row {
    flex-flow: wrap;
  }

  .menu-line {
    margin-top: 8px;
    margin-bottom: 20px;
    display: block;
  }

  .row-trustpilot.row-trustpilot__2 {
    padding-bottom: 40px;
  }

  .trustpilot-img {
    width: 100px;
    margin-bottom: 12px;
    margin-left: 5px;
  }

  .trustpilot-img.trustpilot-img__2 {
    margin-bottom: 12px;
    margin-left: 5px;
  }

  .row-rating {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rating-img {
    width: 195px;
  }

  .rating-text {
    margin-top: 10px;
    margin-left: 0;
    font-size: 16px;
  }

  .link-trustpilot {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .title-label {
    height: 23px;
    margin-top: 2px;
    margin-left: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
  }

  .container-content {
    max-width: 320px;
  }

  .container-content.container-content__home {
    flex-flow: wrap;
    padding-top: 96px;
  }

  .container-content.container-content__posts {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .container-content.container-content__post {
    flex-flow: wrap;
    padding-top: 96px;
  }

  .card-post {
    border-radius: 16px;
    height: 500px;
    padding: 16px 16px 24px;
  }

  .col-desc {
    width: 100%;
    padding-top: 0;
  }

  .col-desc.col-desc__2 {
    padding-bottom: 24px;
  }

  .col-post-main {
    width: 100%;
  }

  .link-bg {
    border-radius: 10px;
    margin-bottom: 16px;
  }

  .cat-post {
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 5px 10px 6px;
    font-size: 12px;
  }

  .title-post-link {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.15;
  }

  .row-au {
    flex-flow: column;
    align-items: flex-start;
    padding-top: 30px;
  }

  .link-post {
    border: 1px solid var(--royal-blue);
    text-align: center;
    border-radius: 100px;
    order: -1;
    width: 100%;
    margin-bottom: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
  }

  .image {
    width: 38px;
    height: 38px;
    margin-right: 7px;
  }

  .name-au, .date {
    font-size: 12px;
  }

  .row-time {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .subtitle {
    font-size: 18px;
  }

  .title {
    margin-top: 16px;
    margin-bottom: 20px;
    font-size: 50px;
  }

  .title.title-post-page {
    font-size: 32px;
  }

  .desc-blog {
    max-width: 240px;
    margin-bottom: 32px;
    font-size: 14px;
  }

  .dropdown-toggle-cat {
    display: inline-flex;
  }

  .dropdown-cat {
    z-index: 10;
    text-align: center;
    flex-flow: column;
    align-items: center;
    margin-bottom: 24px;
    display: block;
  }

  .dropdown-list-cat {
    opacity: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
  }

  .dropdown-cat.w--open .dropdown-list-cat,
  .dropdown-list-cat.w--open {
    opacity: 1;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    overflow: visible;
  }

  .items-cat {
    flex-flow: column;
    align-items: center;
    padding-top: 12px;
  }

  .dropdown-cat.w--open .line-1 {
    transform: translateY(3px) rotate(45deg);
  }

  .dropdown-cat.w--open .line-2 {
    transform: translateY(-3px) rotate(-45deg);
  }

  .dropdown-link-cat {
    background-color: var(--white);
    margin-bottom: 14px;
    margin-right: 0;
    padding: 8px 15px;
    font-size: 14px;
  }

  .dropdown-link-cat:hover {
    background-color: var(--white);
    color: var(--royal-blue);
  }

  .dropdown-link-cat.w--current {
    display: none;
  }

  .collection-list {
    margin-right: 0;
  }

  .collection-item {
    width: 100%;
    padding-bottom: 16px;
    padding-right: 0;
  }

  .desc-excerpt {
    max-width: 100%;
    font-size: 14px;
  }

  .link-block {
    display: none;
  }

  .row-post-page {
    flex-flow: wrap;
  }

  .desc-ex-post {
    max-width: 100%;
    margin-bottom: 32px;
    font-size: 14px;
  }

  .fs-toc_richtext {
    font-size: 14px;
  }

  .fs-toc_richtext h1 {
    margin-top: 22px;
    margin-bottom: 16px;
    font-size: 22px;
  }

  .fs-toc_richtext h2 {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
  }

  .fs-toc_richtext p {
    margin-bottom: 16px;
  }

  .fs-toc_richtext h3 {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 16px;
  }

  .fs-toc_richtext h4 {
    margin-top: 30px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
  }

  .fs-toc_richtext h5, .fs-toc_richtext h6 {
    font-size: 14px;
    font-weight: 600;
  }

  .fs-toc_richtext ul {
    list-style: disc;
    margin-bottom: 16px;
    padding-left: 20px;
  }

  .fs-toc_richtext li {
    display: list-item;
    margin-bottom: 10px;
  }

  .fs-toc_richtext ol {
    list-style: decimal;
    margin-bottom: 16px;
    padding-left: 20px;
  }

  .fs-toc_richtext ul ul {
    list-style: circle;
  }

  .fs-toc_richtext blockquote {
    border-left-width: 4px;
    font-size: 14px;
  }

  .fs-toc_link {
    opacity: 1;
    background-color: #e7f6ff;
    margin-bottom: 11px;
    padding: 7px 14px;
    font-size: 12px;
  }

  .fs-toc_link.is-h6, .fs-toc_link.is-h3, .fs-toc_link.is-h5, .fs-toc_link.is-h4 {
    background-color: #e7f6ff00;
  }

  .heading-small {
    font-size: 1.25rem;
  }

  .fs-toc_rich-text {
    width: 100%;
  }

  .fs-toc_example {
    flex-flow: wrap;
  }

  .fs-toc_sidebar {
    width: 100%;
    margin-top: -30px;
    padding-top: 0;
    padding-bottom: 15px;
    position: static;
    display: none;
  }

  .fs-toc_link-wrapper.is-h4, .fs-toc_link-wrapper.is-h5, .fs-toc_link-wrapper.is-h6 {
    padding-left: 11px;
  }

  .fs-toc_link-wrapper.is-h3 {
    padding-left: 15px;
    display: none;
  }

  .title-posts {
    margin-bottom: 32px;
    font-size: 50px;
    line-height: .8;
  }

  .form-block-sub {
    border-radius: 16px;
    width: 100%;
    min-height: 288px;
    margin-bottom: 80px;
    padding: 24px 16px 44px;
  }

  .text-field {
    border-radius: 8px;
    height: 45px;
    margin-bottom: 20px;
    padding-left: 12px;
    font-size: 16px;
  }

  .row-form-sub {
    flex-flow: column;
    max-width: 100%;
  }

  .submit-button {
    height: 45px;
    margin-left: 0;
    font-size: 16px;
  }

  .title-form {
    margin-bottom: 32px;
    font-size: 50px;
    line-height: .8;
  }

  .success-message {
    font-size: 16px;
  }

  .nav-content {
    width: 94%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 32px;
    display: block;
  }

  .button-get-header {
    border-radius: 72px;
    width: 100%;
    margin-left: 0;
    padding-top: 11px;
    padding-bottom: 13px;
    font-size: 16px;
  }

  .menu-nav-link {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-left: 0;
    font-family: Founders Grotesk X Condensed, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
  }

  .menu-nav {
    flex-flow: column;
    margin-bottom: 25px;
  }

  .navi {
    background-color: var(--white);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 40px 30px #00000008;
  }

  .div-block-7 {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .div-block-10 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .main__col-1 {
    padding-right: 21px;
  }

  .title-section__icon {
    transform: translate(0, .9vw);
  }

  .txt-2 {
    width: 90%;
  }

  .heading {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    display: block;
  }

  .paragraph {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph.paragraph--size-2, .paragraph.paragraph--size-3 {
    max-width: 280px;
  }

  .container-2 {
    padding-top: 119px;
  }

  .modal-cookie__box-2 {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .card-post {
    height: 530px;
  }

  .div-block-7 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .div-block-10 {
    width: 100%;
  }

  .text-block-3, .text-block-4, .text-block-5, .text-block-6, .text-block-7 {
    font-size: 14px;
  }
}

#horizontal-scroller.w-node-a7a77b8b-51a5-db0d-beaa-9abbab8aa504-2fb7348a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1b73bcd6-df9c-5dd8-5096-ec24390df174-f7100f4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71a59aaa-1dcc-4323-08b1-fe08e8504ba4-f7100f4c {
  align-self: stretch;
}


@font-face {
  font-family: 'Founders Grotesk X Condensed';
  src: url('../fonts/founders-grotesk-x-condensed-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Founders Grotesk X Condensed';
  src: url('../fonts/founders-grotesk-x-condensed-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: 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.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000;
}

body {
  -webkit-font-smoothing: antialiased;
}

.slick-dots li button:before {
  width: 8px;
  height: 8px;
  opacity: 1;
  color: #0000;
  background-color: #e7f6ff;
  border-radius: 10px;
  transition: all .5s;
}

.slick-dots li.slick-active {
  width: 47px;
}

#slider-works .slick-dots li button:before,
#slider-works .slick-dots li.slick-active button:before {
  background-color: #6e1c5c;
}

.slick-dots li.slick-active button:before,
#slider-works .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #0000;
  width: 47px;
}

.slick-dots li.slick-active button:before {
  background-color: #0059aa;
}

.slick-dots li button {
  width: 0px;
  height: 0px;
  padding: 0px;
}

.slick-dots li {
  width: 8px;
  height: 8px;
  transition: all .5s;
}

.slick-dots {
  bottom: -40px;
}

.slider-var .slick-dots {
  max-width: 1300px;
}

#web-app .slick-dots {
  max-width: 660px;
  margin-left: 29px;
}

#web-app .slick-dots li button:before {
  background-color: #6bedff;
  opacity: .25;
}

#web-app .slick-dots li.slick-active button:before,
#web-app .slick-dots li.slick-active {
  opacity: 1;
  width: 8px;
}

#web-app .slick-dotted.slick-slider {
  margin-bottom: 0px;
}

#horizontal-scroller::-webkit-scrollbar,
.cell-p::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

#horizontal-scroller::-webkit-scrollbar-track,
.cell-p::-webkit-scrollbar-track {
  background: #e7f6ff;
  border-radius: 100px;
  margin-right: 65px;
  margin-left: 65px;
}

#horizontal-scroller::-webkit-scrollbar-thumb,
.cell-p::-webkit-scrollbar-thumb {
  background: #0059aa;
  border-radius: 100px;
}

#horizontal-scroller::selection,
.cell-p::selection {
  background: #0059aa;
  border-radius: 100px;
}

#horizontal-scroller::-moz-selection,
.cell-p::-moz-selection {
  background: #0059aa;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  #web-app .slick-dots {
    bottom: -15px;
    margin-left: 0px;
  }

  #horizontal-scroller::-webkit-scrollbar,
  .cell-p::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  #horizontal-scroller::-webkit-scrollbar-track,
  .cell-p::-webkit-scrollbar-track {
    margin-right: 4vw;
    margin-left: 4vw;
  }
}