.bg-light-color .fill-bg-light,
.bg-light-color .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .bg-light-color *,
.bg-light-color .bg-accent-color .cta_button-28__check .button--accent-outline .icon svg * *,
.bg-accent-color .cta_button-28__check .button--accent-outline .icon svg * .bg-light-color *,
.bg-light-color .button--accent-outline .icon svg .bg-accent-color .cta_button-28__check * *,
.button--accent-outline .icon svg .bg-accent-color .cta_button-28__check * .bg-light-color *,
.bg-light-color .bg-accent-color .cta_button-28__check .button--accent-outline .button__system_icon svg * *,
.bg-accent-color .cta_button-28__check .button--accent-outline .button__system_icon svg * .bg-light-color *,
.bg-light-color .button--accent-outline .button__system_icon svg .bg-accent-color .cta_button-28__check * *,
.button--accent-outline .button__system_icon svg .bg-accent-color .cta_button-28__check * .bg-light-color * {
  fill: rgba(255, 255, 255, 0.8);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html .comps {
  height: 100%;
  font-size: 16px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
}

body {
  background-color: white;
  -webkit-font-smoothing: antialiased;
  color: #3d3d3d;
}

body.state-fixed-body {
  overflow: hidden;
}

body.state-fixed-body_popup {
  overflow: hidden;
}

.custom_fonts * {
  font-family: 'Lato', Helvetica, sans-serif;
}

.custom_fonts .font-lato * {
  font-family: 'Lato', sans-serif !important;
}

.custom_fonts .font-work-sans * {
  font-family: 'Work Sans', sans-serif !important;
}

.custom_fonts .font-source-code-pro * {
  font-family: 'Source Code Pro', monospace !important;
}

.comps p {
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.6;
}

[tabindex='-1']:focus {
  outline: 0 !important;
}

.cta_bottom_info {
  font-size: 0.8em;
  color: #828282;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

strong,
b {
  font-weight: 700;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  border: none;
  background: none;
  overflow: visible;
}

button {
  border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-weight: 700;
  line-height: 1.3;
  color: #303030;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
  max-width: 1080px;
}

.container:after {
  content: ' ';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.container--xsmall {
  max-width: 400px;
}

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

.container--premid {
  max-width: 750px;
}

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

.container--large {
  max-width: 1200px;
}

.container--xlarge {
  max-width: 1600px;
}

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

header {
  position: relative;
  z-index: 50;
}

.link,
.feature__link {
  transition: color 0.2s ease;
}

.custom-colors-enabled.custom-accent-color-bright .link,
.custom-colors-enabled.custom-accent-color-bright .feature__link {
  color: #303030;
}

.custom-colors-enabled.custom-accent-color-bright .link:hover,
.custom-colors-enabled.custom-accent-color-bright .feature__link:hover {
  color: #303030;
}

pre {
  line-height: 1.5;
}

.heading,
.text--04__big_text {
  font-size: 2em;
}

@media (max-width: 768px) {
  .heading,
  .text--04__big_text {
    font-size: 1.7em;
  }
}

@media (max-width: 500px) {
  .heading,
  .text--04__big_text {
    font-size: 1.5em;
  }
}

.heading--light {
  font-weight: 300;
}

.heading--big {
  font-size: 2.5em;
}

@media (max-width: 768px) {
  .heading--big {
    font-size: 2.2em;
  }
}

@media (max-width: 500px) {
  .heading--big {
    font-size: 1.8em;
  }
}

.heading--accent,
.text--04__big_text {
  font-size: 3em;
}

@media (max-width: 768px) {
  .heading--accent,
  .text--04__big_text {
    font-size: 2.5em;
  }
}

@media (max-width: 500px) {
  .heading--accent,
  .text--04__big_text {
    font-size: 2em;
  }
}

.heading__accent_word {
  position: relative;
}

.heading__accent_word:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -7px;
  right: -7px;
  bottom: -2px;
  top: -2px;
  transform: rotate(-1deg) scaleX(0);
  transition: transform 0.7s cubic-bezier(0.77, 0.31, 0, 0.975);
  transform-origin: left center;
}

.heading__accent_word.state-active:before {
  transform: rotate(-1deg) scaleX(1);
}

.heading__accent_word--white:before {
  background-color: rgba(255, 255, 255, 0.1);
}

.heading__opaque_word {
  opacity: 0.5;
}

.subheading {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.text,
.pricing-04__item_text,
.pricing-05__item_text,
.features-05__item_text {
  line-height: 1.4;
}

.white-text,
.text-white {
  color: white;
}

.white-text a,
.white-text a:hover,
.white-text a:focus,
.white-text a:visited,
.white-text a:active,
.text-white a,
.text-white a:hover,
.text-white a:focus,
.text-white a:visited,
.text-white a:active {
  color: inherit;
}

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

.bottom_cta {
  text-align: center;
}

.bottom_cta .buttons-set {
  margin-top: 40px;
}

.nav-02__box .button--empty .icon {
  display: none !important;
}

.content_box:not(.blog-editor__content_box) span {
  font-size: inherit !important;
  background-color: inherit;
  font-family: inherit !important;
}

.content_box:not(.blog-editor__content_box) span:not([class^='hljs-']):not([class^='pl-']):not(.button__text) {
  color: inherit;
}

.content_box:not(.rdw-editor-main) li {
  margin-left: 0 !important;
}

.content_box {
  line-height: 1.6;
}

.content_box ul,
.content_box ol {
  padding-left: 1em;
}

.content_box ul {
  list-style: none;
  padding-left: 0;
}

.content_box h2,
.content_box h3,
.content_box h4,
.content_box h5,
.content_box h6 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0;
}

.content_box h2 {
  font-size: 1.4em;
}

.content_box h3 {
  font-size: 1.2em;
}

.content_box h4 {
  font-size: 1em;
}

.content_box code:not(.inline-code),
.content_box .ce-code__textarea {
  background: #282a36;
  padding: 1em 1.5em;
}

.content_box .content_box code:not(.inline-code):not(.hljs),
.content_box .content_box .ce-code__textarea:not(.hljs) {
  color: white;
}

.custom_fonts .content_box code,
.custom_fonts .content_box code span,
.content_box .ce-code__textarea,
.content_box code,
.content_box code span {
  font-family:
    Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
    'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace !important;
  border-radius: 4px;
  overflow: auto;
}

.custom_fonts .content_box code:not(.inline-code),
.content_box .ce-code__textarea,
.content_box code:not(.inline-code) {
  display: block;
  font-size: 0.85em;
}

.content_box figure {
  max-width: 1060px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content_box figure img:not(.emoji) {
  max-width: 100%;
}

.content_box table {
  max-width: 1060px;
}

.content_box table td {
  border: 1px solid #dbdbe2;
  padding: 0;
}

.content_box table tr:last-child td {
  border-bottom: none;
}

.content_box .fig-img .img.img-border {
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  padding: 20px;
}

.content_box .image-tool--withBorder .image-tool__image {
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  padding: 20px;
}

.content_box .img-fullwidth {
  width: 100%;
}

.content_box .img-bg:not(.emoji) {
  max-width: 60%;
  margin: 0 auto;
}

.content_box .fig-img-bg {
  padding: 15px;
}

.content_box .fig-img-bg,
.content_box .image-tool__image {
  border-radius: 4px;
}

.content_box .image-tool__image-picture {
  margin: auto;
}

.content_box .img-fullwidth {
  width: 100%;
}

.content_box .embed-youtube {
  width: 100%;
  height: 320px;
}

.content_box .embed {
  width: 100%;
}

.content_box figcaption {
  max-width: 300px;
  width: 100%;
  margin-top: 20px;
  color: #bdbdbd;
  text-align: center;
}

.content_box blockquote {
  padding-left: 20px;
  border-left: 3px solid #f0f0f0;
}

.content_box ul li {
  position: relative;
}

.content_box ul li:before {
  content: '';
  height: 3px;
  border-radius: 50%;
  width: 3px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.7em;
  box-shadow: 0 1px 6px 0 #32bdb3;
}

.content_box .text-white ul li:before,
.content_box .white-text ul li:before,
.content_box.text-white ul li:before,
.content_box.white-text ul li:before {
  background-color: white;
}

.content_box p,
.content_box ul,
.content_box ol,
.content_box img:not(.checkbox__icon),
.content_box table,
.content_box iframe,
.content_box figure,
.content_box blockquote,
.content_box code {
  margin-bottom: 1em;
  margin-top: 1em;
  line-height: 1.6;
}

.content_box iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1060px;
}

.content_box p:first-child {
  margin-top: 0;
}

.content_box p:last-child {
  margin-bottom: 0;
}

.content_box a {
  text-decoration: underline;
}

.custom-colors-enabled.custom-accent-color-bright .content_box a {
  color: #303030;
}

.content_box.text-white h1,
.content_box.text-white h2,
.content_box.text-white h3,
.content_box.text-white h4,
.content_box.text-white h5,
.content_box.text-white h6,
.content_box.text-white a,
.content_box.white-text h1,
.content_box.white-text h2,
.content_box.white-text h3,
.content_box.white-text h4,
.content_box.white-text h5,
.content_box.white-text h6,
.content_box.white-text a,
.text-white .content_box h1,
.text-white .content_box h2,
.text-white .content_box h3,
.text-white .content_box h4,
.text-white .content_box h5,
.text-white .content_box h6,
.text-white .content_box a,
.white-text .content_box h1,
.white-text .content_box h2,
.white-text .content_box h3,
.white-text .content_box h4,
.white-text .content_box h5,
.white-text .content_box h6,
.white-text .content_box a,
.content_box .text-white h1,
.content_box .text-white h2,
.content_box .text-white h3,
.content_box .text-white h4,
.content_box .text-white h5,
.content_box .text-white h6,
.content_box .text-white a,
.content_box .white-text h1,
.content_box .white-text h2,
.content_box .white-text h3,
.content_box .white-text h4,
.content_box .white-text h5,
.content_box .white-text h6,
.content_box .white-text a {
  color: white !important;
}

.content_box--blog p,
.content_box--blog ul,
.content_box--blog ol {
  margin-bottom: 0.7em;
  margin-top: 0.7em;
}

.content_box--blog-slatejs figcaption {
  display: none;
}

.content_box--blog-slatejs code,
.ce-code__textarea,
.content_box code:not(.hljs):not(.inline-code),
.content_box--blog-plain_html code {
  color: white;
}

.inline-code {
  background: rgba(250, 239, 240, 0.78);
  color: #b44437;
  padding: 3px 4px;
  border-radius: 5px;
  margin: 0 1px;
  font-family: inherit;
  font-size: 0.86em;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.content_box--blog ul li:not(.ce-toolbox__button):not(.cdx-list__item) {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  display: inline-block;
  width: 100%;
}

.content_box--blog ol li {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.post-body > *:not(figure):not(iframe):not(.embed) {
  width: 100%;
  max-width: 680px;
}

.page-component__bg_image_box .page-component__bg_image_box .page-component__bg_overlay_box {
  position: relative;
}

body .page-component__bg_overlay_box {
  position: absolute;
}

.page-component__wrapper {
  position: relative;
}

.hidden-on-desktops.hidden-on-tablets.hidden-on-phones {
  display: none;
}

.body--desktop .hidden-on-desktops {
  display: none;
}

.body--tablet .hidden-on-tablets {
  display: none;
}

.body--phone .hidden-on-phones {
  display: none;
}

[x-cloak] {
  display: none !important;
}

.page-component__bg_image_box {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.page-component__bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-component__bg_overlay_box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.page-component__bg_image_box--has-image .page-component__bg_overlay_box {
  opacity: 0.8;
}

.bg-white-color .page-component__bg_overlay_box:not(.page-component__bg_overlay_box--always-white),
.bg-white-color .background-color-picker__circle,
.bg-white-color .footer-04 {
  background-color: white;
}

.bg-black-color .page-component__bg_overlay_box:not(.page-component__bg_overlay_box--always-white),
.bg-black-color .background-color-picker__circle,
.bg-black-color .footer-04 {
  background-color: #303030;
}

.bg-light_gray-color .page-component__bg_overlay_box:not(.page-component__bg_overlay_box--always-white),
.bg-light_gray-color .background-color-picker__circle,
.bg-light_gray-color .footer-04 {
  background-color: #f6f6f6;
}

.style-green-2 .bg-accent-color .page-component__bg_overlay_box:not(.page-component__bg_overlay_box--always-white),
.style-green-2 .bg-accent-color .background-color-picker__circle,
.style-green-2 .bg-accent-color .footer-04 {
  background-color: #29c853;
}

.comps .button {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding: 12px 20px 12px;
  min-width: 120px;
  border: 2px solid transparent;
  min-height: 44px;
  border-radius: 4px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  font-size: 0;
  line-height: 1.2;
  font-weight: 700;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.comps .button[disabled] {
  cursor: default;
}

.comps .button[disabled]:hover,
.comps .button[disabled]:focus {
  transform: none;
}

.comps .button[disabled]:hover .icon,
.comps .button[disabled]:focus .icon {
  transform: none;
}

.comps .button[disabled]:active {
  transform: none;
  outline: none;
}

.comps .button[disabled]:not(.state-show-success-tick):not(.state-show-spinner) {
  opacity: 0.4;
}

.comps .button .icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 14px;
  height: 14px;
  margin-left: 7px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.comps .button .icon svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2px;
  margin: auto;
}

.comps .button:hover,
.comps .button:focus {
  transform: translateY(-2px);
  box-shadow:
    0 2px 8px 0 rgba(136, 144, 195, 0.22),
    0 8px 15px 0 rgba(37, 44, 97, 0.17);
}

.comps .button:hover .icon,
.comps .button:focus .icon {
  transform: translateX(3px);
}

.comps .button:active {
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  outline: none;
}

.comps .button--accent-outline {
  background-color: transparent;
}

.comps .button--accent-bg {
  color: white;
}

.comps .button--accent-bg .icon svg *,
.comps .button--accent-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--black-outline {
  background-color: transparent;
  border-color: #303030;
  color: #303030;
}

.comps .button--black-outline .icon svg *,
.comps .button--black-outline .button__system_icon svg * {
  fill: #303030;
}

.comps .button--black-bg {
  background-color: #303030;
  color: white;
}

.comps .button--black-bg .icon svg *,
.comps .button--black-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--black-bg:hover {
  background-color: #000;
}

.comps .button--midnight-outline {
  background-color: transparent;
  border-color: #00396b;
  color: #00396b;
}

.comps .button--midnight-outline .icon svg *,
.comps .button--midnight-outline .button__system_icon svg * {
  fill: #00396b;
}

.comps .button--midnight-bg {
  background-color: #00396b;
  color: white;
}

.comps .button--midnight-bg .icon svg *,
.comps .button--midnight-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--midnight-bg:hover {
  background-color: #4d61fc;
}

.comps .button--acid-outline {
  background-color: transparent;
  border-color: #4addb4;
  color: #4addb4;
}

.comps .button--acid-outline .icon svg *,
.comps .button--acid-outline .button__system_icon svg * {
  fill: #4addb4;
}

.comps .button--acid-bg {
  background-color: #4addb4;
  color: white;
}

.comps .button--acid-bg .icon svg *,
.comps .button--acid-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--acid-bg:hover {
  background-color: #35d9ab;
}

.comps .button--emerald-outline {
  background-color: transparent;
  border-color: #4bca81;
  color: #4bca81;
}

.comps .button--emerald-outline .icon svg *,
.comps .button--emerald-outline .button__system_icon svg * {
  fill: #4bca81;
}

.comps .button--emerald-bg {
  background-color: #4bca81;
  color: white;
}

.comps .button--emerald-bg .icon svg *,
.comps .button--emerald-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--emerald-bg:hover {
  background-color: #39c273;
}

.comps .button--ruby-outline {
  background-color: transparent;
  border-color: #c23934;
  color: #c23934;
}

.comps .button--ruby-outline .icon svg *,
.comps .button--ruby-outline .button__system_icon svg * {
  fill: #c23934;
}

.comps .button--ruby-bg {
  background-color: #c23934;
  color: white;
}

.comps .button--ruby-bg .icon svg *,
.comps .button--ruby-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--ruby-bg:hover {
  background-color: #ae332f;
}

.comps .button--alt-accent-outline {
  background-color: transparent;
}

.comps .button--alt-accent-bg {
  color: white;
}

.comps .button--alt-accent-bg .icon svg *,
.comps .button--alt-accent-bg .button__system_icon svg * {
  fill: white;
}

.comps .button--white-outline {
  background-color: transparent;
  border-color: white;
  color: white;
}

.comps .button--white-outline .icon svg *,
.comps .button--white-outline .button__system_icon svg * {
  fill: white;
}

.comps .button--white-bg {
  background-color: #f6f6f6;
  color: #303030;
}

.comps .button--white-bg .icon svg *,
.comps .button--white-bg .button__system_icon svg * {
  fill: #00396b;
}

.comps .button--white-bg .spinner {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.comps .button--large {
  padding: 16px 30px;
  min-height: 52px;
}

.comps .button--small {
  padding: 6px 10px;
  min-height: 32px;
}

.comps .button--empty {
  min-width: auto;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.comps .button--empty:hover {
  box-shadow: none !important;
}

.comps .button--empty.button--white-outline:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.comps .button.state-show-success-tick {
  border-color: #4bca81;
}

.comps .button--vendor-logo {
  padding-left: 65px;
}

.body--loaded .button {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.comps .button--has-dropdown {
  overflow: visible;
}

.comps .button--has-dropdown.state-opened-dropdown {
  z-index: 10;
}

.comps .button--has-arrow:after {
  content: '';
  vertical-align: middle;
  margin-left: 8px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #303030 transparent transparent transparent;
  transition: 0.2s ease transform;
}

.comps .button--has-arrow.state-opened-dropdown:after {
  transform: rotateZ(90deg);
}

.comps .button--has-arrow.button--white-outline:after {
  border-color: #fff transparent transparent transparent;
}

.comps .button--has-arrow.button--black-outline:after {
  border-color: #303030 transparent transparent transparent;
}

button.button {
  padding-top: 11px;
  padding-bottom: 11px;
}

.comps .font-work-sans .button {
  font-weight: 500;
}

.button__system_icon,
.button__chrome_icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
}

.button__system_icon svg,
.button__chrome_icon svg {
  height: 100%;
}

.button__system_icon:after,
.button__chrome_icon:after {
  content: '';
  width: 1px;
  position: absolute;
  right: -15px;
  top: 0;
  bottom: 0;
  background-color: rgba(70, 70, 70, 0.12);
  transform: scaleY(20);
}

.button--black-bg .button__system_icon:after,
.button--midnight-bg .button__system_icon:after,
.button--black-bg .button__chrome_icon:after,
.button--midnight-bg .button__chrome_icon:after {
  background-color: rgba(255, 255, 255, 0.12);
}

.button__text {
  vertical-align: middle;
  font-size: 14px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.state-show-spinner .button__text {
  opacity: 0;
  transform: translateX(10px);
}

.state-show-spinner.button .icon {
  opacity: 0;
  transform: translateX(10px);
}

.button .spinner {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.state-show-spinner.button .spinner {
  opacity: 1;
}

.button__submit_success {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.button__success_circle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  background-color: #4bca81;
  transition:
    transform 0.5s ease-out,
    opacity 0.5s ease;
}

.button__success_circle--large {
  width: 40px;
  height: 40px;
}

@media (max-width: 600px) {
  .button__success_circle {
    width: 60px;
    height: 60px;
  }
}

.state-show-success-tick .button__success_circle {
  opacity: 1;
  transform: scale(10);
  transition: transform 0.5s ease-out;
}

.button__success_tick {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  margin: auto;
}

.button__success_tick_path {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
}

.state-show-success-tick .button__success_tick_path {
  transition: stroke-dashoffset 0.5s 0.2s ease;
  stroke-dashoffset: 0;
}

.custom-secondary-button-color-bright .button--alt-accent-bg {
  color: #303030;
}

.custom-secondary-button-color-bright .button--alt-accent-bg .icon svg *,
.custom-secondary-button-color-bright .button--alt-accent-bg .button__system_icon svg * {
  fill: #303030;
}

.custom-primary-button-color-bright .button--accent-bg {
  color: #303030;
}

.custom-primary-button-color-bright .button--accent-bg .icon svg *,
.custom-primary-button-color-bright .button--accent-bg .button__system_icon svg *,
.style-yellow-1:not(.custom-colors-enabled) .button--accent-bg .icon svg *,
.style-yellow-1:not(.custom-colors-enabled) .button--accent-bg .button__system_icon svg * {
  fill: #303030;
}

html .custom-primary-button-color-bright .store-button:hover,
html.custom-primary-button-color-bright .store-button:hover {
  background-color: #303030;
}

.text-input,
.form__input .chosen-container .chosen-choices {
  width: 100%;
  border-radius: 4px;
  padding: 0 20px;
  height: 44px;
  background-color: rgba(246, 246, 246, 0.3);
  border: 2px solid #d8dde6;
  font-size: 14px;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.text-input::-webkit-input-placeholder,
.form__input .chosen-container .chosen-choices::-webkit-input-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -webkit-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.text-input:-moz-placeholder,
.form__input .chosen-container .chosen-choices:-moz-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -moz-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.text-input::-moz-placeholder,
.form__input .chosen-container .chosen-choices::-moz-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -moz-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.text-input:-ms-input-placeholder,
.form__input .chosen-container .chosen-choices:-ms-input-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -ms-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.text-input:hover,
.form__input .chosen-container .chosen-choices:hover {
  border-color: #a3afc4;
}

.text-input:focus,
.form__input .chosen-container .chosen-choices:focus {
  background-color: rgba(246, 246, 246, 0.2);
}

.text-input:focus::-webkit-input-placeholder,
.form__input .chosen-container .chosen-choices:focus::-webkit-input-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.text-input:focus:-moz-placeholder,
.form__input .chosen-container .chosen-choices:focus:-moz-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.text-input:focus::-moz-placeholder,
.form__input .chosen-container .chosen-choices:focus::-moz-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.text-input:focus:-ms-input-placeholder,
.form__input .chosen-container .chosen-choices:focus:-ms-input-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.text-input--white,
.form__input .chosen-container .chosen-choices--white {
  color: white;
}

.text-input--black,
.form__input .chosen-container .chosen-choices--black {
  background-color: rgba(0, 57, 107, 0.4);
  box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border-color: rgba(0, 57, 107, 0.15);
  color: white;
}

.text-input--black::-webkit-input-placeholder,
.form__input .chosen-container .chosen-choices--black::-webkit-input-placeholder {
  opacity: 0.7;
  color: white;
}

.text-input--black:-moz-placeholder,
.form__input .chosen-container .chosen-choices--black:-moz-placeholder {
  opacity: 0.7;
  color: white;
}

.text-input--black::-moz-placeholder,
.form__input .chosen-container .chosen-choices--black::-moz-placeholder {
  opacity: 0.7;
  color: white;
}

.text-input--black:-ms-input-placeholder,
.form__input .chosen-container .chosen-choices--black:-ms-input-placeholder {
  opacity: 0.7;
  color: white;
}

.text-input--black:focus,
.form__input .chosen-container .chosen-choices--black:focus {
  border-color: white;
}

select.text-input option {
  color: #303030;
}

select.text-input {
  text-indent: 0;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.form__input .chosen-container .chosen-choices {
  background-image: none;
  display: flex;
  list-style: none;
  align-items: center;
  gap: 5px;
  padding: 4px 35px 4px 4px;
  cursor: text;
  height: auto;
  flex-wrap: wrap;
  min-height: 44px;
}

.form__input .chosen-container .chosen-choices .search-field {
  max-width: 100%;
}

.form__input .chosen-container .chosen-choices .search-choice {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  padding: 6px 7px 6px 9px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  max-width: 100%;
}

.form__input .chosen-container .chosen-choices .search-choice span {
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form__input .chosen-container .chosen-choices .search-choice-close {
  height: 100%;
  width: 10px;
  display: inline-block;
  background: url(https://unicorn-images.b-cdn.net/ffb461c8-626a-4561-8c61-9459c88882ba?optimizer=gif) no-repeat;
  opacity: 0.5;
  top: 1px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  background-position: center;
  transition: opacity 0.2s;
}

.form__input .chosen-container .chosen-choices .search-choice-close:hover {
  opacity: 1;
}

.form__input .chosen-container .chosen-drop {
  border-radius: 8px;
  margin-top: 8px;
  transition:
    height 0.2s,
    visibility 0.2s;
  position: absolute;
  width: 100%;
  z-index: 1000;
  opacity: 1;
  transform: translateY(0);
  overflow: hidden;
  background: #fff;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  transition:
    opacity 0.2s,
    transform 0.2s;
}

.form__input .chosen-container .chosen-results {
  list-style: none;
  padding: 4px 4px;
  max-height: 252px;
  overflow: auto;
}

.form__input .chosen-container .chosen-results li {
  padding: 8px 12px;
  cursor: pointer;
  line-height: 22px;
  transition: background-color 0.3s;
  border-radius: 6px;
}

.form__input .chosen-container .chosen-results li.highlighted {
  background: rgba(0, 0, 0, 0.05);
}

.form__input .chosen-container .chosen-results li.result-selected {
  cursor: default;
  opacity: 0.3;
}

.form__input .chosen-container .chosen-results li em {
  font-style: normal;
}

.form__input .chosen-container .chosen-results li.no-results span {
  word-break: break-all;
}

.form__input .chosen-container:not(.chosen-container-active) .chosen-drop,
.form__input .chosen-container:not(.chosen-with-drop) .chosen-drop {
  opacity: 0;
  transform: translateY(-10px);
  height: 0;
}

.form__input .chosen-search-input {
  padding-left: 16px;
  opacity: 0.5;
  height: 32px;
  max-width: 100%;
  text-overflow: ellipsis;
}

.form__input .chosen-search-input:focus {
  padding-left: 0;
  opacity: 1;
}

.form__input .chosen-container {
  position: relative;
  line-height: 100%;
}

.form__input .chosen-container.chosen-container-active .chosen-choices {
  background-color: rgba(246, 246, 246, 0.2);
}

.form__input .chosen-container:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(https://unicorn-images.b-cdn.net/bbb9674e-87e3-46cb-a32c-a80643dcc3c8?optimizer=gif) no-repeat;
  opacity: 0.3;
  pointer-events: none;
}

.form__input .chosen-container.chosen-with-drop:after {
  background: url(https://unicorn-images.b-cdn.net/d148ba3f-d583-441b-a0e4-05554d90f4a6?optimizer=gif) no-repeat;
}

.text-input.text-input--multiple-default {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(255, 255, 255, 0.4) 35%, rgba(0, 0, 0, 0.04) 45%);
  background-size: 400% 100%;
  -webkit-animation: directory-loading 1.7s ease infinite;
  animation: directory-loading 1.7s ease infinite;
  cursor: wait;
}

.text-input.text-input--multiple-default option {
  display: none;
}

.text-input.text-input--multiple-default:hover,
.text-input.text-input--multiple-default:focus,
.text-input.text-input--multiple-default:focus-visible {
  border-color: #d8dde6;
  outline: none;
}

.textarea {
  width: 100%;
  min-height: 100px;
  padding: 15px 20px;
  border-radius: 4px;
  background-color: rgba(246, 246, 246, 0.3);
  border: 2px solid #d8dde6;
  font-size: 14px;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
  outline: none;
  resize: none;
}

.textarea::-webkit-input-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -webkit-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.textarea:-moz-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -moz-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.textarea::-moz-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -moz-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.textarea:-ms-input-placeholder {
  opacity: 0.5;
  font-size: inherit;
  color: inherit;
  -ms-transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.textarea:hover {
  border-color: #a3afc4;
}

.textarea:focus {
  background-color: rgba(246, 246, 246, 0.2);
}

.textarea:focus::-webkit-input-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.textarea:focus:-moz-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.textarea:focus::-moz-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.textarea:focus:-ms-input-placeholder {
  opacity: 0;
  transform: translateX(10px);
}

.textarea--white {
  color: white;
}

.textarea--black {
  background-color: rgba(0, 57, 107, 0.4);
  box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border-color: rgba(0, 57, 107, 0.15);
  color: white;
}

.textarea--black::-webkit-input-placeholder {
  opacity: 0.7;
  color: white;
}

.textarea--black:-moz-placeholder {
  opacity: 0.7;
  color: white;
}

.textarea--black::-moz-placeholder {
  opacity: 0.7;
  color: white;
}

.textarea--black:-ms-input-placeholder {
  opacity: 0.7;
  color: white;
}

.textarea--black:focus {
  border-color: white;
}

.store-button {
  display: inline-block;
  border-radius: 4px;
  height: 44px;
  width: 130px;
  min-width: 120px;
  background-color: black;
  text-align: center;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease,
    -webkit-filter 0.2s ease;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease,
    filter 0.2s ease,
    border-color 0.2s ease;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease,
    filter 0.2s ease,
    border-color 0.2s ease,
    -webkit-filter 0.2s ease;
}

.store-button:hover {
  transform: translateY(-2px);
}

.bg-accent-color .store-button:hover {
  background-color: #303030;
}

.store-button--white {
  border: 1px solid white;
}

@media (max-width: 500px) {
  .store-button {
    width: 120px;
  }
}

.store-button__img {
  height: 100%;
}

.store-button__img svg {
  height: 100%;
  vertical-align: middle;
}

.pill-link {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  border-radius: 9999px;
  padding: 5px 15px 5px 6px;
  text-decoration: none !important;
  transition: background-color 0.2s ease;
}

.pill-link--white {
  background-color: white;
  color: #303030;
}

.pill-link--white:hover {
  background-color: #f5f5f5;
  color: #303030;
}

.pill-link--blue {
  background-color: #dfeafe;
  color: #4d61fc;
}

.pill-link--blue:hover {
  background-color: #cbddfd;
  color: #4d61fc;
}

.pill-link--black {
  background-color: rgba(48, 48, 48, 0.12);
  color: #303030;
}

.pill-link--black:hover {
  background-color: rgba(48, 48, 48, 0.2);
  color: #303030;
}

.pill-link--green {
  background-color: rgba(75, 202, 129, 0.12);
  color: #4bca81;
}

.pill-link--green:hover {
  background-color: rgba(75, 202, 129, 0.185);
  color: #4bca81;
}

.pill-link--orange {
  background-color: rgba(253, 63, 15, 0.12);
  color: #fd3f0f;
}

.pill-link--orange:hover {
  background-color: rgba(253, 63, 15, 0.185);
  color: #fd3f0f;
}

.pill-link--purple {
  background-color: rgba(148, 59, 220, 0.12);
  color: #943bdc;
}

.pill-link--purple:hover {
  background-color: rgba(148, 59, 220, 0.185);
  color: #943bdc;
}

.pill-link--small {
  min-height: 25px;
  font-size: 14px;
  border-radius: 25px;
}

.pill-link__pill {
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  padding: 0 7px;
  white-space: nowrap;
  background-color: #4d61fc;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pill-link--small .pill-link__pill {
  height: 15px;
  line-height: 16px;
  padding: 0 7px;
  border-radius: 15px;
  font-size: 9px;
}

.pill-link--white .pill-link__pill {
  background-color: #303030;
}

.pill-link--green .pill-link__pill {
  background-color: #4bca81;
}

.pill-link--orange .pill-link__pill {
  background-color: #fd3f0f;
}

.pill-link--purple .pill-link__pill {
  background-color: #943bdc;
}

.pill-link--black .pill-link__pill {
  background-color: #303030;
}

.pill-link__text {
  margin-left: 10px;
  letter-spacing: 0.02em;
  line-height: 1;
}

.font-source-code-pro .pill-link__text {
  font-size: 14px;
}

.pill-link__icon {
  margin-left: 9px;
  height: 1em;
  width: 1em;
  transform-origin: right center;
  transition: transform 0.2s ease;
}

.pill-link:hover .pill-link__icon {
  transform: translateX(3px);
}

.pill-link__icon svg * {
  fill: #4d61fc;
}

.pill-link--white .pill-link__icon svg * {
  fill: #303030;
}

.pill-link--black .pill-link__icon svg * {
  fill: #303030;
}

.pill-link--green .pill-link__icon svg * {
  fill: #4bca81;
}

.pill-link--orange .pill-link__icon svg * {
  fill: #fd3f0f;
}

.pill-link--purple .pill-link__icon svg * {
  fill: #943bdc;
}

.select {
  width: 100%;
  height: 44px;
  padding: 0 20px;
  border-radius: 4px;
  background-color: rgba(246, 246, 246, 0.3);
  border: 2px solid #d8dde6;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
}

.select:focus {
  background-color: rgba(246, 246, 246, 0.2);
}

.select:hover {
  border-color: #a3afc4;
}

.delimiter {
  line-height: 1.6em;
  width: 100%;
  text-align: center;
}

.delimiter:before {
  display: inline-block;
  content: '***';
  font-size: 30px;
  line-height: 65px;
  height: 30px;
  letter-spacing: 0.2em;
}

.tag {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 99px;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.03em;
  background-color: #4d61fc;
  color: white;
  text-transform: uppercase;
}

.tag--blue {
  background-color: rgba(77, 97, 252, 0.2);
  color: #4d61fc;
}

.tag--magenta {
  background-color: rgba(249, 4, 115, 0.2);
  color: #f90473;
}

.tag--black {
  background-color: #303030;
}

.tag--green {
  background-color: rgba(75, 202, 129, 0.2);
  color: #4bca81;
}

.tag--acid {
  background-color: rgba(74, 221, 180, 0.2);
  color: #4addb4;
}

.tag--night {
  background-color: #00396b;
}

.tag--yellow {
  background-color: #ffeb3b;
  color: #303030;
}

.custom-colors-enabled.custom-accent-color-bright .tag {
  background-color: #303030;
}

.tab {
  display: inline-block;
  margin: 0 1px 5px;
}

.tab__button {
  display: inline-block;
  padding: 7px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: rgba(48, 48, 48, 0.85);
  border: 1px solid transparent;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

.bg-black-color .tab__button,
.bg-accent-color .tab__button,
.bg-mature-color .tab__button,
.bg-custom-color--dark .tab__button {
  color: rgba(255, 255, 255, 0.85);
}

.bg-light-color .tab__button:hover,
.bg-medium-color .tab__button:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-black-color .tab__button:hover:not(.state-active-tab),
.bg-accent-color .tab__button:hover:not(.state-active-tab),
.bg-mature-color .tab__button:hover:not(.state-active-tab),
.bg-custom-color--dark .tab__button:hover:not(.state-active-tab) {
  background-color: rgba(255, 255, 255, 0.1);
}

.tab__button.state-active-tab,
.tab__button.state-active-tab:hover,
.tab__button--active:focus {
  cursor: default;
}

.bg-light-color .tab__button.state-active-tab,
.bg-medium-color .tab__button.state-active-tab,
.bg-light-color .tab__button.state-active-tab:hover,
.bg-medium-color .tab__button.state-active-tab:hover,
.bg-light-color .tab__button--active:focus,
.bg-medium-color .tab__button--active:focus {
  background-color: rgba(255, 255, 255, 0.6);
}

.custom-colors-enabled.custom-accent-color-bright .tab__button.state-active-tab,
.custom-colors-enabled.custom-accent-color-bright .tab__button.state-active-tab:hover,
.custom-colors-enabled.custom-accent-color-bright .tab__button--active:focus {
  color: #303030;
}

.iconed-tab__button {
  padding: 12px 20px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.bg-light-color .iconed-tab__button:hover,
.bg-medium-color .iconed-tab__button:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-black-color .iconed-tab__button:hover,
.bg-accent-color .iconed-tab__button:hover,
.bg-mature-color .iconed-tab__button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.iconed-tab__button.state-active-tab {
  cursor: default;
}

.bg-light-color .iconed-tab__button.state-active-tab,
.bg-medium-color .iconed-tab__button.state-active-tab {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-black-color .iconed-tab__button.state-active-tab,
.bg-accent-color .iconed-tab__button.state-active-tab,
.bg-mature-color .iconed-tab__button.state-active-tab {
  background-color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 400px) {
  .iconed-tab__button {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.iconed-tab__button_icon img,
.iconed-tab__button_icon svg {
  margin-bottom: 7px;
}

.iconed-tab__button_text {
  max-width: 115px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: rgba(48, 48, 48, 0.85);
}

.bg-black-color .iconed-tab__button_text,
.bg-accent-color .iconed-tab__button_text,
.bg-mature-color .iconed-tab__button_text {
  color: rgba(255, 255, 255, 0.85);
}

.iconed-tab__button_image {
  max-height: 30px;
}

.link_badge {
  position: absolute;
  right: -6px;
  top: 50%;
  padding: 2px 4px;
  border-radius: 3px;
  transform: translateX(100%) translateY(-50%);
  background-color: #4addb4;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  font-size: 10px;
}

.link_badge--blue {
  background-color: #4d61fc;
}

.link_badge--magenta {
  background-color: #f90473;
}

.link_badge--black {
  background-color: #303030;
}

.link_badge--green {
  background-color: #4bca81;
}

.link_badge--acid {
  background-color: #4addb4;
}

.link_badge--night {
  background-color: #00396b;
}

.link_badge--yellow {
  background-color: #ffeb3b;
  color: #303030;
}

.circle-button {
  position: relative;
  text-align: center;
  vertical-align: middle;
  border-radius: 99px;
  height: 60px;
  width: 60px;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.circle-button--play .icon {
  position: relative;
  left: 3px;
}

.circle-button:hover {
  transform: translateY(-2px);
}

.circle-button .icon {
  width: 22px;
  height: 22px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.circle-button .icon svg {
  width: 100%;
  height: 100%;
}

.circle-button--accent-bg {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.17);
  color: white;
}

.circle-button--accent-bg svg * {
  fill: white;
}

.circle-button--accent-bg:hover {
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.2);
}

.circle-button--transparent {
  background-color: transparent;
}

.circle-button--transparent .circle-button__hover_bg {
  background-color: white;
}

.circle-button--transparent svg * {
  fill: white;
}

.circle-button--light-bg:hover {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.17);
}

.circle-button--light-bg:hover svg * {
  fill: white;
}

.emoji {
  position: relative;
  vertical-align: middle;
  bottom: 1px;
  max-height: 1em;
  width: 1em;
}

.emoji--large {
  height: 55px;
  max-height: 100%;
  max-width: 100%;
}

.heading .emoji,
.text--04__big_text .emoji {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.pointed-badge {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  height: 22px;
  line-height: 22px;
  font-weight: 700;
  font-size: 12px;
  color: white;
  border-radius: 4px;
  padding: 0 10px;
}

.font-work-sans .pointed-badge {
  font-weight: 500;
}

.pointed-badge:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
}

.pointed-badge--left {
  padding: 0 10px 0 3px;
  border-radius: 0 99px 99px 0;
}

.pointed-badge--right {
  padding: 0 3px 0 10px;
  border-radius: 99px 0 0 99px;
}

.pointed-badge--left:before {
  left: 0;
  transform: translateX(-100%);
  border-width: 11px 12px 11px 0;
}

.pointed-badge--top:before {
  top: 0;
  right: 9px;
  transform: translateY(-50%) rotate(90deg);
  border-width: 11px 12px 11px 0;
}

.pointed-badge--right:before {
  right: 0;
  transform: translateX(100%);
  border-width: 11px 0 11px 12px;
}

.pointed-badge--blue-bg {
  background-color: #4d61fc;
}

.pointed-badge--blue-bg.pointed-badge--left:before {
  border-right-color: #4d61fc;
}

.pointed-badge--blue-bg.pointed-badge--right:before {
  border-left-color: #4d61fc;
}

.pointed-badge--green-bg {
  background-color: #4bca81;
}

.pointed-badge--green-bg.pointed-badge--left:before {
  border-right-color: #4bca81;
}

.pointed-badge--green-bg.pointed-badge--right:before {
  border-left-color: #4bca81;
}

.pointed-badge--magenta-bg {
  background-color: #f90473;
}

.pointed-badge--magenta-bg.pointed-badge--left:before {
  border-right-color: #f90473;
}

.pointed-badge--magenta-bg.pointed-badge--right:before {
  border-left-color: #f90473;
}

.pointed-badge--acid-bg {
  background-color: #4addb4;
}

.pointed-badge--acid-bg.pointed-badge--left:before,
.pointed-badge--acid-bg.pointed-badge--top:before {
  border-right-color: #4addb4;
}

.pointed-badge--acid-bg.pointed-badge--right:before {
  border-left-color: #4addb4;
}

.pointed-badge__text {
  margin-right: 5px;
}

.pointed-badge__text--input {
  font-weight: 500;
}

.profile-picture {
  display: inline-block;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  box-shadow: 0 5px 15px rgba(34, 40, 89, 0.2);
}

.profile-picture--large {
  height: 100px;
  width: 100px;
}

.profile-picture--small {
  height: 30px;
  width: 30px;
}

.radio {
  display: inline-block;
  position: relative;
}

.radio__input {
  position: absolute;
  z-index: 100;
  opacity: 0;
  height: 14px;
  width: 14px;
  cursor: pointer;
}

.radio__input:checked ~ .radio__check:before {
  transform: none;
  opacity: 1;
}

.radio__input:checked ~ .radio__check:after {
  background-color: #4bca81;
  transform: scale(1.2);
}

.radio:hover .radio__input:not(:disabled) ~ .radio__check {
  background-color: #b9c2d2;
}

.radio__input:disabled ~ .radio__check,
.radio__input:disabled ~ .radio__label {
  opacity: 0.6;
  cursor: default;
}

.radio__input:focus ~ .radio__check,
.radio__input:active ~ .radio__check {
  background-color: #9aa7be;
}

.radio__label {
  vertical-align: middle;
  cursor: pointer;
}

.radio__check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  height: 14px;
  width: 14px;
  background-color: #d8dde6;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.radio__check:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 10px;
  width: 10px;
  margin: auto;
  border-radius: 50%;
  background-color: white;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    background-color 0.2s ease;
}

.radio__check:before {
  content: '';
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition:
    opacity 0.2s 0.05s ease,
    transform 0.2s 0.05s ease;
}

.radio__dot {
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: white;
}

.checklist {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.7em;
  margin-top: 0.7em;
}

.checkbox {
  position: relative;
  display: flex;
  align-items: center;
}

.checklist .checkbox {
  margin-bottom: 20px;
}

.checkbox__input {
  position: absolute;
  z-index: 100;
  opacity: 0;
  height: 16px;
  width: 16px;
  left: 0;
  top: 0;
  cursor: pointer;
}

.checkbox__input:checked ~ .checkbox__check:before {
  transform: none;
  opacity: 1;
}

.checkbox__input:checked ~ .checkbox__check:after {
  background-color: #4bca81;
  transform: scale(1.2);
}

.checkbox__input:disabled ~ .checkbox__check,
.checkbox__input:disabled ~ .checkbox__label {
  opacity: 0.6;
  cursor: default;
}

.checkbox:hover .checkbox__input:not(:disabled) ~ .checkbox__check {
  background-color: #b9c2d2;
}

.checkbox__input:focus ~ .checkbox__check,
.checkbox__input:active ~ .checkbox__check {
  background-color: #9aa7be;
}

.checkbox__label {
  white-space: initial;
  line-height: 1;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1.2;
  margin-top: -2px;
}

.checklist .checkbox__label {
  margin-top: -3px;
}

.checkbox__check {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  left: 0;
  top: 0;
  border-radius: 2px;
  overflow: hidden;
  height: 16px;
  width: 16px;
  background-color: #d8dde6;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.checkbox__check:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 12px;
  width: 12px;
  margin: auto;
  background-color: white;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    background-color 0.2s ease;
}

.checkbox__check:before {
  content: '';
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  opacity: 0;
  transform: scale(0);
  transition:
    opacity 0.2s 0.05s ease,
    transform 0.2s 0.05s ease;
}

.checkbox__icon {
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 8px;
  width: 8px;
}

.mockup_v2__img_box {
  position: relative;
}

.mockup_v2__device_img {
  position: relative;
  z-index: 100;
  max-width: 100%;
}

.mockup_v2__screenshot {
  z-index: 50;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.mockup_v2.mockup_v2--Empty .mockup_v2__screenshot_img {
  width: initial;
  height: initial;
  max-height: 400px;
  max-width: 400px;
  object-fit: contain;
}

.mockup_v2 .mockup_v2__screenshot_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: auto;
}

.mockup_v2__spinner_box {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.mockup_v2__spinner_box .spinner {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.mockup_v2__area {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.mockup_v2--apple_macbook_air .mockup_v2__area {
  top: 6.1%;
  height: 82.9%;
  width: 77.6%;
}

.mockup_v2--chrome_window .mockup_v2__area {
  top: 10.1%;
  height: 88.5%;
  width: 100%;
  border-radius: 0 0 5px 5px;
}

.mockup_v2--safari_window .mockup_v2__area {
  top: 5.1%;
  height: 94.4%;
  width: 100%;
  border-radius: 0 0 5px 5px;
}

.mockup_v2--apple_imac .mockup_v2__area {
  top: 6.5%;
  height: 61.4%;
  width: 91.8%;
}

.mockup_v2--apple_imac_pro .mockup_v2__area {
  top: 5.2%;
  height: 62.5%;
  width: 91.9%;
}

.mockup_v2--dell_xps_15 .mockup_v2__area {
  top: 2.2%;
  height: 80.6%;
  width: 73.9%;
}

.mockup_v2--microsoft_surface_book .mockup_v2__area {
  top: 7.5%;
  height: 81.5%;
  width: 72.5%;
}

.mockup_v2--apple_thunderbolt_display .mockup_v2__area {
  top: 5.4%;
  height: 67.4%;
  width: 92.1%;
}

.mockup_v2--dell_ultrasharp_27 .mockup_v2__area {
  top: 1.5%;
  height: 69.8%;
  width: 97.6%;
}

.mockup_v2--apple_macbook_pro .mockup_v2__area {
  top: 2.7%;
  height: 86.7%;
  width: 80%;
}

.mockup_v2--iphoneapple_iphone_se_2020 .mockup_v2__area {
  top: 13.1%;
  height: 73.7%;
  width: 76.3%;
}

.mockup_v2--iphone_11_pro_max .mockup_v2__area {
  top: 4.2%;
  height: 91.5%;
  width: 83.3%;
}

.mockup_v2--iphone_xr .mockup_v2__area {
  top: 5.4%;
  height: 88.6%;
  width: 79.2%;
}

.mockup_v2--iphone_8_plus .mockup_v2__area {
  top: 13.1%;
  height: 73.7%;
  width: 76.3%;
}

.mockup_v2--pixel_4_xl .mockup_v2__area {
  top: 7%;
  height: 86%;
  width: 88%;
}

.mockup_v2--samsung_galaxy_s20_ultra_cosmic_black .mockup_v2__area {
  top: 5.5%;
  height: 89%;
  width: 78.8%;
  border-radius: 5%;
}

.mockup_v2--samsung_galaxy_note10_plus_aura_black .mockup_v2__area {
  top: 3%;
  height: 93.9%;
  width: 87.8%;
}

.mockup_v2--xiaomi_mi_mix_alpha_front .mockup_v2__area {
  top: 4%;
  height: 92.1%;
  width: 84.5%;
}

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

.mockup_v2--nokia_3310 .mockup_v2__area {
  top: 28.6%;
  height: 14.8%;
  width: 51.5%;
  z-index: 200;
}

.mockup_v2--iphone_13_pro .mockup_v2__area {
  width: 89.9%;
  top: 2.1%;
  left: 0.6%;
  height: 95.8%;
  border-radius: 8px;
  overflow: hidden;
}

.mockup_v2--iphone_15_pro .mockup_v2__area {
  width: 92.5%;
  top: 1.3%;
  left: 0;
  height: 96.6%;
  overflow: hidden;
  border-radius: 20px;
}

.message {
  overflow: hidden;
  border-radius: 4px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  opacity: 0;
  transform: translateY(10px) scale(0.99);
  transform-origin: center;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  visibility: hidden;
  height: 0;
}

.message.state-visible {
  opacity: 1;
  transform: none;
}

.message.state-visible {
  visibility: visible;
  height: auto;
}

.message__box {
  border-bottom: 2px solid transparent;
}

.message--success .message__box {
  border-color: #4bca81;
}

.message--success .message__box .message__bubble_text--out {
  color: white;
  background-color: #4bca81;
}

.message--error .message__box {
  border-color: #c23934;
}

.message--error .message__box .message__bubble_text--out {
  color: white;
  background-color: #c23934;
}

.message__close {
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s ease;
}

.message__close:hover {
  background-color: #e9f1ff;
}

.message__close_icon {
  display: inline-block;
  padding: 10px 0 7px;
}

.message__body {
  padding: 20px 20px 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}

.message__in {
  text-align: left;
}

.message__out {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.message__out_box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.message__bubble {
  overflow: auto;
  margin-bottom: 7px;
  font-size: 14px;
}

.message__bubble:last-child {
  margin-bottom: 0;
}

.message__bubble_text {
  display: inline-block;
  border-radius: 30px;
  padding: 10px 20px;
  background-color: #f6f6f6;
  line-height: 1.4;
}

.message__bubble_text .emoji {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.message__in .message__bubble {
  opacity: 0;
  transform: scale(0.95) translateY(5px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.state-visible .message__in .message__bubble {
  opacity: 1;
  transform: none;
}

.state-visible .message__in .message__bubble:nth-child(1) {
  transition-delay: 150ms;
}

.state-visible .message__in .message__bubble:nth-child(2) {
  transition-delay: 800ms;
}

.state-visible .message__in .message__bubble:nth-child(3) {
  transition-delay: 1450ms;
}

.state-visible .message__in .message__bubble:nth-child(4) {
  transition-delay: 2100ms;
}

.state-visible .message__in .message__bubble:nth-child(5) {
  transition-delay: 2750ms;
}

.state-visible .message__in .message__bubble:nth-child(6) {
  transition-delay: 3400ms;
}

.state-visible .message__in .message__bubble:nth-child(7) {
  transition-delay: 4050ms;
}

.state-visible .message__in .message__bubble:nth-child(8) {
  transition-delay: 4700ms;
}

.state-visible .message__in .message__bubble:nth-child(9) {
  transition-delay: 5350ms;
}

.state-visible .message__in .message__bubble:nth-child(10) {
  transition-delay: 6000ms;
}

.message__out .message__bubble {
  opacity: 0;
  transform: scale(0.95) translateY(5px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.state-reacted .message__out .message__bubble {
  opacity: 1;
  transform: none;
}

.message__bubble_error {
  margin-top: 5px;
  color: #c23934;
  font-family: Courier, monospace;
}

.message__bubble_link {
  text-decoration: underline;
}

.message__reply_box {
  position: relative;
  border-top: 1px solid #d8dde6;
}

.message__reply_word {
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 40px;
  transform: translateY(-50%);
  padding: 5px 10px;
  font-size: 12px;
  background-color: white;
  color: #d8dde6;
}

.message__options {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 50;
  padding: 20px 25px;
}

.message__option {
  padding: 0 10px;
}

.message__option .button {
  min-width: auto;
}

.message__option {
  opacity: 0.15;
  transform: translateY(10px);
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}

.state-visible .message__option:nth-child(1) {
  transition-delay: 1400ms;
}

.state-visible .message__option:nth-child(2) {
  transition-delay: 1650ms;
}

.state-visible .message__option:nth-child(3) {
  transition-delay: 1900ms;
}

.state-visible .message__option:nth-child(4) {
  transition-delay: 2150ms;
}

.state-visible .message__option:nth-child(5) {
  transition-delay: 2400ms;
}

.state-visible .message__option:nth-child(6) {
  transition-delay: 2650ms;
}

.state-visible .message__option:nth-child(7) {
  transition-delay: 2900ms;
}

.state-visible .message__option:nth-child(8) {
  transition-delay: 3150ms;
}

.state-visible .message__option:nth-child(9) {
  transition-delay: 3400ms;
}

.state-visible .message__option:nth-child(10) {
  transition-delay: 3650ms;
}

.state-visible .message__option {
  opacity: 1;
  transform: none;
}

.rich_download_app {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
}

.rich_download_app--center {
  justify-content: center;
}

.rich_download_app--center .rich_download_app__item {
  margin-right: 8px;
  margin-left: 8px;
}

.rich_download_app__item {
  margin-right: 15px;
}



.title-box {
  margin-bottom: 50px;
  max-width: 700px;
}

.title-box--small {
  max-width: 550px;
}

.title-box--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.title-box--center .title-box__text {
  margin-left: auto;
  margin-right: auto;
}

.title-box__text {
  opacity: 0.9;
  max-width: 80%;
  line-height: 1.6;
}

@media (max-width: 500px) {
  .title-box__text {
    max-width: 300px;
  }
}

.spinner,
.spinner:after {
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.spinner {
  position: relative;
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
  border-right: 2px solid rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
  border-left: 2px solid #fff;
  font-size: 10px;
  text-indent: -9999px;
  transition: opacity 0.2s ease;
}

.spinner--black {
  border-top: 2px solid rgba(0, 0, 0, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
  border-left: 2px solid #000;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.score {
  text-align: center;
}

.score__stars {
  padding: 8px 0;
  margin: 15px 0 7px;
  border-radius: 4px;
}

.score__star {
  display: inline-block;
}

.font-source-code-pro .score__star {
  margin-right: -4px;
}

.score__text {
  font-size: 12px;
  line-height: 1.4;
}

.score__word {
  margin-right: 4px;
  color: #9aa7be;
}

.score__value {
  font-weight: 700;
}

.buttons-set__list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: -7px;
}

@media (max-width: 500px) {
  .buttons-set__list {
    margin-left: 0;
  }
}

.buttons-set__item {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  margin-right: 7px;
  padding-bottom: 14px;
  font-size: 0;
}

@media (max-width: 500px) {
  .buttons-set__item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .buttons-set__item .button,
  .buttons-set__item .store-button {
    width: 100%;
  }
}

.buttons-set__info {
  opacity: 0.5;
  padding-left: 5px;
  font-size: 14px;
}

.feature--white * {
  color: white;
  fill: white;
}

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

.feature--center .feature__icon {
  display: block;
  margin: auto auto 10px auto;
}

.feature--white .button .icon svg * {
  fill: white;
}

.feature__title {
  margin-top: 0;
  margin-bottom: 15px;
}

.feature__title_text {
  text-transform: uppercase;
  font-size: 12px;
}

.feature__content {
  margin: auto;
}

.feature__content_text {
  line-height: 1.6;
  opacity: 0.85;
}

.font-source-code-pro .feature__content_text {
  font-size: 14px;
}

.feature__icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  max-height: 40px;
  max-width: 40px;
  width: 100%;
}

.feature__link {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  font-weight: 700;
  text-decoration: none;
}

.font-source-code-pro .feature__link {
  font-size: 14px;
}

.feature__link:hover .icon {
  transform: translateX(2px);
}

.feature__link .icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  width: 1em;
  transition: transform 0.2s ease;
}

.feature__link--white * {
  color: white;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.feature__link--white *:hover {
  opacity: 0.8;
}

.feature__link--white .icon * {
  fill: white;
}

.feature__button_box {
  margin-top: 15px;
}

.feature__button_box .button--empty {
  padding: 0 !important;
  background: none !important;
  overflow: visible !important;
  min-height: auto !important;
  border-width: 0;
}

.feature__button_box .button--empty:hover {
  background: none !important;
}

.bg-light-color .feature .icon .fill-bg-light,
.bg-light-color .feature .icon .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .bg-light-color .feature .icon *,
.bg-light-color .feature .bg-accent-color .cta_button-28__check .button--accent-outline .icon svg * *,
.bg-accent-color .cta_button-28__check .button--accent-outline .bg-light-color .feature .icon svg * *,
.bg-light-color .feature .button--accent-outline .icon svg .bg-accent-color .cta_button-28__check * *,
.button--accent-outline .bg-light-color .feature .icon svg .bg-accent-color .cta_button-28__check * *,
.bg-light-color .feature .icon .bg-accent-color .cta_button-28__check .button--accent-outline .button__system_icon svg * *,
.bg-accent-color .cta_button-28__check .button--accent-outline .button__system_icon svg * .bg-light-color .feature .icon *,
.bg-light-color .feature .icon .button--accent-outline .button__system_icon svg .bg-accent-color .cta_button-28__check * *,
.button--accent-outline .button__system_icon svg .bg-accent-color .cta_button-28__check * .bg-light-color .feature .icon * {
  fill: white;
}

.logos__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.logos__item_link {
  display: inline-block;
  text-decoration: none;
}

.logos__item_link .logos__img {
  transition: opacity 0.25s ease;
}

.logos__item_link:hover .logos__img {
  opacity: 1;
}

.logos__img {
  max-height: 100px;
}

.form .cta_bottom_info {
  margin-top: 10px;
}

.form.form--centered-button .cta_bottom_info {
  text-align: center;
}

.form__inputs {
  display: flex;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-end;
}

@media (max-width: 600px) {
  .form__inputs {
    display: block;
  }
}

.form__textarea {
  position: relative;
  width: 100%;
  margin-top: 15px;
}

.form__input {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  text-align: left;
}

.form__input:nth-child(even) {
  margin-right: 0;
}

.form__input--full {
  width: 100%;
  margin-right: 0;
  margin-top: 15px;
}

.form__input--hidden {
  display: none;
}

@media (max-width: 600px) {
  .form__input {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }
}

.form__messages_box {
  width: 100%;
}

.form__input__label_box {
  text-align: left;
  margin-bottom: 5px;
}

.nav-02 .form__input__label_box {
  margin-bottom: 0;
}

.form__input__label {
  font-size: 0.8em;
}

.form__input__label_asterix {
  color: #c23934;
  font-size: 1.5em;
  line-height: 0;
  vertical-align: middle;
  margin-right: 4px;
}

.form__button--full {
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  text-align: center;
}

@media (max-width: 600px) {
  .form__button {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }

  .form__button .button {
    width: 100%;
  }
}

.state-show-spinner .form__button .spinner {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}

.form__messages {
  position: absolute;
  z-index: 100;
  width: 100%;
  margin-top: 10px;
}

.form__message_opener {
  margin-top: 10px;
  text-align: center;
}

.form__message_opener--black .form__message_opener_box {
  opacity: 0.8;
  color: white;
  background-color: rgba(216, 221, 230, 0.05);
}

.form__message_opener--black .form__message_opener_box:hover {
  opacity: 1;
  background-color: rgba(216, 221, 230, 0.2);
}

.form__message_opener_box {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #f6f6f6;
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease;
}

.form__message_opener_box .emoji {
  margin-left: 0.3em;
}

.form__message_opener_box:hover {
  background-color: #e9f1ff;
}

.header-23 {
  position: relative;
}

.header-23__container {
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 1020px) {
  .header-23__container {
    display: block;
  }
}

.header-23__left {
  position: relative;
  z-index: 20;
  width: 550px;
  max-width: 550px;
}

@media (max-width: 1020px) {
  .header-23__left {
    width: 100%;
    padding-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.header-23__left_content {
  padding-right: 55px;
}

@media (max-width: 1020px) {
  .header-23__left_content {
    padding-right: 0;
  }
}

.header-23__text {
  max-width: 400px;
}

@media (max-width: 1020px) {
  .header-23__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-23__cta_box {
  margin-top: 45px;
  max-width: 400px;
}

@media (max-width: 1020px) {
  .header-23__cta_box {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-23__right {
  width: calc(100% - 550px);
  text-align: center;
}

@media (max-width: 1020px) {
  .header-23__right {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 500px;
  }
}

.header-23__img {
  position: relative;
  z-index: 10;
  max-height: 500px;
  max-width: 100%;
  text-align: center;
}

@media (max-width: 600px) {
  .header-23__img {
    max-height: 300px;
  }
}

.mockup_v2--Empty,
.header-60__mockup .mockup_v2 {
  max-width: 90%;
  margin: auto;
}

.header-60 {
  z-index: 100;
  text-align: center;
}

.header-60__box {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url('../img/other/white-waves.svg');
}

.header-60__heading {
  max-width: 600px;
  margin: auto auto 70px;
}

.header-60__buttons {
  margin-bottom: 70px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  .header-60__mockup {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.header-60__text {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.header-65-parent .mockup_v2--iphone_15_pro .mockup_v2__area {
  width: 92.5%;
  top: 1%;
  left: 0;
  height: 96.2%;
  overflow: hidden;
  border-radius: 12px;
}

@media (max-width: 425px) {
  .header-65-parent .mockup_v2--iphone_15_pro .mockup_v2__area {
    height: 95.4%;
    border-radius: 8px;
  }
}

.header-65 {
  position: relative;
  z-index: 100;
}

.header-65__container {
  text-align: center;
}

.header-65__main {
  margin-bottom: 70px;
  position: relative;
  z-index: 300;
}

@media (max-width: 400px) {
  .header-65__main {
    margin-bottom: 40px;
  }
}

.header-65__main_content {
  max-width: 550px;
  margin: auto;
}

.header-65__text {
  max-width: 450px;
  margin: auto;
}

.header-65__action_box {
  max-width: 480px;
  margin: 45px auto auto;
}

.header-65__img_wrapper {
  position: relative;
}

.header-65__img_wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 815px;
}

.header-65__small_mockup {
  position: absolute;
  z-index: 150;
  width: 18%;
  left: 5%;
  bottom: -1.3%;
}

.nav-02 {
  position: absolute;
  z-index: 1300;
  top: 0;
  right: 0;
  left: 0;
  padding: 30px 0;
}

@media (max-width: 1300px) {
  .nav-02 {
    padding: 20px 0;
  }
}

@media (max-width: 900px) {
  .nav-02 {
    padding: 10px 0;
  }
}

.nav-02--static {
  position: relative;
}

.nav-02--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 200;
  padding: 10px 0;
}

@media (max-width: 1300px) {
  .nav-02--sticky {
    padding: 10px 0;
  }
}

.nav-02--sticky--white {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.07);
}

.nav-02--sticky--black {
  background-color: #303030;
}

.nav-02__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-02__box--center {
  justify-content: center;
}

.nav-02__logo {
  position: relative;
  z-index: 50;
}

@media (max-width: 900px) {
  .nav-02__logo {
    padding: 5px 15px 5px 0;
  }
}

.comps .nav-02__link {
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
  transition: opacity 0.25s ease;
}

.comps .nav-02__link:hover {
  color: inherit;
  opacity: 0.7;
}

.nav-02__logo_img {
  margin-right: 10px;
}

.nav-02__logo_text {
  padding-right: 25px;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-size: 16px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .nav-02__list_wrapper {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    overflow: auto;
    background-color: white;
    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
  }

  .state-opened-menu .nav-02__list_wrapper {
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 900px) {
  .nav-02__list_wrapper--black {
    background-color: #303030;
  }
}

.nav-02__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (max-width: 900px) {
  .nav-02__list--desktop {
    display: none;
  }
}

.nav-02__list--mobile {
  display: none;
}

@media (max-width: 900px) {
  .nav-02__list--mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 90px 15px 40px 15px;
  }
}

.nav-02__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-right: 15px;
}

.nav-02__item form {
  font-size: 14px;
}

.nav-02__item:last-child {
  margin-right: 0;
}

@media (max-width: 900px) {
  .nav-02__item {
    transform: translateY(5px);
    opacity: 0;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
    transition:
      opacity 0.2s ease,
      transform 0.2s ease;
  }

  .nav-02__item:nth-child(9) {
    transition-delay: 100ms;
  }

  .nav-02__item:nth-child(8) {
    transition-delay: 150ms;
  }

  .nav-02__item:nth-child(7) {
    transition-delay: 200ms;
  }

  .nav-02__item:nth-child(6) {
    transition-delay: 250ms;
  }

  .nav-02__item:nth-child(5) {
    transition-delay: 300ms;
  }

  .nav-02__item:nth-child(4) {
    transition-delay: 350ms;
  }

  .nav-02__item:nth-child(3) {
    transition-delay: 400ms;
  }

  .nav-02__item:nth-child(2) {
    transition-delay: 450ms;
  }

  .nav-02__item:nth-child(1) {
    transition-delay: 500ms;
  }

  .nav-02__item:nth-child(0) {
    transition-delay: 550ms;
  }

  .state-opened-menu .nav-02__item {
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 901px) {
  .nav-02__burger {
    display: none;
  }
}

.nav-02 .buttons-set__item,
.nav-02 .buttons-set__item {
  padding-bottom: 0;
}

@media (max-width: 900px) {
  .nav-02 .buttons-set__item,
  .nav-02 .buttons-set__item {
    padding-bottom: 15px;
  }
}

.nav-02 .buttons-set__list {
  display: flex;
  flex-direction: row-reverse;
  margin-right: -7px;
}

@media (max-width: 900px) {
  .nav-02 .buttons-set__list {
    flex-direction: column-reverse;
    margin-right: auto;
  }
}

@media (max-width: 1100px) {
  .nav-02__list--desktop .nav-02__item > .button--black-outline.button--empty {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.pricing-01 {
  text-align: center;
}

.pricing-01__cards_container {
  position: relative;
}

.pricing-01__decoration {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
  width: 100%;
}

.pricing-01__buttons {
  display: inline-block;
  position: relative;
  margin: 40px 0 60px;
}

.pricing-01__buttons_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricing-01__badge {
  position: absolute;
  opacity: 0;
  top: 47%;
  transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97);
  right: -20px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-01__badge.state-active-tab {
  opacity: 1;
  transform: translateY(-50%) translateX(100%) translateZ(0);
}

@media (max-width: 600px) {
  .pricing-01__badge {
    display: none;
  }
}

.pricing-01__cards_list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.pricing-01__card_box {
  overflow: hidden;
  max-width: 380px;
  margin: 0 20px 40px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  border-radius: 10px;
}

.pricing-01__card_top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 140px;
  border-bottom: 1px solid #e9f1ff;
  background-color: #f6f6f6;
}

.pricing-01__card_img {
  max-height: 50px;
}

.pricing-01__card_bottom {
  padding: 35px;
}

.pricing-01__card_title_box {
  position: relative;
  text-align: left;
}

.pricing-01__card_title {
  margin-bottom: 35px;
  max-width: calc(100% - 90px);
  font-size: 22px;
}

@media (max-width: 500px) {
  .pricing-01__card_title {
    font-size: 17px;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.pricing-01__card_price_box {
  position: absolute;
  top: 0;
  right: 0;
  height: 1em;
  width: 100px;
}

@media (max-width: 500px) {
  .pricing-01__card_price_box {
    position: static;
    margin-bottom: 40px;
  }
}

.pricing-01__card_price {
  position: absolute;
  font-size: 22px;
  right: 0;
  opacity: 0;
  transform: translateY(3px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-01__card_price.state-active-tab {
  opacity: 1;
  transform: none;
}

@media (max-width: 500px) {
  .pricing-01__card_price {
    left: 0;
    right: auto;
  }
}

.pricing-01__card_button_box {
  display: none;
}

.pricing-01__card_button_box.state-active-tab {
  display: block;
}

.pricing-01__card_period {
  margin-top: 3px;
  font-size: 12px;
  color: #b9c2d2;
}

.pricing-01__card_info {
  margin-bottom: 40px;
  padding-right: 60px;
  min-width: 200px;
  text-align: left;
  color: #636363;
}

@media (max-width: 500px) {
  .pricing-01__card_info {
    padding-right: 0;
    min-width: 150px;
    font-size: 14px;
  }
}

.pricing-02 {
  text-align: center;
}

.pricing-02__cards_container {
  position: relative;
}

.pricing-02__buttons {
  display: inline-block;
  position: relative;
  margin: 20px 0 40px;
}

.pricing-02__buttons_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricing-02__badge {
  position: absolute;
  opacity: 0;
  top: calc(50% - 2px);
  transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97);
  right: -20px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-02__badge.state-active-tab {
  opacity: 1;
  transform: translateY(-50%) translateX(100%) translateZ(0);
}

@media (max-width: 600px) {
  .pricing-02__badge {
    display: none;
  }
}

.pricing-02__cards_list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.pricing-02__card_box {
  position: relative;
  max-width: 264px;
  width: 100%;
  margin: 0 15px 30px;
  padding: 40px 25px 50px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  border-radius: 10px;
  border: 2px solid transparent;
}

.pricing-02__card_img {
  max-height: 44px;
}

.pricing-02__card_title {
  margin-bottom: 20px;
  font-size: 22px;
}

.pricing-02__card_info {
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 30px;
  opacity: 0.8;
}

.pricing-02__price_box {
  position: relative;
  height: 77px;
  margin-bottom: 10px;
}

.pricing-02__price_item {
  position: absolute;
  top: 0;
  left: 50%;
  margin: auto;
  opacity: 0;
  transform: translateY(3px) translateX(-50%);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-02__price_item.state-active-tab {
  opacity: 1;
  transform: translateX(-50%);
}

.pricing-02__price {
  display: inline-block;
  font-size: 64px;
  line-height: 1;
}

.pricing-02__price_symbol {
  top: 0;
  left: -10px;
}

.pricing-02__price_symbol--bigger {
  left: -28px;
}

.pricing-02__period {
  right: -5px;
  bottom: 4px;
  transform: translateX(100%);
}

.pricing-02__period,
.pricing-02__price_symbol {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  color: #b9c2d2;
}

.pricing-02__info_item_text {
  line-height: 1.4;
  color: #636363;
}

.pricing-02__info {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
}

.pricing-02__info_item {
  position: relative;
  margin-bottom: 15px;
}

.pricing-02__info_item:last-child {
  margin-bottom: 0;
}

.pricing-02__info_item_box {
  display: inline-block;
}

.pricing-02__info_item_text {
  margin-right: 7px;
}

.pricing-02__info_item_icon,
.pricing-02__info_item_text {
  display: inline-block;
  vertical-align: middle;
}

.pricing-02__info_item_icon {
  opacity: 0.5;
  font-size: 0;
  transition: opacity 0.2s ease;
}

.pricing-02__info_item_icon:hover {
  opacity: 1;
}

.pricing-02__hover {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 15px;
  left: 15px;
  transform: translateY(calc(-100% + 5px)) scale(0.98);
  visibility: hidden;
  padding: 10px 15px 20px;
  border-radius: 4px;
  text-align: left;
  line-height: 1.4;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-02__hover.state-visible {
  transform: translateY(-100%) scale(1);
  opacity: 1;
  visibility: visible;
}

.pricing-02__contact_us {
  display: inline-block;
  padding: 5px 0 7px;
  border-radius: 4px;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  color: #303030;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.pricing-02__contact_us:hover {
  background-color: #f6f6f6;
}

.pricing-02__subword {
  padding-top: 2px;
  font-size: 14px;
  color: #b9c2d2;
}

.pricing-02__price_text {
  display: inline-block;
}

.pricing-02__card_button_box {
  display: none;
}

.pricing-02__card_button_box.state-active-tab {
  display: block;
}

.pricing-03__container {
  position: relative;
}

.pricing-03__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .pricing-03__wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.pricing-03__decoration {
  position: absolute;
  z-index: -1;
  right: 0;
  top: -60px;
  max-width: 800px;
}

@media (max-width: 900px) {
  .pricing-03__decoration {
    display: none;
  }
}

.pricing-03__info {
  padding-right: 30px;
  margin-bottom: 30px;
  max-width: 450px;
}

@media (max-width: 900px) {
  .pricing-03__info {
    padding-right: 0;
    text-align: center;
  }
}

.pricing-03__info_text {
  line-height: 1.6;
}

.pricing-03__illustration {
  position: relative;
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .pricing-03__illustration {
    display: none;
  }
}

.pricing-03__small_cloud,
.pricing-03__mid_cloud {
  position: absolute;
}

.pricing-03__main_img {
  position: relative;
  z-index: 10;
}

.pricing-03__small_cloud {
  z-index: 5;
  right: -45px;
  top: 0;
}

.pricing-03__mid_cloud {
  z-index: 20;
  left: -50px;
  top: 0;
}

.pricing-03__price__wrapper {
  width: 100%;
  max-width: 340px;
}

.pricing-03__price {
  position: relative;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  border-radius: 10px;
  text-align: center;
}

.pricing-03__price_top {
  padding: 10px 15px;
  border-bottom: 1px solid #e9f1ff;
}

.pricing-03__price_bottom {
  padding: 40px 0;
}

.pricing-03__benefits_list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
}

.pricing-03__benefit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.pricing-03__benefit:last-child {
  margin-bottom: 0;
}

.pricing-03__benefit_icon {
  margin-right: 10px;
  max-width: 16px;
}

.pricing-03__benefit_icon svg {
  position: relative;
  top: 2px;
  width: 16px;
}

.pricing-03__benefit_text {
  display: inline-block;
  line-height: 1.4;
}

.pricing-03__illustration {
  position: relative;
  cursor: pointer;
}

.pricing-03__illustration:hover .pricing-03__secondary_img {
  -webkit-filter: contrast(1.4);
  filter: contrast(1.4);
}

.pricing-03__main_img {
  position: relative;
  z-index: 10;
  height: 40px;
  transition:
    transform 10s ease,
    -webkit-filter 0.3s ease;
  transition:
    transform 10s ease,
    filter 0.3s ease;
  transition:
    transform 10s ease,
    filter 0.3s ease,
    -webkit-filter 0.3s ease;
}

.state-active-animation .pricing-03__main_img {
  transform: translateX(-10px) translateY(0);
}

.pricing-03__secondary_img {
  position: absolute;
  right: -12px;
  top: -6px;
  z-index: 1;
  height: 40px;
  transition:
    transform 10s ease,
    -webkit-filter 0.4s ease;
  transition:
    transform 10s ease,
    filter 0.4s ease;
  transition:
    transform 10s ease,
    filter 0.4s ease,
    -webkit-filter 0.4s ease;
}

.state-active-animation .pricing-03__secondary_img {
  transform: translateX(40px) translateY(20px) scale(1.8) rotateZ(45deg);
  -webkit-filter: contrast(1.6);
  filter: contrast(1.6);
}

@-webkit-keyframes main_floating {
  0% {
    transform: translateX(0) translateY(0);
  }

  50% {
    transform: translateX(-10px) translateY(0);
  }

  100% {
    transform: translateX(0) translateY(0);
  }
}

@keyframes main_floating {
  0% {
    transform: translateX(0) translateY(0);
  }

  50% {
    transform: translateX(-10px) translateY(0);
  }

  100% {
    transform: translateX(0) translateY(0);
  }
}

@-webkit-keyframes secondary_floating {
  0% {
    transform: translateX(0) translateY(0) rotateZ(0);
  }

  50% {
    transform: translateX(40px) translateY(20px) scale(1.8) rotateZ(45deg);
    -webkit-filter: contrast(1.4);
    filter: contrast(1.4);
  }

  100% {
    transform: translateX(0) translateY(0) rotateZ(90deg);
  }
}

@keyframes secondary_floating {
  0% {
    transform: translateX(0) translateY(0) rotateZ(0);
  }

  50% {
    transform: translateX(40px) translateY(20px) scale(1.8) rotateZ(45deg);
    -webkit-filter: contrast(1.4);
    filter: contrast(1.4);
  }

  100% {
    transform: translateX(0) translateY(0) rotateZ(90deg);
  }
}

.pricing-03__card_text {
  margin-bottom: 10px;
  opacity: 0.8;
  font-size: 14px;
  line-height: 1.4;
}

.pricing-03__hover {
  position: absolute;
  opacity: 0;
  top: 10px;
  right: 15px;
  left: 15px;
  transform: translateY(-5px);
  visibility: hidden;
  z-index: 10;
  padding: 10px 15px 20px;
  border-radius: 4px;
  text-align: left;
  line-height: 1.4;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.style-yellow-1:not(.custom-colors-enabled) .pricing-03__hover,
.custom-colors-enabled.custom-accent-color-bright .pricing-03__hover {
  color: #303030;
}

.pricing-03__hover.state-visible {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.pricing-03__buttons {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  z-index: 5;
}

.pricing-03__buttons_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricing-03__price_holder {
  position: relative;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.pricing-03__price_text {
  position: absolute;
  margin: 0;
  text-align: center;
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  transform: translateY(3px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-03__price_text.state-active-tab {
  opacity: 1;
  transform: none;
}

.pricing-03__badge {
  position: absolute;
  opacity: 0;
  transform: translateY(-10%) translateX(0%) translateZ(0) scale(0.97);
  right: 0;
  left: 0;
  margin: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-03__badge.state-active-tab {
  opacity: 1;
  transform: none;
}

.pricing-03__card_button_box {
  display: none;
}

.pricing-03__card_button_box.state-active-tab {
  display: block;
}

.pricing-03__individual-text {
  display: none;
}

.pricing-03__individual-text.state-active-tab {
  display: block;
}

.pricing-04 {
  text-align: center;
}

.pricing-04__decoration {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
  width: 100%;
}

.pricing-04__buttons {
  display: inline-block;
  position: relative;
  margin: 20px 0 40px;
}

.pricing-04__buttons_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricing-04__badge {
  position: absolute;
  opacity: 0;
  top: calc(50% - 2px);
  transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97);
  right: -20px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-04__badge.state-active-tab {
  opacity: 1;
  transform: translateY(-50%) translateX(100%) translateZ(0);
}

@media (max-width: 600px) {
  .pricing-04__badge {
    display: none;
  }
}

.pricing-04__cards_list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -60px;
}

.pricing-04__card_box {
  max-width: 264px;
  width: 100%;
  margin: 0 15px 60px;
}

.pricing-04__card {
  padding: 20px 25px 25px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  border-radius: 10px;
  border: 2px solid transparent;
}

.pricing-04__card_title {
  margin-bottom: 15px;
  font-size: 22px;
}

.pricing-04__card_text,
.pricing-04__card_main_text {
  opacity: 0.8;
  font-size: 14px;
  line-height: 1.4;
}

.pricing-04__card_main_text {
  margin-bottom: 30px;
}

.pricing-04__price_box {
  position: relative;
  height: 77px;
  margin-bottom: 10px;
}

.pricing-04__price_item {
  position: absolute;
  top: 0;
  left: 50%;
  margin: auto;
  opacity: 0;
  transform: translateY(3px) translateX(-50%);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-04__price_item.state-active-tab {
  opacity: 1;
  transform: translateX(-50%);
}

.pricing-04__price {
  display: inline-block;
  font-size: 64px;
  line-height: 1;
}

.pricing-04__price_text {
  display: inline-block;
}

.pricing-04__price_symbol {
  top: 0;
  left: -10px;
}

.pricing-04__price_symbol--bigger {
  left: -28px;
}

.pricing-04__period {
  right: -5px;
  bottom: 4px;
  transform: translateX(100%);
}

.pricing-04__period,
.pricing-04__price_symbol {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  color: #b9c2d2;
}

.pricing-04__info_item_text {
  line-height: 1.4;
}

.pricing-04__subword {
  padding-top: 2px;
  font-size: 14px;
  color: #b9c2d2;
}

.pricing-04__items {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top: 30px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.pricing-04__item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}

.pricing-04__item:last-child {
  margin-bottom: 0;
}

.pricing-04__item_text {
  display: inline-block;
}

.pricing-04__item_icon {
  vertical-align: top;
  height: 12px;
  margin-right: 10px;
}

.bg-accent-color .pricing-04__item_icon {
  background-color: white;
  border-radius: 50%;
  padding: 4px;
  width: 18px;
  height: 18px;
}

.pricing-04__action_container {
  margin-top: 40px;
}

.pricing-04__action_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 20px 20px;
  background-color: white;
  border-radius: 10px;
  border: 2px solid #eee;
}

@media (max-width: 500px) {
  .pricing-04__action_wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.pricing-04__action_text {
  padding-right: 40px;
  text-align: left;
  line-height: 1.4;
}

@media (max-width: 500px) {
  .pricing-04__action_text {
    padding-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

.pricing-04__hover {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 15px;
  left: 15px;
  transform: translateY(calc(-100% + 5px)) scale(0.98);
  visibility: hidden;
  padding: 10px 15px 20px;
  border-radius: 4px;
  text-align: left;
  line-height: 1.4;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-04__hover.state-visible {
  transform: translateY(-100%) scale(1);
  opacity: 1;
  visibility: visible;
}

.pricing-04__card_button {
  margin-top: 20px;
}

.pricing-04__card_button_box {
  display: none;
}

.pricing-04__card_button_box.state-active-tab {
  display: block;
}

.pricing-04__individual-text {
  display: none;
}

.pricing-04__individual-text.state-active-tab {
  display: block;
}

.pricing-05 {
  text-align: center;
}

.pricing-05__box {
  padding-bottom: 20px;
  padding-top: 15px;
}

.pricing-05__buttons {
  display: inline-block;
  position: relative;
  margin: 20px 0 40px;
}

.pricing-05__buttons_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricing-05__badge {
  position: absolute;
  opacity: 0;
  top: calc(50% - 2px);
  transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97);
  right: -20px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-05__badge.state-active-tab {
  opacity: 1;
  transform: translateY(-50%) translateX(100%) translateZ(0);
}

@media (max-width: 600px) {
  .pricing-05__badge {
    display: none;
  }
}

.pricing-05__cards_container {
  position: relative;
  text-align: left;
  padding: 0 15px 0;
  margin-left: auto;
  margin-right: auto;
}

.pricing-05__cards_container--0 {
  display: none;
}

.pricing-05__cards_container--1 {
  width: 530px;
}

.pricing-05__cards_container--1 .pricing-05__card_box {
  width: 65%;
}

.pricing-05__cards_container--2 {
  width: 720px;
}

.pricing-05__cards_container--2 .pricing-05__card_box {
  width: 35%;
}

.pricing-05__cards_container--3 {
  width: 850px;
}

.pricing-05__cards_container--3 .pricing-05__card_box {
  width: 25%;
}

.pricing-05__cards_container--4 {
  width: 1010px;
}

.pricing-05__cards_container--4 .pricing-05__card_box {
  width: 21%;
}

.pricing-05__cards_container--5 {
  width: 1200px;
}

.pricing-05__cards_container--5 .pricing-05__card_box {
  width: 16%;
}

.pricing-05__cards_container--no-headers.pricing-05__cards_container--1 .pricing-05__card_box {
  width: 100%;
}

.pricing-05__cards_container--no-headers.pricing-05__cards_container--2 .pricing-05__card_box {
  width: 50%;
}

.pricing-05__cards_container--no-headers.pricing-05__cards_container--3 .pricing-05__card_box {
  width: 32%;
}

.pricing-05__cards_container--no-headers.pricing-05__cards_container--4 .pricing-05__card_box {
  width: 25%;
}

.pricing-05__cards_container--no-headers.pricing-05__cards_container--5 .pricing-05__card_box {
  width: 20%;
}

.pricing-05__table {
  width: 100%;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  border-radius: 10px;
  border-collapse: collapse;
}

.pricing-05__row {
  position: relative;
  transition: background-color 0.2s ease;
}

.pricing-05__row:after {
  content: '';
  width: 80%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  background: linear-gradient(to right, rgba(197, 201, 224, 0), #dfdfdf, rgba(197, 201, 224, 0));
}

.pricing-05__row:not(.pricing-05__info--accent):hover {
  background-color: #f6f6f6;
}

.pricing-05__info {
  padding: 10px 10px;
}

.pricing-05__info__box {
  display: flex;
  align-items: center;
  padding-left: 3px;
}

.pricing-05__info__box--center {
  justify-content: center;
  text-align: center;
}

.pricing-05__item_text {
  display: inline-block;
  vertical-align: middle;
}

.font-source-code-pro .pricing-05__item_text {
  font-size: 12px;
}

.pricing-05__hover {
  position: absolute;
  opacity: 0;
  top: 10px;
  top: 0;
  left: 25px;
  max-width: 600px;
  min-width: 200px;
  transform: translateY(calc(-100% + 5px)) scale(0.98);
  visibility: hidden;
  padding: 10px 15px 20px;
  border-radius: 4px;
  text-align: left;
  line-height: 1.4;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-05__hover.state-visible {
  transform: translateY(calc(-100%)) scale(1);
  opacity: 1;
  visibility: visible;
}

.pricing-05__card_box {
  padding: 30px 20px 10px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  vertical-align: top;
}

.pricing-05__item_icon {
  vertical-align: middle;
  height: 12px;
}

:not(.pricing-05__info__box--center) > .pricing-05__item_icon {
  margin-right: 10px;
}

.style-green-1 .pricing-05__item_icon,
.style-green-2 .pricing-05__item_icon,
.style-green-3 .pricing-05__item_icon {
  /* background-color: white; */
  border-radius: 50%;
  padding: 4px;
  width: 18px;
  height: 18px;
}

.pricing-05__card_img_box {
  margin-bottom: 15px;
}

.pricing-05__card_img {
  max-height: 26px;
}

.pricing-05__card_title {
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: inherit;
}

.pricing-05__card_info {
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 10px;
  opacity: 0.8;
}

.pricing-05__price_box {
  position: relative;
  margin-bottom: 10px;
  height: 20px;
}

.pricing-05__period,
.pricing-05__price_symbol {
  display: inline;
}

.pricing-05__price_item {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(3px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.pricing-05__price_item.state-active-tab {
  opacity: 1;
  transform: none;
}

.pricing-05__price {
  display: inline-block;
  line-height: 1;
}

.pricing-05__header {
  padding: 0 20px;
  position: relative;
}

.pricing-05__header_text {
  padding: 10px 10px;
  min-width: 170px;
  opacity: 0.8;
  line-height: 1.4;
  font-size: 14px;
}

.pricing-05__card_button {
  padding: 20px 20px 30px;
  text-align: center;
}

.pricing-05__card_button_box {
  border-radius: 0 0 10px 10px;
}

.pricing-05__info_item_icon {
  position: relative;
  top: 2px;
  display: inline-block;
  opacity: 0.8;
  margin-left: 7px;
  font-size: 0;
  transition: opacity 0.2s ease;
}

.pricing-05__header_text:hover .pricing-05__info_item_icon {
  opacity: 1;
}

.style-yellow-1:not(.custom-colors-enabled) .pricing-05__card_box--accent.text-white,
.style-yellow-1:not(.custom-colors-enabled) .pricing-05__info--accent.text-white,
.custom-accent-color-bright .pricing-05__card_box--accent.text-white,
.custom-accent-color-bright .pricing-05__info--accent.text-white {
  color: #303030;
}

.pricing-05__card_button_wrapper {
  display: none;
}

.pricing-05__card_button_wrapper.state-active-tab {
  display: block;
}

@media (max-width: 1280px) {
  .pricing-05__cards_desktop--many {
    display: none;
  }
}

@media (max-width: 1230px) {
  .pricing-05__cards_desktop--5 {
    display: none;
  }
}

@media (max-width: 1040px) {
  .pricing-05__cards_desktop--4 {
    display: none;
  }
}

@media (max-width: 880px) {
  .pricing-05__cards_desktop--3 {
    display: none;
  }
}

@media (max-width: 750px) {
  .pricing-05__cards_desktop--2 {
    display: none;
  }
}

@media (max-width: 560px) {
  .pricing-05__cards_desktop--1 {
    display: none;
  }
}

.pricing-05__cards_mobile {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -30px;
  align-items: flex-start;
}

@media (max-width: 1280px) {
  .pricing-05__cards_mobile--many {
    display: flex;
  }
}

@media (max-width: 1230px) {
  .pricing-05__cards_mobile--5 {
    display: flex;
  }
}

@media (max-width: 1040px) {
  .pricing-05__cards_mobile--4 {
    display: flex;
  }
}

@media (max-width: 880px) {
  .pricing-05__cards_mobile--3 {
    display: flex;
  }
}

@media (max-width: 750px) {
  .pricing-05__cards_mobile--2 {
    display: flex;
  }
}

@media (max-width: 560px) {
  .pricing-05__cards_mobile--1 {
    display: flex;
  }
}

.pricing-05__cards_mobile .pricing-05__table {
  max-width: 320px;
  margin: 30px 15px 0;
}

.pricing-05__cards_mobile .pricing-05__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 24px;
}

.pricing-05__cards_mobile .pricing-05__header_text {
  min-width: auto;
  padding: 0;
  text-align: left;
}

.pricing-05__cards_mobile .pricing-05__row::after {
  top: 0;
}

.pricing-05__cards_mobile .pricing-05__header {
  padding: 0;
  padding-right: 12px;
}

.pricing-05__cards_mobile .pricing-05__item_text {
  text-align: right;
}

.pricing-05__cards_mobile .pricing-05__info__box {
  padding-left: 0;
  flex-shrink: 0;
  max-width: 200px;
}

.pricing-05__cards_mobile .pricing-05__info__box_no-header {
  margin: 0 auto;
}

@media (max-width: 400px) {
  .pricing-05__cards_mobile .pricing-05__info__box {
    flex-shrink: 1;
  }
}

.pricing-05__cards_mobile .pricing-05__info_item_icon {
  margin-left: 0;
}

.pricing-05__cards_mobile .pricing-05__hover {
  z-index: 5;
}

.pricing-05__cards_mobile .pricing-05__row {
  display: block;
}

.pricing-05__cards_mobile .pricing-05__info--accent #Help-icon {
  fill: #fff !important;
}

.cta_form-04__wrapper {
  border-radius: 10px;
  border: 1px solid #eee;
  text-align: center;
}

.cta_form-04__top {
  padding: 30px 20px 40px;
}

@media (max-width: 400px) {
  .cta_form-04__top {
    padding-top: 30px;
  }
}

.cta_form-04__heading_box .title-box {
  margin-bottom: 30px;
}

.cta_form-04__heading {
  margin-top: 0;
  margin-bottom: 30px;
}

.cta_form-04__text {
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.6;
}

.cta_form-04__form_box {
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.cta_form-04__features {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 20px;
}

.cta_form-04__feature {
  position: relative;
  display: inline-block;
  opacity: 0.65;
  margin-right: 30px;
  font-size: 10px;
  letter-spacing: 0.012em;
  text-transform: uppercase;
  font-weight: 700;
}

.cta_form-04__feature:last-child {
  margin-right: 0;
}

.cta_form-04__feature:last-child:after {
  content: none;
}

.cta_form-04__feature:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: rgba(48, 48, 48, 0.3);
}

.cta_form-04__bottom {
  border-top: 1px solid #eee;
  padding: 20px 20px 30px;
}

.cta_form-04__bottom_text {
  opacity: 0.8;
  line-height: 1.6;
}

.cta_form-04__bottom_link {
  margin-top: 20px;
}

.cta_button-01__button_box,
.cta_button-04__button_box,
.cta_button-06__button_box {
  text-align: center;
}

.cta_button-01__button_wrapper,
.cta_button-04__button_wrapper,
.cta_button-06__button_wrapper {
  display: inline-block;
  position: relative;
}

.cta_button-01__tag,
.cta_button-04__tag,
.cta_button-06__tag {
  position: relative;
  z-index: 10;
  transform: translateY(20%);
}

@media (min-width: 1000px) {
  .cta_button-01__tag,
  .cta_button-04__tag,
  .cta_button-06__tag {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%) translateX(75%);
  }
}

.cta_button-21__button_box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: -14px;
}

@media (max-width: 500px) {
  .cta_button-21__button_box {
    flex-direction: column;
  }
}

.cta_button-21__text {
  padding-left: 20px;
  max-width: 250px;
  line-height: 1.4;
  padding-bottom: 14px;
}

.cta_button-21__text .emoji {
  margin-left: 5px;
  margin-right: 5px;
}

@media (max-width: 500px) {
  .cta_button-21__text {
    padding-left: 0;
    margin-top: 15px;
  }
}

.cta_button-25__title {
  margin-bottom: 25px;
  text-align: center;
}

.cta_button-25__subheading {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

.cta_button-25__button_wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 100px;
  text-align: center;
}

@media (max-width: 500px) {
  .cta_button-25__button_wrapper {
    margin-bottom: 70px;
  }
}

.cta_button-25__tag {
  position: relative;
}

.cta_button-25__tag .tag {
  position: absolute;
  top: -10px;
  right: -50px;
  z-index: 2;
}

.cta_button-25__features {
  padding: 0;
  margin: 0;
  list-style: none;
  max-width: 750px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  margin-bottom: -50px;
}

@media (max-width: 500px) {
  .cta_button-25__features {
    flex-direction: column;
    align-items: center;
  }
}

.cta_button-25__item {
  width: calc(100% / 3 - 50px);
  padding-top: 15px;
  margin-right: 75px;
  margin-bottom: 50px;
  position: relative;
}

.cta_button-25__item:nth-child(3n) {
  margin-right: 0;
}

.cta_button-25__item:last-child {
  margin-right: 0;
}

.cta_button-25__item::before {
  content: '';
  width: 60px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 800px) {
  .cta_button-25__item {
    width: calc(100% / 3 - 30px);
    margin-right: 45px;
  }
}

@media (max-width: 500px) {
  .cta_button-25__item {
    width: 100%;
    max-width: 180px;
    margin-right: 0;
    margin-bottom: 50px;
  }

  .cta_button-25__item:last-child {
    margin-bottom: 0;
  }
}

.bg-accent-color .cta_button-25__item:before {
  background-color: #303030;
}

.cta_button-25__top_title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
}

.cta_button-25__content {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
  opacity: 0.5;
}


.footer-04 {
  padding-top: 70px;
}

.footer-04__top_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

@media (max-width: 1100px) {
  .footer-04__top_wrapper {
    justify-content: flex-start;
  }
}

.footer-04__col {
  width: 20%;
  min-width: 200px;
  padding-right: 25px;
  margin-bottom: 50px;
}

.footer-04__title {
  margin-top: 0;
  margin-bottom: 20px;
  color: inherit;
}

.footer-04__logo_link {
  display: inline-block;
  text-decoration: none;
  transition: opacity 0.25s ease;
}

.footer-04__logo_link:hover {
  opacity: 0.6;
}

.footer-04__logo {
  margin-bottom: 10px;
}

.footer-04__info {
  font-size: 14px;
  color: inherit;
  opacity: 0.6;
}

.footer-04__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-04__item {
  margin-bottom: 12px;
}

.font-source-code-pro .footer-04__item {
  margin-bottom: 8px;
}

.footer-04__item:last-child {
  margin-bottom: 0;
}

.footer-04__link {
  position: relative;
  font-size: 14px;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease;
}

.font-source-code-pro .footer-04__link {
  font-size: 12px;
}

.footer-04__link:hover {
  opacity: 0.7;
  color: inherit;
}

.footer-04__bottom_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 34px 15px;
  border-top: 1px solid #d8dde6;
}

.footer-04__bottom_wrapper--center {
  justify-content: center;
}

.footer-04__bottom_links {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-04__bottom_links_item {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.footer-04__bottom_links_item:first-child {
  margin-left: 0;
}

.footer-04__bottom_item {
  font-size: 12px;
  opacity: 0.4;
  color: inherit;
}

.text-white .footer-04__bottom_item {
  opacity: 0.6;
}

.footer-04__bottom_link {
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.footer-04__bottom_link:hover {
  opacity: 0.8;
}

.text-white .footer-04__bottom_link:hover {
  opacity: 0.8;
}

.footer-04__bottom_wrapper .buttons-set__item {
  padding-bottom: 0;
}

@media (max-width: 500px) {
  .footer-04__bottom_wrapper .buttons-set__item {
    padding-bottom: 14px;
  }

  .footer-04__bottom_wrapper .buttons-set__item:last-child {
    padding-bottom: 0;
  }
}

.footer-04__bottom_info {
  font-size: 12px;
  opacity: 0.6;
  color: inherit;
  padding: 0px 15px 34px;
}

.footer-04__bottom_wrapper:not(.footer-04__bottom_wrapper--center) .footer-04__bottom_links {
  margin-top: 30px;
}

.text--02 {
  overflow: hidden;
  padding: 40px 0;
}

.text--02__box {
  position: relative;
}

.text--02__content_box {
  padding: 60px 90px 35px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
}

.text--02__content_box--top {
  position: relative;
  z-index: 10;
}

.text--02__content_box--bottom {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  transform: rotate(-3deg);
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
}

@media (max-width: 700px) {
  .text--02__content_box {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.text--02__img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translateY(-50%);
  height: 60px;
  text-align: center;
}

.text--02__img img {
  max-height: 100%;
}

.text--02__link_box {
  margin-top: 20px;
}

.text--03__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 700px) {
  .text--03__wrapper {
    justify-content: center;
    flex-direction: column;
  }
}

.text--03__left {
  width: 45%;
}

@media (max-width: 700px) {
  .text--03__left {
    width: 100%;
    margin-bottom: 40px;
  }
}

.text--03__big_text {
  font-size: 32px;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .text--03__big_text {
    font-size: 20px;
  }
}

.text--03__right {
  width: 45%;
}

.text--03__right p:first-of-type {
  margin: 0;
}

@media (max-width: 700px) {
  .text--03__right {
    width: 100%;
  }
}

.text--04__big_text {
  line-height: 1.4;
  text-align: center;
}

.text--04__big_text .emoji {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

body .text--04__big_text * {
  line-height: 1.4;
}

.text--07 .button--empty {
  padding-left: 0;
}

.text--07__link_box {
  margin-top: 40px;
}

.text-08__item {
  margin-bottom: 40px;
}

.text-08__item:last-of-type {
  margin-bottom: 0;
}

.text--08__icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  max-width: 30px;
}

.text--08__icon img {
  width: 100%;
  object-fit: contain;
}

.faq-01__title_box {
  text-align: center;
}

.faq-01__list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 30px;
}

.faq-01__question {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 15px 20px 20px;
  background-color: white;
  border: 2px solid #d8dde6;
  border-radius: 4px;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.01em;
  transition:
    border-color 0.25s ease,
    color 0.25s ease;
}

.faq-01__question_text {
  position: relative;
  padding-right: 35px;
}

.faq-01__arrow_icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  margin: auto;
  transform-origin: center;
  font-size: 0;
  line-height: 1;
  transition: transform 0.3s ease;
}

.state-active .faq-01__arrow_icon {
  transform: translateY(-50%);
}

.faq-01__arrow_icon,
.faq-01__arrow_icon .icon,
.faq-01__arrow_icon svg {
  display: inline-block;
  width: 15px;
  height: 8px;
}

.custom-accent-color-bright .faq-01__arrow_icon *,
.style-yellow-1:not(.custom-colors-enabled) .faq-01__arrow_icon *,
.custom-accent-color-bright .faq-01__arrow_icon .icon *,
.style-yellow-1:not(.custom-colors-enabled) .faq-01__arrow_icon .icon *,
.custom-accent-color-bright .faq-01__arrow_icon svg *,
.style-yellow-1:not(.custom-colors-enabled) .faq-01__arrow_icon svg * {
  stroke: #303030;
}

.faq-01__answer {
  display: none;
  margin-top: 20px;
  color: #303030;
  font-weight: 400;
}

.state-active .faq-01__answer {
  display: block;
}

.faq-01__answer_text {
  margin-top: 0;
}

.faq-01__answer_text {
  margin-bottom: 20px;
  color: rgba(48, 48, 48, 0.85);
}

.faq-01__answer_text:first-of-type {
  margin-top: 0;
}

.faq-01__answer_text:last-child {
  margin-bottom: 0;
}

.steps-01__list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top: 70px;
}

.steps-01__list:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  top: 0;
  left: 50%;
  bottom: 0;
  background-color: #eee;
}

@media (max-width: 760px) {
  .steps-01__list:before {
    left: 5px;
  }
}

@media (max-width: 760px) {
  .steps-01__list {
    padding-left: 40px;
  }
}

.steps-01__item {
  position: relative;
  padding-bottom: 120px;
}

.steps-01__item:nth-child(odd) {
  text-align: right;
}

.steps-01__item:nth-child(odd) .steps-01__text_box {
  padding-left: 40px;
  text-align: left;
}

.steps-01__item:nth-child(odd) .steps-01__img_box {
  padding-right: 40px;
  text-align: right;
}

.steps-01__item:nth-child(odd) .steps-01__content {
  flex-direction: row-reverse;
}

.steps-01__item:last-child {
  padding-bottom: 50px;
}

.steps-01__content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .steps-01__content {
    flex-direction: column !important;
  }
}

.steps-01__text_box {
  width: 50%;
  padding-right: 40px;
  text-align: right;
}

@media (max-width: 760px) {
  .steps-01__text_box {
    padding: 0 !important;
    width: 100%;
    max-width: 400px;
    text-align: left;
  }
}

.steps-01__heading {
  margin-top: 0;
}

.steps-01__img_box {
  width: 50%;
  padding-left: 40px;
}

@media (max-width: 760px) {
  .steps-01__img_box {
    padding: 0 !important;
    width: 100%;
    text-align: left !important;
  }
}

.steps-01__img {
  padding-top: 30px;
  max-width: 100%;
}

.steps-01__number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  height: 30px;
  padding-left: 4px;
  padding-right: 4px;
  min-width: 30px;
  transform: translateX(-50%);
  border-radius: 999px;
  border: 1px solid #eee;
  background-color: white;
  font-family: monospace;
}

@media (max-width: 760px) {
  .steps-01__number {
    left: -34px;
  }
}

.custom-colors-enabled.custom-accent-color-bright .steps-01__number {
  color: #303030;
}

.steps-01__last_bubble {
  position: relative;
  z-index: 20;
  padding: 5px;
  text-align: center;
}

@media (max-width: 760px) {
  .steps-01__last_bubble {
    left: -15px;
    text-align: left;
  }
}

.steps-01__last_bubble_img {
  max-height: 30px;
}

.blog_home-01 {
  padding-top: 40px;
}

.blog_home-01 .posts-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 15px 0;
}

.blog_home-01 .post-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
  padding: 10px;
  border-radius: 3px;
  width: 33%;
  text-decoration: none;
}

@media (max-width: 640px) {
  .blog_home-01 .post-item {
    width: 100%;
  }
}

.blog_home-01 .post-item .post-item__img {
  width: 100%;
  height: 100%;
  max-height: 150px;
  margin-bottom: 10px;
  object-fit: cover;
}

@media (max-width: 640px) {
  .blog_home-01 .post-item .post-item__img {
    max-height: 300px;
  }
}

.blog_home-01 .post-item .post-item__img-pattern {
  width: 100%;
  height: 150px;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-size: calc(10 * 1px) calc(10 * 1px);
  text-indent: -10000px;
}

.blog_home-01 .post-item:nth-child(5n + 1) {
  width: 66%;
}

.blog_home-01 .post-item:nth-child(5n + 1) .post-item__img {
  max-height: 300px;
}

.blog_home-01 .post-item:nth-child(5n + 1) .post-item__img-pattern {
  height: 300px;
}

@media (max-width: 640px) {
  .blog_home-01 .post-item:nth-child(5n + 1) {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .blog_home-01 .post-item:not(:nth-child(5n + 1)) {
    height: 100%;
  }
}

.blog_home-01 .post-item:hover {
  transition: background-color 0.2s ease;
}

.blog_home-01 .post-item:hover .post-item__title {
  color: inherit;
}

.blog_home-01 .post-item .post-item__title {
  font-weight: 600;
  font-size: 1.4em;
  word-break: break-word;
}

.blog_home-01 .load-more-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 5px 15px;
  margin-bottom: 50px;
}

.blog_home-01 .load-more-wrapper .button__arrow {
  font-size: 16px;
  margin-left: 10px;
}

.blog_home-01__loading-post-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
  gap: 80px;
  padding: 0 10px;
}

.blog_home-01__loading-post-row {
  display: flex;
  gap: 20px;
}

.blog_home-01__loading-post {
  width: 33%;
}

.blog_home-01__loading-post-thumbnail {
  height: 150px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(255, 255, 255, 0.4) 35%, rgba(0, 0, 0, 0.04) 45%);
  background-size: 400% 100%;
  -webkit-animation: post-loading 1.7s ease infinite;
  animation: post-loading 1.7s ease infinite;
  border-radius: 5px;
  width: 100%;
}

.blog_home-01__loading-post-title {
  height: 25px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 25%, rgba(255, 255, 255, 0.4) 35%, rgba(0, 0, 0, 0.04) 45%);
  background-size: 400% 100%;
  -webkit-animation: post-loading 1.7s ease infinite;
  animation: post-loading 1.7s ease infinite;
  border-radius: 5px;
  width: 80%;
  margin-top: 20px;
}

@media (max-width: 640px) {
  .blog_home-01__loading-post.is-desktop-only {
    display: none;
  }

  .blog_home-01__loading-post-row {
    flex-direction: column;
    gap: 80px;
  }

  .blog_home-01__loading-post {
    width: 100%;
  }

  .blog_home-01__loading-post-thumbnail {
    height: 200px;
  }
}

@-webkit-keyframes post-loading {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}

@keyframes post-loading {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}

.blog_home-01.blog_post-01:after {
  content: ' ';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.blog_post-01 .container-p--large {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  width: 100%;
}

.blog_post-01 .overlay-post {
  background-color: #fff;
  padding-top: 100px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform-origin: 50% 100%;
}

@media (max-width: 1280px) {
  .blog_post-01 .overlay-post {
    padding-top: 70px;
  }
}

@media (max-width: 500px) {
  .blog_post-01 .overlay-post {
    padding-top: 50px;
  }
}

.blog_post-01 .post-title {
  font-size: 50px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  line-height: 1.2;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 640px) {
  .blog_post-01 .post-title {
    font-size: 34px;
  }
}

.blog_post-01 .date-modified {
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size: 14px;
}

@media (max-width: 640px) {
  .blog_post-01 .date-modified {
    margin-bottom: 20px;
    font-size: 12px;
  }
}

.blog_post-01 .post-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 1.7;
  margin-top: 10px;
  padding-bottom: 40px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.blog_post-01 .gist {
  white-space: initial;
}

.blog_post-01 .gist .blob-code-inner {
  font-family:
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace !important;
}

.blog_post-01 .read-more {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* .blog_post-01 .read-more * {
  color: #fff
} */

.blog_post-01 .read-more__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.blog_post-01 .read-more__header .anticon-home {
  font-size: 20px;
}

.blog_post-01 .read-more__title {
  font-size: 32px;
  margin: 0;
}

@media (max-width: 640px) {
  .blog_post-01 .read-more__title {
    font-size: 34px;
    margin-bottom: 25px;
  }
}

.blog_post-01 .read-more__more-posts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog_post-01 .read-more__more-posts .post-item {
  display: flex;
  flex-direction: column;
  width: 33%;
  text-decoration: none;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px;
}

.blog_post-01 .read-more__more-posts .post-item__title {
  color: #303030;
}

@media (max-width: 640px) {
  .blog_post-01 .read-more__more-posts .post-item {
    width: 100%;
    margin-bottom: 25px;
  }
}

.blog_post-01 .read-more__more-posts .post-item .post-item__img {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  margin-bottom: 10px;
}

.blog_post-01 .read-more__more-posts .post-item .post-item__img-pattern {
  width: 100%;
  height: 150px;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-size: calc(10 * 1px) calc(10 * 1px);
  text-indent: -10000px;
}

.blog_post-01 .read-more__more-posts .post-item .post-item__meta-title {
  font-size: 18px;
}

.blog_post-01 .read-more__home-link {
  padding: 4px 4px 2px 4px;
  background-color: rgba(239, 239, 239, 0.3);
  border-radius: 6px;
  text-decoration: none;
}

.blog_post-01 li p {
  display: inline;
}

.blog_post-01 .post-body {
  white-space: normal;
}

.blog_post-01:after {
  content: ' ';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.blog_post-01 .container-p--large {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  width: 100%;
}

.blog_post-01 .overlay-post {
  background-color: #fff;
  padding-top: 100px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transform-origin: 50% 100%;
}

@media (max-width: 1280px) {
  .blog_post-01 .overlay-post {
    padding-top: 70px;
  }
}

@media (max-width: 500px) {
  .blog_post-01 .overlay-post {
    padding-top: 50px;
  }
}

.blog_post-01 .post-title {
  font-size: 50px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  line-height: 1.2;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 640px) {
  .blog_post-01 .post-title {
    font-size: 34px;
  }
}

.blog_post-01 .date-modified {
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size: 14px;
}

@media (max-width: 640px) {
  .blog_post-01 .date-modified {
    margin-bottom: 20px;
    font-size: 12px;
  }
}

.blog_post-01 .post-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 1.7;
  margin-top: 10px;
  padding-bottom: 40px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.blog_post-01 .gist {
  white-space: initial;
}

.blog_post-01 .gist .blob-code-inner {
  font-family:
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace !important;
}

.blog_post-01 .read-more {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* .blog_post-01 .read-more * {
    color: #fff
} */

.blog_post-01 .read-more__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.blog_post-01 .read-more__header .anticon-home {
  font-size: 20px;
}

.blog_post-01 .read-more__title {
  font-size: 32px;
  margin: 0;
}

@media (max-width: 640px) {
  .blog_post-01 .read-more__title {
    font-size: 34px;
    margin-bottom: 25px;
  }
}

.blog_post-01 .read-more__more-posts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog_post-01 .read-more__more-posts .post-item {
  display: flex;
  flex-direction: column;
  width: 33%;
  text-decoration: none;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px;
}

.blog_post-01 .read-more__more-posts .post-item__title {
  color: #303030;
}

@media (max-width: 640px) {
  .blog_post-01 .read-more__more-posts .post-item {
    width: 100%;
    margin-bottom: 25px;
  }
}

.blog_post-01 .read-more__more-posts .post-item .post-item__img {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  margin-bottom: 10px;
}

.blog_post-01 .read-more__more-posts .post-item .post-item__img-pattern {
  width: 100%;
  height: 150px;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-size: calc(10 * 1px) calc(10 * 1px);
  text-indent: -10000px;
}

.blog_post-01 .read-more__more-posts .post-item .post-item__meta-title {
  font-size: 18px;
}

.blog_post-01 .read-more__home-link {
  padding: 4px 4px 2px 4px;
  background-color: rgba(239, 239, 239, 0.3);
  border-radius: 6px;
  text-decoration: none;
}

.blog_post-01 li p {
  display: inline;
}

.blog_post-01 .post-body {
  white-space: normal;
}

.features-01__items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: -60px;
}

.features-01__item {
  width: 30%;
  max-width: 350px;
  margin-bottom: 60px;
  padding-right: 30px;
}

@media (max-width: 990px) {
  .features-01__item {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .features-01__item {
    width: 100%;
    padding-right: 0;
  }
}

.features-09__container {
  position: relative;
}

.features-09__grid {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  max-width: 1000px;
  width: 100%;
  margin: auto;
  z-index: -1;
}

.features-09__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -20px;
}

.features-09__item {
  width: calc(100% / 4 - 15px);
  padding: 20px 20px 25px 25px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2);
  border-radius: 10px;
  background-color: white;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}

.features-09__item:nth-child(4n) {
  margin-right: 0;
}

.features-09__item:last-child {
  margin-right: 0;
}

.features-09__item--new {
  position: relative;
}

.features-09__item--new .tag {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1000px) {
  .features-09__item {
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
  }

  .features-09__item:nth-child(4n) {
    margin-right: 30px;
  }

  .features-09__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 800px) {
  .features-09__item {
    width: calc(100% / 2 - 15px);
    margin-right: 30px;
  }

  .features-09__item:nth-child(3n) {
    margin-right: 30px;
  }

  .features-09__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 550px) {
  .features-09__item {
    width: 100%;
    max-width: 420px;
    margin-right: 0;
  }

  .features-09__item:nth-child(3n) {
    margin-right: 0;
  }
}

html .bg-accent-color .features-09__item--new,
  .style-yellow-1:not(.custom-colors-enabled) .bg-mature-color .features-09__item--new {
    border-color: #303030;
  }

.bg-accent-color .features-09__item--new .tag {
    background-color: #303030;
  }

.features-09__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.font-source-code-pro .features-09__title {
  font-size: 16px;
}

.features-09__text {
  font-size: 16px;
  color: rgba(48, 48, 48, 0.8);
}

.font-source-code-pro .features-09__text {
  font-size: 14px;
}

.style-green-2 {
  --dark: #0a6b01;
  --light: #e4feec;
}

.style-green-2:not(.custom-colors-enabled) {
  --primary: #2bc854;
  --primary-dark: #26b34a;
  --accent: #2bc854;
  --secondary: #f80673;
  --secondary-dark: #e00567;
}

.style-green-2 .fill-bg {
  fill: #c5e8bf;
}

.style-green-2 .fill-bg-light,
.style-green-2 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-green-2 *,
.style-green-2 .bg-accent-color .cta_button-28__check .button--accent-outline .icon svg * *,
.bg-accent-color .cta_button-28__check .button--accent-outline .icon svg * .style-green-2 *,
.style-green-2 .button--accent-outline .icon svg .bg-accent-color .cta_button-28__check * *,
.button--accent-outline .icon svg .bg-accent-color .cta_button-28__check * .style-green-2 *,
.style-green-2 .bg-accent-color .cta_button-28__check .button--accent-outline .button__system_icon svg * *,
.bg-accent-color .cta_button-28__check .button--accent-outline .button__system_icon svg * .style-green-2 *,
.style-green-2 .button--accent-outline .button__system_icon svg .bg-accent-color .cta_button-28__check * *,
.button--accent-outline .button__system_icon svg .bg-accent-color .cta_button-28__check * .style-green-2 * {
  fill: #e4feec;
}

.style-green-2 .stroke-light {
  stroke: #e4feec;
}

.style-green-2 .fill-main,
.style-green-2 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-green-2 *,
.style-green-2 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-green-2 * {
  fill: #29c853;
}

.style-green-2 .fill-secondary {
  fill: #076b00;
}

.style-green-2 .color-secondary {
  color: #076b00;
}

.style-green-2 .stroke-main {
  stroke: #29c853;
}

.style-green-2 .border-main,
.style-green-2 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-green-2 .img.img-border,
.style-green-2 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-green-2 .image-tool__image,
.style-green-2 .comps .button--accent-outline,
.comps .style-green-2 .button--accent-outline,
.style-green-2 .text-input:focus,
.style-green-2 .form__input .chosen-container .chosen-choices:focus,
.form__input .chosen-container .style-green-2 .chosen-choices:focus,
.style-green-2 .form__input .chosen-container.chosen-container-active .chosen-choices,
.form__input .chosen-container.chosen-container-active .style-green-2 .chosen-choices,
.style-green-2 .textarea:focus,
.style-green-2 .store-button--white:hover,
.style-green-2 .select:focus,
.style-green-2 .pricing-02__card_box--accent,
.style-green-2 .pricing-03__hover,
.style-green-2 .pricing-04__card--accent,
.style-green-2 .pricing-04__hover,
.style-green-2 .pricing-05__hover,
.style-green-2 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-green-2 .cta_form-04__wrapper,
.style-green-2 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-green-2 .cta_form-04__wrapper,
.style-green-2 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-green-2 .cta_form-04__bottom,
.style-green-2 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-green-2 .cta_form-04__bottom,
.style-green-2 .faq-01__question:hover,
.features-09__item--new,
.style-green-2 .bg-medium-color .steps-01__number,
.bg-medium-color .style-green-2 .steps-01__number,
.style-green-2 .bg-light-color .steps-01__number,
.bg-light-color .style-green-2 .steps-01__number {
  border-color: #29c853;
}

.style-green-2 .color-main,
.style-green-2 .link,
.style-green-2 .feature__link,
.style-green-2 .subheading,
.style-green-2 .content_box a,
.content_box .style-green-2 a,
.style-green-2 .comps .button--accent-outline,
.comps .style-green-2 .button--accent-outline,
.style-green-2 .tab__button.state-active-tab,
.style-green-2 .tab__button--active:focus,
.style-green-2 .score__value,
.style-green-2 .form__message_opener_box,
.style-green-2 .message__bubble_link,
.style-green-2 .pricing-02__hover,
.style-green-2 .pricing-03__hover,
.style-green-2 .pricing-04__hover,
.style-green-2 .pricing-05__hover,
.style-green-2 .cta_button-25__subheading,
.style-green-2 .code-02__info_prefix {
  color: #29c853;
}

.style-green-2 .color-main-hover:hover,
.style-green-2 .link:hover,
.style-green-2 .feature__link:hover,
.style-green-2 .message__bubble_link:hover {
  color: #23aa47;
}

.style-green-2 .bg-main,
.style-green-2 .content_box ul li:before,
.content_box ul .style-green-2 li:before,
.style-green-2 .comps .button--accent-bg,
.comps .style-green-2 .button--accent-bg,
.style-green-2 .store-button:hover,
.style-green-2 .circle-button--accent-bg,
.style-green-2 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-green-2 .circle-button__hover_bg,
.style-green-2 .circle-button--light-bg:hover,
.style-green-2 .radio__check:before,
.style-green-2 .checkbox__check:before,
.style-green-2 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-green-2 button,
.style-green-2 .cta_button-25__item::before,
.style-green-2 .features-02__number:before,
.features-09__item--new .tag,
.style-green-2 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-green-2 .steps-01__list:before,
.style-green-2 .bg-light-color .steps-01__list:before,
.bg-light-color .style-green-2 .steps-01__list:before {
  background-color: #29c853;
}

.style-green-2 .bg-light,
.style-green-2 .bg-light-color,
.style-green-2 .heading__accent_word--accent:before,
.style-green-2 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-green-2 .image-tool__image,
.style-green-2 .content_box .fig-img-bg,
.content_box .style-green-2 .fig-img-bg,
.style-green-2 .tab__button.state-active-tab,
.style-green-2 .tab__button--active:focus,
.style-green-2 .iconed-tab__button:hover,
.style-green-2 .pricing-02__hover,
.style-green-2 .pricing-03__hover,
.style-green-2 .pricing-04__hover,
.style-green-2 .pricing-05__hover {
  background-color: #e4feec;
}

.style-green-2 .bg-medium,
.style-green-2 .content_box .cdx-marker,
.content_box .style-green-2 .cdx-marker,
.style-green-2 .tab__button:hover,
.style-green-2 .iconed-tab__button.state-active-tab,
.style-green-2 .circle-button--light-bg,
.style-green-2 .score__stars,
.style-green-2 .slick-dots button,
.slick-dots .style-green-2 button {
  background-color: #ebfde8;
}

.style-green-2 .bg-medium-hover:hover {
  background-color: #ebfde8;
}

.style-green-2 .bg-main-hover:hover,
.style-green-2 .comps .button--accent-bg:hover,
.comps .style-green-2 .button--accent-bg:hover,
.style-green-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #25b34a;
}

.style-green-2 .border-alt,
.style-green-2 .comps .button--alt-accent-outline,
.comps .style-green-2 .button--alt-accent-outline,
.style-green-2 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-green-2 .pricing-02__card_box--accent,
.style-green-2 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-green-2 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-green-2 .color-alt,
.style-green-2 .comps .button--alt-accent-outline,
.comps .style-green-2 .button--alt-accent-outline {
  color: #f90473;
}

.style-green-2 .bg-alt,
.style-green-2 .comps .button--alt-accent-bg,
.comps .style-green-2 .button--alt-accent-bg,
.style-green-2 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-green-2 button {
  background-color: #f90473;
}

.style-green-2 .bg-alt-hover:hover,
.style-green-2 .comps .button--alt-accent-bg:hover,
.comps .style-green-2 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-green-2 .fill-alt .icon svg *,
.style-green-2 .comps .button--alt-accent-outline .icon svg *,
.comps .style-green-2 .button--alt-accent-outline .icon svg *,
.style-green-2 .fill-alt .button__system_icon svg *,
.style-green-2 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-green-2 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-green-2 .fill-alt-hover:hover .icon svg *,
.style-green-2 .feature__link:hover .icon svg *,
.style-green-2 .fill-alt-hover:hover .button__system_icon svg *,
.style-green-2 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.comps .slider_with_dots_inside {
  padding-bottom: 100px;
}

.comps .slider_with_dots_inside .bottom_cta .buttons-set {
  margin-top: 110px;
}

.comps .slider_with_dots_inside .slick-dots {
  text-align: center;
}
.slider {
  position: relative;
}

.slider__arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
}

.slider__arrow--prev {
  left: 0;
}

.slider__arrow--next {
  right: 0;
}

@media (max-width: 1275px) {
  .slider__arrow {
    display: none;
  }
}

.slider__box {
  padding: 0;
  margin: 0;
  list-style: none;
}

.slick-slide {
  outline: none;
}

.slider__img {
  width: 100%;
}

.slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: auto;
}

.slick-dots li {
  display: inline-block;
  margin: 0 6px;
}

.slick-dots li:hover:not(.slick-active) button {
  transform: translateY(-1px);
}

.slick-dots li.slick-active button {
  transform: translateY(-1px);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.18);
}

.slick-dots button {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.bg-medium-color .slick-dots button,
.bg-light-color .slick-dots button,
.bg-light_gray-color .slick-dots button,
.bg-white-color .slick-dots button {
  background-color: #d0d0d0;
}

.slider_with_one_slide .slick-dots {
  display: none;
}

.editor-slider .slick-slide.slick-active {
  z-index: 5;
}

.testimonials-01 {
  padding-bottom: 50px;
  text-align: center;
}

@media (max-width: 800px) {
  .testimonials-01 .slider__arrow {
    display: none;
  }
}

@media (max-width: 800px) {
  .testimonials-01 .slick-dots {
    bottom: -20px;
  }
}

.testimonials-01 .slick-slide {
  padding: 0 15px;
}

.bg-white-color .testimonials-01 .slider__box:before {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  background-image: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 800px) {
  .bg-white-color .testimonials-01 .slider__box:before {
    content: '';
  }
}

.bg-white-color .testimonials-01 .slider__box:after {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

@media (max-width: 800px) {
  .bg-white-color .testimonials-01 .slider__box:after {
    content: '';
  }
}

@media (max-width: 800px) {
  .testimonials-01__container {
    padding-left: 0;
    padding-right: 0;
  }
}

.testimonials-01__item {
  display: inline-block;
  position: relative;
  padding: 35px 30px 25px;
  max-width: 580px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 10px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  text-align: left;
}

.testimonials-01__logo {
  max-height: 50px;
  margin-bottom: 16px;
}

.testimonials-01__text {
  line-height: 1.6;
}

.testimonials-01__box {
  display: flex;
  justify-content: space-between;
}

.testimonials-01__author {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 300px;
  opacity: 0.8;
}

.testimonials-02__wrapper {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

@media (max-width: 950px) {
  .testimonials-02__wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.testimonials-02__item {
  width: calc(100% / 2 - 40px);
  max-width: 580px;
  padding: 35px 30px 25px;
  margin-right: 40px;
  margin-bottom: 40px;
  border-radius: 10px;
  box-shadow:
    0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  background-color: white;
  box-sizing: border-box;
  text-align: left;
}

.testimonials-02__item:nth-child(2n) {
  margin-right: 0;
}

@media (max-width: 950px) {
  .testimonials-02__item {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 650px) {
  .testimonials-02__item {
    max-width: 400px;
  }
}

@media (max-width: 450px) {
  .testimonials-02__item {
    max-width: 300px;
  }
}

.testimonials-02__logo {
  max-height: 50px;
  margin-bottom: 16px;
}

.testimonials-02__text {
  padding-right: 60px;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .testimonials-02__text {
    font-size: 14px;
  }
}

@media (max-width: 650px) {
  .testimonials-02__text {
    max-width: 400px;
    padding-right: 0;
  }
}

@media (max-width: 450px) {
  .testimonials-02__text {
    max-width: 300px;
  }
}

.testimonials-02__box {
  display: flex;
  justify-content: space-between;
}

.testimonials-02__author {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 300px;
  opacity: 0.8;
}