.style-blue-1 .fill-bg {
  fill: #cdd3ff;
}

.style-blue-1 .fill-bg-light,
.style-blue-1 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-blue-1 *,
.style-blue-1
  .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-blue-1
  *,
.style-blue-1
  .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-blue-1
  *,
.style-blue-1
  .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-blue-1
  *,
.style-blue-1
  .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-blue-1
  * {
  fill: #e9f1ff;
}

.style-blue-1 .stroke-light {
  stroke: #e9f1ff;
}

.style-blue-1 .fill-main,
.style-blue-1 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-blue-1 *,
.style-blue-1 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-blue-1 * {
  fill: #4d61fc;
}

.style-blue-1 .fill-secondary {
  fill: #00396b;
}

.style-blue-1 .color-secondary,
.style-blue-1 .cta_button-10__text {
  color: #00396b;
}

.style-blue-1 .stroke-main {
  stroke: #4d61fc;
}

.style-blue-1 .border-main,
.style-blue-1 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-blue-1 .img.img-border,
.style-blue-1 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-blue-1 .image-tool__image,
.style-blue-1 .comps .button--accent-outline,
.comps .style-blue-1 .button--accent-outline,
.style-blue-1 .text-input:focus,
.style-blue-1 .textarea:focus,
.style-blue-1 .store-button--white:hover,
.style-blue-1 .select:focus,
.style-blue-1 .pricing-02__card_box--accent,
.style-blue-1 .pricing-03__hover,
.style-blue-1 .pricing-04__card--accent,
.style-blue-1 .pricing-04__hover,
.style-blue-1 .pricing-05__hover,
.style-blue-1 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-blue-1 .cta_form-04__wrapper,
.style-blue-1 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-blue-1 .cta_form-04__wrapper,
.style-blue-1 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-blue-1 .cta_form-04__bottom,
.style-blue-1 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-blue-1 .cta_form-04__bottom,
.style-blue-1 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-blue-1 .cta_button-16__wrapper,
.style-blue-1 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-blue-1 .cta_button-16__wrapper,
.style-blue-1 .bg-medium-color .links-02__list,
.bg-medium-color .style-blue-1 .links-02__list,
.style-blue-1 .bg-light-color .links-02__list,
.bg-light-color .style-blue-1 .links-02__list,
.style-blue-1 .faq-01__question:hover,
.style-blue-1 .faq-03__question:hover,
.style-blue-1 .features-09__item--new,
.style-blue-1 .bg-medium-color .steps-01__number,
.bg-medium-color .style-blue-1 .steps-01__number,
.style-blue-1 .bg-light-color .steps-01__number,
.bg-light-color .style-blue-1 .steps-01__number {
  border-color: #4d61fc;
}

.style-blue-1 .color-main,
.style-blue-1 .link,
.style-blue-1 .feature__link,
.style-blue-1 .testimonials-03__person_link,
.style-blue-1 .faq-05__link,
.style-blue-1 .features-16__link,
.style-blue-1 .subheading,
.style-blue-1 .content_box a,
.content_box .style-blue-1 a,
.style-blue-1 .comps .button--accent-outline,
.comps .style-blue-1 .button--accent-outline,
.style-blue-1 .tab__button.state-active-tab,
.style-blue-1 .tab__button--active:focus,
.style-blue-1 .score__value,
.style-blue-1 .form__message_opener_box,
.style-blue-1 .message__bubble_link,
.style-blue-1 .team-05__person_name,
.style-blue-1 .tabs-04__button.state-active-tab,
.style-blue-1 .tabs-04__button--active:focus,
.style-blue-1 .pricing-02__hover,
.style-blue-1 .pricing-03__hover,
.style-blue-1 .pricing-04__hover,
.style-blue-1 .pricing-05__hover,
.style-blue-1 .cta_button-25__subheading,
.style-blue-1 .cta_button-31__heading,
.style-blue-1 .code-02__info_prefix,
.style-blue-1 .features-17__item .feature__title_text,
.features-17__item .style-blue-1 .feature__title_text {
  color: #4d61fc;
}

.style-blue-1 .color-main-hover:hover,
.style-blue-1 .link:hover,
.style-blue-1 .feature__link:hover,
.style-blue-1 .testimonials-03__person_link:hover,
.style-blue-1 .faq-05__link:hover,
.style-blue-1 .features-16__link:hover,
.style-blue-1 .message__bubble_link:hover {
  color: #2a42fb;
}

.style-blue-1 .bg-main,
.style-blue-1 .content_box ul li:before,
.content_box ul .style-blue-1 li:before,
.style-blue-1 .comps .button--accent-bg,
.comps .style-blue-1 .button--accent-bg,
.style-blue-1 .store-button:hover,
.style-blue-1 .circle-button--accent-bg,
.style-blue-1 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-blue-1 .circle-button__hover_bg,
.style-blue-1 .circle-button--light-bg:hover,
.style-blue-1 .radio__check:before,
.style-blue-1 .checkbox__check:before,
.style-blue-1 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-blue-1 button,
.style-blue-1 .social-buttons__link--circle,
.style-blue-1 .roadmap-01__column,
.style-blue-1 .cta_button-25__item::before,
.style-blue-1 .testimonials-05__blue_box::before,
.style-blue-1 .features-02__number:before,
.style-blue-1 .features-09__item--new .tag,
.features-09__item--new .style-blue-1 .tag,
.style-blue-1 .features-15__item::before,
.style-blue-1 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-blue-1 .steps-01__list:before,
.style-blue-1 .bg-light-color .steps-01__list:before,
.bg-light-color .style-blue-1 .steps-01__list:before {
  background-color: #4d61fc;
}

.style-blue-1 .bg-light,
.style-blue-1 .heading__accent_word--accent:before,
.style-blue-1 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-blue-1 .image-tool__image,
.style-blue-1 .content_box .fig-img-bg,
.content_box .style-blue-1 .fig-img-bg,
.style-blue-1 .tab__button.state-active-tab,
.style-blue-1 .tab__button--active:focus,
.style-blue-1 .iconed-tab__button:hover,
.style-blue-1 .tabs-04__button.state-active-tab,
.style-blue-1 .tabs-04__button--active:focus,
.style-blue-1 .pricing-02__hover,
.style-blue-1 .pricing-03__hover,
.style-blue-1 .pricing-04__hover,
.style-blue-1 .pricing-05__hover,
.style-blue-1 .posts-04__item:hover,
.style-blue-1 .posts-04__item:focus,
.style-blue-1 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-blue-1 .faq-04__item--question,
.style-blue-1 .press-01__link:hover,
.style-blue-1 .press-02__link:hover,
.style-blue-1 .press-03__link:hover {
  background-color: #e9f1ff;
}

.style-blue-1 .bg-medium,
.style-blue-1 .content_box .cdx-marker,
.content_box .style-blue-1 .cdx-marker,
.style-blue-1 .tab__button:hover,
.style-blue-1 .iconed-tab__button.state-active-tab,
.style-blue-1 .circle-button--light-bg,
.style-blue-1 .score__stars,
.style-blue-1 .slick-dots button,
.slick-dots .style-blue-1 button,
.style-blue-1 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #dfeafe;
}

.style-blue-1 .bg-medium-hover:hover,
.style-blue-1 .cta_button-10__link:hover {
  background-color: #dfeafe;
}

.style-blue-1 .bg-main-hover:hover,
.style-blue-1 .comps .button--accent-bg:hover,
.comps .style-blue-1 .button--accent-bg:hover,
.style-blue-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #344bfc;
}

.style-blue-1 .border-alt,
.style-blue-1 .comps .button--alt-accent-outline,
.comps .style-blue-1 .button--alt-accent-outline,
.style-blue-1 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-blue-1 .pricing-02__card_box--accent,
.style-blue-1 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-blue-1 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-blue-1 .color-alt,
.style-blue-1 .comps .button--alt-accent-outline,
.comps .style-blue-1 .button--alt-accent-outline {
  color: #f90473;
}

.style-blue-1 .bg-alt,
.style-blue-1 .comps .button--alt-accent-bg,
.comps .style-blue-1 .button--alt-accent-bg,
.style-blue-1 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-blue-1 button {
  background-color: #f90473;
}

.style-blue-1 .bg-alt-hover:hover,
.style-blue-1 .comps .button--alt-accent-bg:hover,
.comps .style-blue-1 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-blue-1 .fill-alt .icon svg *,
.style-blue-1 .comps .button--alt-accent-outline .icon svg *,
.comps .style-blue-1 .button--alt-accent-outline .icon svg *,
.style-blue-1 .fill-alt .button__system_icon svg *,
.style-blue-1 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-blue-1 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-1 .fill-alt-hover:hover .icon svg *,
.style-blue-1 .feature__link:hover .icon svg *,
.style-blue-1 .fill-alt-hover:hover .button__system_icon svg *,
.style-blue-1 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-2 .fill-bg {
  fill: #cdd3ff;
}

.style-blue-2 .fill-bg-light,
.style-blue-2 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-blue-2 *,
.style-blue-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-blue-2
  *,
.style-blue-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-blue-2
  *,
.style-blue-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-blue-2
  *,
.style-blue-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-blue-2
  * {
  fill: #e9f1ff;
}

.style-blue-2 .stroke-light {
  stroke: #e9f1ff;
}

.style-blue-2 .fill-main,
.style-blue-2 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-blue-2 *,
.style-blue-2 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-blue-2 * {
  fill: #5041bb;
}

.style-blue-2 .fill-secondary {
  fill: #00396b;
}

.style-blue-2 .color-secondary,
.style-blue-2 .cta_button-10__text {
  color: #00396b;
}

.style-blue-2 .stroke-main {
  stroke: #5041bb;
}

.style-blue-2 .border-main,
.style-blue-2 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-blue-2 .img.img-border,
.style-blue-2 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-blue-2 .image-tool__image,
.style-blue-2 .comps .button--accent-outline,
.comps .style-blue-2 .button--accent-outline,
.style-blue-2 .text-input:focus,
.style-blue-2 .textarea:focus,
.style-blue-2 .store-button--white:hover,
.style-blue-2 .select:focus,
.style-blue-2 .pricing-02__card_box--accent,
.style-blue-2 .pricing-03__hover,
.style-blue-2 .pricing-04__card--accent,
.style-blue-2 .pricing-04__hover,
.style-blue-2 .pricing-05__hover,
.style-blue-2 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-blue-2 .cta_form-04__wrapper,
.style-blue-2 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-blue-2 .cta_form-04__wrapper,
.style-blue-2 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-blue-2 .cta_form-04__bottom,
.style-blue-2 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-blue-2 .cta_form-04__bottom,
.style-blue-2 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-blue-2 .cta_button-16__wrapper,
.style-blue-2 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-blue-2 .cta_button-16__wrapper,
.style-blue-2 .bg-medium-color .links-02__list,
.bg-medium-color .style-blue-2 .links-02__list,
.style-blue-2 .bg-light-color .links-02__list,
.bg-light-color .style-blue-2 .links-02__list,
.style-blue-2 .faq-01__question:hover,
.style-blue-2 .faq-03__question:hover,
.style-blue-2 .features-09__item--new,
.style-blue-2 .bg-medium-color .steps-01__number,
.bg-medium-color .style-blue-2 .steps-01__number,
.style-blue-2 .bg-light-color .steps-01__number,
.bg-light-color .style-blue-2 .steps-01__number {
  border-color: #5041bb;
}

.style-blue-2 .color-main,
.style-blue-2 .link,
.style-blue-2 .feature__link,
.style-blue-2 .testimonials-03__person_link,
.style-blue-2 .faq-05__link,
.style-blue-2 .features-16__link,
.style-blue-2 .subheading,
.style-blue-2 .content_box a,
.content_box .style-blue-2 a,
.style-blue-2 .comps .button--accent-outline,
.comps .style-blue-2 .button--accent-outline,
.style-blue-2 .tab__button.state-active-tab,
.style-blue-2 .tab__button--active:focus,
.style-blue-2 .score__value,
.style-blue-2 .form__message_opener_box,
.style-blue-2 .message__bubble_link,
.style-blue-2 .team-05__person_name,
.style-blue-2 .tabs-04__button.state-active-tab,
.style-blue-2 .tabs-04__button--active:focus,
.style-blue-2 .pricing-02__hover,
.style-blue-2 .pricing-03__hover,
.style-blue-2 .pricing-04__hover,
.style-blue-2 .pricing-05__hover,
.style-blue-2 .cta_button-25__subheading,
.style-blue-2 .cta_button-31__heading,
.style-blue-2 .code-02__info_prefix,
.style-blue-2 .features-17__item .feature__title_text,
.features-17__item .style-blue-2 .feature__title_text {
  color: #5041bb;
}

.style-blue-2 .color-main-hover:hover,
.style-blue-2 .link:hover,
.style-blue-2 .feature__link:hover,
.style-blue-2 .testimonials-03__person_link:hover,
.style-blue-2 .faq-05__link:hover,
.style-blue-2 .features-16__link:hover,
.style-blue-2 .message__bubble_link:hover {
  color: #4538a1;
}

.style-blue-2 .bg-main,
.style-blue-2 .content_box ul li:before,
.content_box ul .style-blue-2 li:before,
.style-blue-2 .comps .button--accent-bg,
.comps .style-blue-2 .button--accent-bg,
.style-blue-2 .store-button:hover,
.style-blue-2 .circle-button--accent-bg,
.style-blue-2 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-blue-2 .circle-button__hover_bg,
.style-blue-2 .circle-button--light-bg:hover,
.style-blue-2 .radio__check:before,
.style-blue-2 .checkbox__check:before,
.style-blue-2 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-blue-2 button,
.style-blue-2 .social-buttons__link--circle,
.style-blue-2 .roadmap-01__column,
.style-blue-2 .cta_button-25__item::before,
.style-blue-2 .testimonials-05__blue_box::before,
.style-blue-2 .features-02__number:before,
.style-blue-2 .features-09__item--new .tag,
.features-09__item--new .style-blue-2 .tag,
.style-blue-2 .features-15__item::before,
.style-blue-2 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-blue-2 .steps-01__list:before,
.style-blue-2 .bg-light-color .steps-01__list:before,
.bg-light-color .style-blue-2 .steps-01__list:before {
  background-color: #5041bb;
}

.style-blue-2 .bg-light,
.style-blue-2 .heading__accent_word--accent:before,
.style-blue-2 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-blue-2 .image-tool__image,
.style-blue-2 .content_box .fig-img-bg,
.content_box .style-blue-2 .fig-img-bg,
.style-blue-2 .tab__button.state-active-tab,
.style-blue-2 .tab__button--active:focus,
.style-blue-2 .iconed-tab__button:hover,
.style-blue-2 .tabs-04__button.state-active-tab,
.style-blue-2 .tabs-04__button--active:focus,
.style-blue-2 .pricing-02__hover,
.style-blue-2 .pricing-03__hover,
.style-blue-2 .pricing-04__hover,
.style-blue-2 .pricing-05__hover,
.style-blue-2 .posts-04__item:hover,
.style-blue-2 .posts-04__item:focus,
.style-blue-2 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-blue-2 .faq-04__item--question,
.style-blue-2 .press-01__link:hover,
.style-blue-2 .press-02__link:hover,
.style-blue-2 .press-03__link:hover {
  background-color: #e9f1ff;
}

.style-blue-2 .bg-medium,
.style-blue-2 .content_box .cdx-marker,
.content_box .style-blue-2 .cdx-marker,
.style-blue-2 .tab__button:hover,
.style-blue-2 .iconed-tab__button.state-active-tab,
.style-blue-2 .circle-button--light-bg,
.style-blue-2 .score__stars,
.style-blue-2 .slick-dots button,
.slick-dots .style-blue-2 button,
.style-blue-2 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #dfeafe;
}

.style-blue-2 .bg-medium-hover:hover,
.style-blue-2 .cta_button-10__link:hover {
  background-color: #dfeafe;
}

.style-blue-2 .bg-main-hover:hover,
.style-blue-2 .comps .button--accent-bg:hover,
.comps .style-blue-2 .button--accent-bg:hover,
.style-blue-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #483aa8;
}

.style-blue-2 .border-alt,
.style-blue-2 .comps .button--alt-accent-outline,
.comps .style-blue-2 .button--alt-accent-outline,
.style-blue-2 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-blue-2 .pricing-02__card_box--accent,
.style-blue-2 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-blue-2 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-blue-2 .color-alt,
.style-blue-2 .comps .button--alt-accent-outline,
.comps .style-blue-2 .button--alt-accent-outline {
  color: #f90473;
}

.style-blue-2 .bg-alt,
.style-blue-2 .comps .button--alt-accent-bg,
.comps .style-blue-2 .button--alt-accent-bg,
.style-blue-2 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-blue-2 button {
  background-color: #f90473;
}

.style-blue-2 .bg-alt-hover:hover,
.style-blue-2 .comps .button--alt-accent-bg:hover,
.comps .style-blue-2 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-blue-2 .fill-alt .icon svg *,
.style-blue-2 .comps .button--alt-accent-outline .icon svg *,
.comps .style-blue-2 .button--alt-accent-outline .icon svg *,
.style-blue-2 .fill-alt .button__system_icon svg *,
.style-blue-2 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-blue-2 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-2 .fill-alt-hover:hover .icon svg *,
.style-blue-2 .feature__link:hover .icon svg *,
.style-blue-2 .fill-alt-hover:hover .button__system_icon svg *,
.style-blue-2 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-3 .fill-bg {
  fill: #cdd3ff;
}

.style-blue-3 .fill-bg-light,
.style-blue-3 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-blue-3 *,
.style-blue-3
  .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-blue-3
  *,
.style-blue-3
  .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-blue-3
  *,
.style-blue-3
  .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-blue-3
  *,
.style-blue-3
  .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-blue-3
  * {
  fill: #e9f1ff;
}

.style-blue-3 .stroke-light {
  stroke: #e9f1ff;
}

.style-blue-3 .fill-main,
.style-blue-3 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-blue-3 *,
.style-blue-3 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-blue-3 * {
  fill: #508de8;
}

.style-blue-3 .fill-secondary {
  fill: #00396b;
}

.style-blue-3 .color-secondary,
.style-blue-3 .cta_button-10__text {
  color: #00396b;
}

.style-blue-3 .stroke-main {
  stroke: #508de8;
}

.style-blue-3 .border-main,
.style-blue-3 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-blue-3 .img.img-border,
.style-blue-3 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-blue-3 .image-tool__image,
.style-blue-3 .comps .button--accent-outline,
.comps .style-blue-3 .button--accent-outline,
.style-blue-3 .text-input:focus,
.style-blue-3 .textarea:focus,
.style-blue-3 .store-button--white:hover,
.style-blue-3 .select:focus,
.style-blue-3 .pricing-02__card_box--accent,
.style-blue-3 .pricing-03__hover,
.style-blue-3 .pricing-04__card--accent,
.style-blue-3 .pricing-04__hover,
.style-blue-3 .pricing-05__hover,
.style-blue-3 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-blue-3 .cta_form-04__wrapper,
.style-blue-3 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-blue-3 .cta_form-04__wrapper,
.style-blue-3 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-blue-3 .cta_form-04__bottom,
.style-blue-3 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-blue-3 .cta_form-04__bottom,
.style-blue-3 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-blue-3 .cta_button-16__wrapper,
.style-blue-3 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-blue-3 .cta_button-16__wrapper,
.style-blue-3 .bg-medium-color .links-02__list,
.bg-medium-color .style-blue-3 .links-02__list,
.style-blue-3 .bg-light-color .links-02__list,
.bg-light-color .style-blue-3 .links-02__list,
.style-blue-3 .faq-01__question:hover,
.style-blue-3 .faq-03__question:hover,
.style-blue-3 .features-09__item--new,
.style-blue-3 .bg-medium-color .steps-01__number,
.bg-medium-color .style-blue-3 .steps-01__number,
.style-blue-3 .bg-light-color .steps-01__number,
.bg-light-color .style-blue-3 .steps-01__number {
  border-color: #508de8;
}

.style-blue-3 .color-main,
.style-blue-3 .link,
.style-blue-3 .feature__link,
.style-blue-3 .testimonials-03__person_link,
.style-blue-3 .faq-05__link,
.style-blue-3 .features-16__link,
.style-blue-3 .subheading,
.style-blue-3 .content_box a,
.content_box .style-blue-3 a,
.style-blue-3 .comps .button--accent-outline,
.comps .style-blue-3 .button--accent-outline,
.style-blue-3 .tab__button.state-active-tab,
.style-blue-3 .tab__button--active:focus,
.style-blue-3 .score__value,
.style-blue-3 .form__message_opener_box,
.style-blue-3 .message__bubble_link,
.style-blue-3 .team-05__person_name,
.style-blue-3 .tabs-04__button.state-active-tab,
.style-blue-3 .tabs-04__button--active:focus,
.style-blue-3 .pricing-02__hover,
.style-blue-3 .pricing-03__hover,
.style-blue-3 .pricing-04__hover,
.style-blue-3 .pricing-05__hover,
.style-blue-3 .cta_button-25__subheading,
.style-blue-3 .cta_button-31__heading,
.style-blue-3 .code-02__info_prefix,
.style-blue-3 .features-17__item .feature__title_text,
.features-17__item .style-blue-3 .feature__title_text {
  color: #508de8;
}

.style-blue-3 .color-main-hover:hover,
.style-blue-3 .link:hover,
.style-blue-3 .feature__link:hover,
.style-blue-3 .testimonials-03__person_link:hover,
.style-blue-3 .faq-05__link:hover,
.style-blue-3 .features-16__link:hover,
.style-blue-3 .message__bubble_link:hover {
  color: #3078e4;
}

.style-blue-3 .bg-main,
.style-blue-3 .content_box ul li:before,
.content_box ul .style-blue-3 li:before,
.style-blue-3 .comps .button--accent-bg,
.comps .style-blue-3 .button--accent-bg,
.style-blue-3 .store-button:hover,
.style-blue-3 .circle-button--accent-bg,
.style-blue-3 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-blue-3 .circle-button__hover_bg,
.style-blue-3 .circle-button--light-bg:hover,
.style-blue-3 .radio__check:before,
.style-blue-3 .checkbox__check:before,
.style-blue-3 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-blue-3 button,
.style-blue-3 .social-buttons__link--circle,
.style-blue-3 .roadmap-01__column,
.style-blue-3 .cta_button-25__item::before,
.style-blue-3 .testimonials-05__blue_box::before,
.style-blue-3 .features-02__number:before,
.style-blue-3 .features-09__item--new .tag,
.features-09__item--new .style-blue-3 .tag,
.style-blue-3 .features-15__item::before,
.style-blue-3 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-blue-3 .steps-01__list:before,
.style-blue-3 .bg-light-color .steps-01__list:before,
.bg-light-color .style-blue-3 .steps-01__list:before {
  background-color: #508de8;
}

.style-blue-3 .bg-light,
.style-blue-3 .heading__accent_word--accent:before,
.style-blue-3 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-blue-3 .image-tool__image,
.style-blue-3 .content_box .fig-img-bg,
.content_box .style-blue-3 .fig-img-bg,
.style-blue-3 .tab__button.state-active-tab,
.style-blue-3 .tab__button--active:focus,
.style-blue-3 .iconed-tab__button:hover,
.style-blue-3 .tabs-04__button.state-active-tab,
.style-blue-3 .tabs-04__button--active:focus,
.style-blue-3 .pricing-02__hover,
.style-blue-3 .pricing-03__hover,
.style-blue-3 .pricing-04__hover,
.style-blue-3 .pricing-05__hover,
.style-blue-3 .posts-04__item:hover,
.style-blue-3 .posts-04__item:focus,
.style-blue-3 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-blue-3 .faq-04__item--question,
.style-blue-3 .press-01__link:hover,
.style-blue-3 .press-02__link:hover,
.style-blue-3 .press-03__link:hover {
  background-color: #e9f1ff;
}

.style-blue-3 .bg-medium,
.style-blue-3 .content_box .cdx-marker,
.content_box .style-blue-3 .cdx-marker,
.style-blue-3 .tab__button:hover,
.style-blue-3 .iconed-tab__button.state-active-tab,
.style-blue-3 .circle-button--light-bg,
.style-blue-3 .score__stars,
.style-blue-3 .slick-dots button,
.slick-dots .style-blue-3 button,
.style-blue-3 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #dfeafe;
}

.style-blue-3 .bg-medium-hover:hover,
.style-blue-3 .cta_button-10__link:hover {
  background-color: #dfeafe;
}

.style-blue-3 .bg-main-hover:hover,
.style-blue-3 .comps .button--accent-bg:hover,
.comps .style-blue-3 .button--accent-bg:hover,
.style-blue-3 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #397ee5;
}

.style-blue-3 .border-alt,
.style-blue-3 .comps .button--alt-accent-outline,
.comps .style-blue-3 .button--alt-accent-outline,
.style-blue-3 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-blue-3 .pricing-02__card_box--accent,
.style-blue-3 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-blue-3 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-blue-3 .color-alt,
.style-blue-3 .comps .button--alt-accent-outline,
.comps .style-blue-3 .button--alt-accent-outline {
  color: #f90473;
}

.style-blue-3 .bg-alt,
.style-blue-3 .comps .button--alt-accent-bg,
.comps .style-blue-3 .button--alt-accent-bg,
.style-blue-3 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-blue-3 button {
  background-color: #f90473;
}

.style-blue-3 .bg-alt-hover:hover,
.style-blue-3 .comps .button--alt-accent-bg:hover,
.comps .style-blue-3 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-blue-3 .fill-alt .icon svg *,
.style-blue-3 .comps .button--alt-accent-outline .icon svg *,
.comps .style-blue-3 .button--alt-accent-outline .icon svg *,
.style-blue-3 .fill-alt .button__system_icon svg *,
.style-blue-3 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-blue-3 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-3 .fill-alt-hover:hover .icon svg *,
.style-blue-3 .feature__link:hover .icon svg *,
.style-blue-3 .fill-alt-hover:hover .button__system_icon svg *,
.style-blue-3 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-4 .fill-bg {
  fill: #cdd3ff;
}

.style-blue-4 .fill-bg-light,
.style-blue-4 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-blue-4 *,
.style-blue-4
  .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-blue-4
  *,
.style-blue-4
  .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-blue-4
  *,
.style-blue-4
  .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-blue-4
  *,
.style-blue-4
  .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-blue-4
  * {
  fill: #e9f1ff;
}

.style-blue-4 .stroke-light {
  stroke: #e9f1ff;
}

.style-blue-4 .fill-main,
.style-blue-4 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-blue-4 *,
.style-blue-4 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-blue-4 * {
  fill: #164085;
}

.style-blue-4 .fill-secondary {
  fill: #4d61fc;
}

.style-blue-4 .color-secondary,
.style-blue-4 .cta_button-10__text {
  color: #4d61fc;
}

.style-blue-4 .stroke-main {
  stroke: #164085;
}

.style-blue-4 .border-main,
.style-blue-4 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-blue-4 .img.img-border,
.style-blue-4 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-blue-4 .image-tool__image,
.style-blue-4 .comps .button--accent-outline,
.comps .style-blue-4 .button--accent-outline,
.style-blue-4 .text-input:focus,
.style-blue-4 .textarea:focus,
.style-blue-4 .store-button--white:hover,
.style-blue-4 .select:focus,
.style-blue-4 .pricing-02__card_box--accent,
.style-blue-4 .pricing-03__hover,
.style-blue-4 .pricing-04__card--accent,
.style-blue-4 .pricing-04__hover,
.style-blue-4 .pricing-05__hover,
.style-blue-4 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-blue-4 .cta_form-04__wrapper,
.style-blue-4 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-blue-4 .cta_form-04__wrapper,
.style-blue-4 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-blue-4 .cta_form-04__bottom,
.style-blue-4 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-blue-4 .cta_form-04__bottom,
.style-blue-4 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-blue-4 .cta_button-16__wrapper,
.style-blue-4 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-blue-4 .cta_button-16__wrapper,
.style-blue-4 .bg-medium-color .links-02__list,
.bg-medium-color .style-blue-4 .links-02__list,
.style-blue-4 .bg-light-color .links-02__list,
.bg-light-color .style-blue-4 .links-02__list,
.style-blue-4 .faq-01__question:hover,
.style-blue-4 .faq-03__question:hover,
.style-blue-4 .features-09__item--new,
.style-blue-4 .bg-medium-color .steps-01__number,
.bg-medium-color .style-blue-4 .steps-01__number,
.style-blue-4 .bg-light-color .steps-01__number,
.bg-light-color .style-blue-4 .steps-01__number {
  border-color: #164085;
}

.style-blue-4 .color-main,
.style-blue-4 .link,
.style-blue-4 .feature__link,
.style-blue-4 .testimonials-03__person_link,
.style-blue-4 .faq-05__link,
.style-blue-4 .features-16__link,
.style-blue-4 .subheading,
.style-blue-4 .content_box a,
.content_box .style-blue-4 a,
.style-blue-4 .comps .button--accent-outline,
.comps .style-blue-4 .button--accent-outline,
.style-blue-4 .tab__button.state-active-tab,
.style-blue-4 .tab__button--active:focus,
.style-blue-4 .score__value,
.style-blue-4 .form__message_opener_box,
.style-blue-4 .message__bubble_link,
.style-blue-4 .team-05__person_name,
.style-blue-4 .tabs-04__button.state-active-tab,
.style-blue-4 .tabs-04__button--active:focus,
.style-blue-4 .pricing-02__hover,
.style-blue-4 .pricing-03__hover,
.style-blue-4 .pricing-04__hover,
.style-blue-4 .pricing-05__hover,
.style-blue-4 .cta_button-25__subheading,
.style-blue-4 .cta_button-31__heading,
.style-blue-4 .code-02__info_prefix,
.style-blue-4 .features-17__item .feature__title_text,
.features-17__item .style-blue-4 .feature__title_text {
  color: #164085;
}

.style-blue-4 .color-main-hover:hover,
.style-blue-4 .link:hover,
.style-blue-4 .feature__link:hover,
.style-blue-4 .testimonials-03__person_link:hover,
.style-blue-4 .faq-05__link:hover,
.style-blue-4 .features-16__link:hover,
.style-blue-4 .message__bubble_link:hover {
  color: #113166;
}

.style-blue-4 .bg-main,
.style-blue-4 .content_box ul li:before,
.content_box ul .style-blue-4 li:before,
.style-blue-4 .comps .button--accent-bg,
.comps .style-blue-4 .button--accent-bg,
.style-blue-4 .store-button:hover,
.style-blue-4 .circle-button--accent-bg,
.style-blue-4 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-blue-4 .circle-button__hover_bg,
.style-blue-4 .circle-button--light-bg:hover,
.style-blue-4 .radio__check:before,
.style-blue-4 .checkbox__check:before,
.style-blue-4 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-blue-4 button,
.style-blue-4 .social-buttons__link--circle,
.style-blue-4 .roadmap-01__column,
.style-blue-4 .cta_button-25__item::before,
.style-blue-4 .testimonials-05__blue_box::before,
.style-blue-4 .features-02__number:before,
.style-blue-4 .features-09__item--new .tag,
.features-09__item--new .style-blue-4 .tag,
.style-blue-4 .features-15__item::before,
.style-blue-4 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-blue-4 .steps-01__list:before,
.style-blue-4 .bg-light-color .steps-01__list:before,
.bg-light-color .style-blue-4 .steps-01__list:before {
  background-color: #164085;
}

.style-blue-4 .bg-light,
.style-blue-4 .heading__accent_word--accent:before,
.style-blue-4 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-blue-4 .image-tool__image,
.style-blue-4 .content_box .fig-img-bg,
.content_box .style-blue-4 .fig-img-bg,
.style-blue-4 .tab__button.state-active-tab,
.style-blue-4 .tab__button--active:focus,
.style-blue-4 .iconed-tab__button:hover,
.style-blue-4 .tabs-04__button.state-active-tab,
.style-blue-4 .tabs-04__button--active:focus,
.style-blue-4 .pricing-02__hover,
.style-blue-4 .pricing-03__hover,
.style-blue-4 .pricing-04__hover,
.style-blue-4 .pricing-05__hover,
.style-blue-4 .posts-04__item:hover,
.style-blue-4 .posts-04__item:focus,
.style-blue-4 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-blue-4 .faq-04__item--question,
.style-blue-4 .press-01__link:hover,
.style-blue-4 .press-02__link:hover,
.style-blue-4 .press-03__link:hover {
  background-color: #e9f1ff;
}

.style-blue-4 .bg-medium,
.style-blue-4 .content_box .cdx-marker,
.content_box .style-blue-4 .cdx-marker,
.style-blue-4 .tab__button:hover,
.style-blue-4 .iconed-tab__button.state-active-tab,
.style-blue-4 .circle-button--light-bg,
.style-blue-4 .score__stars,
.style-blue-4 .slick-dots button,
.slick-dots .style-blue-4 button,
.style-blue-4 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #dfeafe;
}

.style-blue-4 .bg-medium-hover:hover,
.style-blue-4 .cta_button-10__link:hover {
  background-color: #dfeafe;
}

.style-blue-4 .bg-main-hover:hover,
.style-blue-4 .comps .button--accent-bg:hover,
.comps .style-blue-4 .button--accent-bg:hover,
.style-blue-4 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #12356f;
}

.style-blue-4 .border-alt,
.style-blue-4 .comps .button--alt-accent-outline,
.comps .style-blue-4 .button--alt-accent-outline,
.style-blue-4 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-blue-4 .pricing-02__card_box--accent,
.style-blue-4 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-blue-4 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-blue-4 .color-alt,
.style-blue-4 .comps .button--alt-accent-outline,
.comps .style-blue-4 .button--alt-accent-outline {
  color: #f90473;
}

.style-blue-4 .bg-alt,
.style-blue-4 .comps .button--alt-accent-bg,
.comps .style-blue-4 .button--alt-accent-bg,
.style-blue-4 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-blue-4 button {
  background-color: #f90473;
}

.style-blue-4 .bg-alt-hover:hover,
.style-blue-4 .comps .button--alt-accent-bg:hover,
.comps .style-blue-4 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-blue-4 .fill-alt .icon svg *,
.style-blue-4 .comps .button--alt-accent-outline .icon svg *,
.comps .style-blue-4 .button--alt-accent-outline .icon svg *,
.style-blue-4 .fill-alt .button__system_icon svg *,
.style-blue-4 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-blue-4 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-blue-4 .fill-alt-hover:hover .icon svg *,
.style-blue-4 .feature__link:hover .icon svg *,
.style-blue-4 .fill-alt-hover:hover .button__system_icon svg *,
.style-blue-4 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.style-green-1 .fill-bg {
  fill: #c5e8bf;
}

.style-green-1 .fill-bg-light,
.style-green-1 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-green-1 *,
.style-green-1
  .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-1
  *,
.style-green-1
  .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-1
  *,
.style-green-1
  .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-1
  *,
.style-green-1
  .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-1
  * {
  fill: #e4feec;
}

.style-green-1 .stroke-light {
  stroke: #e4feec;
}

.style-green-1 .fill-main,
.style-green-1 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-green-1 *,
.style-green-1 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-green-1 * {
  fill: #4addb4;
}

.style-green-1 .fill-secondary {
  fill: #076b00;
}

.style-green-1 .color-secondary,
.style-green-1 .cta_button-10__text {
  color: #076b00;
}

.style-green-1 .stroke-main {
  stroke: #4addb4;
}

.style-green-1 .border-main,
.style-green-1 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-green-1 .img.img-border,
.style-green-1 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-green-1 .image-tool__image,
.style-green-1 .comps .button--accent-outline,
.comps .style-green-1 .button--accent-outline,
.style-green-1 .text-input:focus,
.style-green-1 .textarea:focus,
.style-green-1 .store-button--white:hover,
.style-green-1 .select:focus,
.style-green-1 .pricing-02__card_box--accent,
.style-green-1 .pricing-03__hover,
.style-green-1 .pricing-04__card--accent,
.style-green-1 .pricing-04__hover,
.style-green-1 .pricing-05__hover,
.style-green-1 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-green-1 .cta_form-04__wrapper,
.style-green-1 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-green-1 .cta_form-04__wrapper,
.style-green-1 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-green-1 .cta_form-04__bottom,
.style-green-1 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-green-1 .cta_form-04__bottom,
.style-green-1 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-green-1 .cta_button-16__wrapper,
.style-green-1 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-green-1 .cta_button-16__wrapper,
.style-green-1 .bg-medium-color .links-02__list,
.bg-medium-color .style-green-1 .links-02__list,
.style-green-1 .bg-light-color .links-02__list,
.bg-light-color .style-green-1 .links-02__list,
.style-green-1 .faq-01__question:hover,
.style-green-1 .faq-03__question:hover,
.style-green-1 .features-09__item--new,
.style-green-1 .bg-medium-color .steps-01__number,
.bg-medium-color .style-green-1 .steps-01__number,
.style-green-1 .bg-light-color .steps-01__number,
.bg-light-color .style-green-1 .steps-01__number {
  border-color: #4addb4;
}

.style-green-1 .color-main,
.style-green-1 .link,
.style-green-1 .feature__link,
.style-green-1 .testimonials-03__person_link,
.style-green-1 .faq-05__link,
.style-green-1 .features-16__link,
.style-green-1 .subheading,
.style-green-1 .content_box a,
.content_box .style-green-1 a,
.style-green-1 .comps .button--accent-outline,
.comps .style-green-1 .button--accent-outline,
.style-green-1 .tab__button.state-active-tab,
.style-green-1 .tab__button--active:focus,
.style-green-1 .score__value,
.style-green-1 .form__message_opener_box,
.style-green-1 .message__bubble_link,
.style-green-1 .team-05__person_name,
.style-green-1 .tabs-04__button.state-active-tab,
.style-green-1 .tabs-04__button--active:focus,
.style-green-1 .pricing-02__hover,
.style-green-1 .pricing-03__hover,
.style-green-1 .pricing-04__hover,
.style-green-1 .pricing-05__hover,
.style-green-1 .cta_button-25__subheading,
.style-green-1 .cta_button-31__heading,
.style-green-1 .code-02__info_prefix,
.style-green-1 .features-17__item .feature__title_text,
.features-17__item .style-green-1 .feature__title_text {
  color: #4addb4;
}

.style-green-1 .color-main-hover:hover,
.style-green-1 .link:hover,
.style-green-1 .feature__link:hover,
.style-green-1 .testimonials-03__person_link:hover,
.style-green-1 .faq-05__link:hover,
.style-green-1 .features-16__link:hover,
.style-green-1 .message__bubble_link:hover {
  color: #2cd7a8;
}

.style-green-1 .bg-main,
.style-green-1 .content_box ul li:before,
.content_box ul .style-green-1 li:before,
.style-green-1 .comps .button--accent-bg,
.comps .style-green-1 .button--accent-bg,
.style-green-1 .store-button:hover,
.style-green-1 .circle-button--accent-bg,
.style-green-1 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-green-1 .circle-button__hover_bg,
.style-green-1 .circle-button--light-bg:hover,
.style-green-1 .radio__check:before,
.style-green-1 .checkbox__check:before,
.style-green-1 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-green-1 button,
.style-green-1 .social-buttons__link--circle,
.style-green-1 .roadmap-01__column,
.style-green-1 .cta_button-25__item::before,
.style-green-1 .testimonials-05__blue_box::before,
.style-green-1 .features-02__number:before,
.style-green-1 .features-09__item--new .tag,
.features-09__item--new .style-green-1 .tag,
.style-green-1 .features-15__item::before,
.style-green-1 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-green-1 .steps-01__list:before,
.style-green-1 .bg-light-color .steps-01__list:before,
.bg-light-color .style-green-1 .steps-01__list:before {
  background-color: #4addb4;
}

.style-green-1 .bg-light,
.style-green-1 .heading__accent_word--accent:before,
.style-green-1 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-green-1 .image-tool__image,
.style-green-1 .content_box .fig-img-bg,
.content_box .style-green-1 .fig-img-bg,
.style-green-1 .tab__button.state-active-tab,
.style-green-1 .tab__button--active:focus,
.style-green-1 .iconed-tab__button:hover,
.style-green-1 .tabs-04__button.state-active-tab,
.style-green-1 .tabs-04__button--active:focus,
.style-green-1 .pricing-02__hover,
.style-green-1 .pricing-03__hover,
.style-green-1 .pricing-04__hover,
.style-green-1 .pricing-05__hover,
.style-green-1 .posts-04__item:hover,
.style-green-1 .posts-04__item:focus,
.style-green-1 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-green-1 .faq-04__item--question,
.style-green-1 .press-01__link:hover,
.style-green-1 .press-02__link:hover,
.style-green-1 .press-03__link:hover {
  background-color: #e4feec;
}

.style-green-1 .bg-medium,
.style-green-1 .content_box .cdx-marker,
.content_box .style-green-1 .cdx-marker,
.style-green-1 .tab__button:hover,
.style-green-1 .iconed-tab__button.state-active-tab,
.style-green-1 .circle-button--light-bg,
.style-green-1 .score__stars,
.style-green-1 .slick-dots button,
.slick-dots .style-green-1 button,
.style-green-1 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #ebfde8;
}

.style-green-1 .bg-medium-hover:hover,
.style-green-1 .cta_button-10__link:hover {
  background-color: #ebfde8;
}

.style-green-1 .bg-main-hover:hover,
.style-green-1 .comps .button--accent-bg:hover,
.comps .style-green-1 .button--accent-bg:hover,
.style-green-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #35d9ab;
}

.style-green-1 .border-alt,
.style-green-1 .comps .button--alt-accent-outline,
.comps .style-green-1 .button--alt-accent-outline,
.style-green-1 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-green-1 .pricing-02__card_box--accent,
.style-green-1 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-green-1 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-green-1 .color-alt,
.style-green-1 .comps .button--alt-accent-outline,
.comps .style-green-1 .button--alt-accent-outline {
  color: #f90473;
}

.style-green-1 .bg-alt,
.style-green-1 .comps .button--alt-accent-bg,
.comps .style-green-1 .button--alt-accent-bg,
.style-green-1 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-green-1 button {
  background-color: #f90473;
}

.style-green-1 .bg-alt-hover:hover,
.style-green-1 .comps .button--alt-accent-bg:hover,
.comps .style-green-1 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-green-1 .fill-alt .icon svg *,
.style-green-1 .comps .button--alt-accent-outline .icon svg *,
.comps .style-green-1 .button--alt-accent-outline .icon svg *,
.style-green-1 .fill-alt .button__system_icon svg *,
.style-green-1 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-green-1 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-green-1 .fill-alt-hover:hover .icon svg *,
.style-green-1 .feature__link:hover .icon svg *,
.style-green-1 .fill-alt-hover:hover .button__system_icon svg *,
.style-green-1 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.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,
.style-green-2 .cta_button-10__text {
  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 .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 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-green-2 .cta_button-16__wrapper,
.style-green-2 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-green-2 .cta_button-16__wrapper,
.style-green-2 .bg-medium-color .links-02__list,
.bg-medium-color .style-green-2 .links-02__list,
.style-green-2 .bg-light-color .links-02__list,
.bg-light-color .style-green-2 .links-02__list,
.style-green-2 .faq-01__question:hover,
.style-green-2 .faq-03__question:hover,
.style-green-2 .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 .testimonials-03__person_link,
.style-green-2 .faq-05__link,
.style-green-2 .features-16__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 .team-05__person_name,
.style-green-2 .tabs-04__button.state-active-tab,
.style-green-2 .tabs-04__button--active:focus,
.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 .cta_button-31__heading,
.style-green-2 .code-02__info_prefix,
.style-green-2 .features-17__item .feature__title_text,
.features-17__item .style-green-2 .feature__title_text {
  color: #29c853;
}

.style-green-2 .color-main-hover:hover,
.style-green-2 .link:hover,
.style-green-2 .feature__link:hover,
.style-green-2 .testimonials-03__person_link:hover,
.style-green-2 .faq-05__link:hover,
.style-green-2 .features-16__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 .social-buttons__link--circle,
.style-green-2 .roadmap-01__column,
.style-green-2 .cta_button-25__item::before,
.style-green-2 .testimonials-05__blue_box::before,
.style-green-2 .features-02__number:before,
.style-green-2 .features-09__item--new .tag,
.features-09__item--new .style-green-2 .tag,
.style-green-2 .features-15__item::before,
.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 .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 .tabs-04__button.state-active-tab,
.style-green-2 .tabs-04__button--active:focus,
.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 .posts-04__item:hover,
.style-green-2 .posts-04__item:focus,
.style-green-2 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-green-2 .faq-04__item--question,
.style-green-2 .press-01__link:hover,
.style-green-2 .press-02__link:hover,
.style-green-2 .press-03__link: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,
.style-green-2 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #ebfde8;
}

.style-green-2 .bg-medium-hover:hover,
.style-green-2 .cta_button-10__link: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;
}

.style-purple-1 .fill-bg {
  fill: #e8d8e0;
}

.style-purple-1 .fill-bg-light,
.style-purple-1 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-purple-1 *,
.style-purple-1
  .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-purple-1
  *,
.style-purple-1
  .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-purple-1
  *,
.style-purple-1
  .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-purple-1
  *,
.style-purple-1
  .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-purple-1
  * {
  fill: #fcdffe;
}

.style-purple-1 .stroke-light {
  stroke: #fcdffe;
}

.style-purple-1 .fill-main,
.style-purple-1 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-purple-1 *,
.style-purple-1 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-purple-1 * {
  fill: #943bdc;
}

.style-purple-1 .fill-secondary {
  fill: #5c046b;
}

.style-purple-1 .color-secondary,
.style-purple-1 .cta_button-10__text {
  color: #5c046b;
}

.style-purple-1 .stroke-main {
  stroke: #943bdc;
}

.style-purple-1 .border-main,
.style-purple-1 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-purple-1 .img.img-border,
.style-purple-1 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-purple-1 .image-tool__image,
.style-purple-1 .comps .button--accent-outline,
.comps .style-purple-1 .button--accent-outline,
.style-purple-1 .text-input:focus,
.style-purple-1 .textarea:focus,
.style-purple-1 .store-button--white:hover,
.style-purple-1 .select:focus,
.style-purple-1 .pricing-02__card_box--accent,
.style-purple-1 .pricing-03__hover,
.style-purple-1 .pricing-04__card--accent,
.style-purple-1 .pricing-04__hover,
.style-purple-1 .pricing-05__hover,
.style-purple-1 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-purple-1 .cta_form-04__wrapper,
.style-purple-1 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-purple-1 .cta_form-04__wrapper,
.style-purple-1 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-purple-1 .cta_form-04__bottom,
.style-purple-1 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-purple-1 .cta_form-04__bottom,
.style-purple-1 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-purple-1 .cta_button-16__wrapper,
.style-purple-1 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-purple-1 .cta_button-16__wrapper,
.style-purple-1 .bg-medium-color .links-02__list,
.bg-medium-color .style-purple-1 .links-02__list,
.style-purple-1 .bg-light-color .links-02__list,
.bg-light-color .style-purple-1 .links-02__list,
.style-purple-1 .faq-01__question:hover,
.style-purple-1 .faq-03__question:hover,
.style-purple-1 .features-09__item--new,
.style-purple-1 .bg-medium-color .steps-01__number,
.bg-medium-color .style-purple-1 .steps-01__number,
.style-purple-1 .bg-light-color .steps-01__number,
.bg-light-color .style-purple-1 .steps-01__number {
  border-color: #943bdc;
}

.style-purple-1 .color-main,
.style-purple-1 .link,
.style-purple-1 .feature__link,
.style-purple-1 .testimonials-03__person_link,
.style-purple-1 .faq-05__link,
.style-purple-1 .features-16__link,
.style-purple-1 .subheading,
.style-purple-1 .content_box a,
.content_box .style-purple-1 a,
.style-purple-1 .comps .button--accent-outline,
.comps .style-purple-1 .button--accent-outline,
.style-purple-1 .tab__button.state-active-tab,
.style-purple-1 .tab__button--active:focus,
.style-purple-1 .score__value,
.style-purple-1 .form__message_opener_box,
.style-purple-1 .message__bubble_link,
.style-purple-1 .team-05__person_name,
.style-purple-1 .tabs-04__button.state-active-tab,
.style-purple-1 .tabs-04__button--active:focus,
.style-purple-1 .pricing-02__hover,
.style-purple-1 .pricing-03__hover,
.style-purple-1 .pricing-04__hover,
.style-purple-1 .pricing-05__hover,
.style-purple-1 .cta_button-25__subheading,
.style-purple-1 .cta_button-31__heading,
.style-purple-1 .code-02__info_prefix,
.style-purple-1 .features-17__item .feature__title_text,
.features-17__item .style-purple-1 .feature__title_text {
  color: #943bdc;
}

.style-purple-1 .color-main-hover:hover,
.style-purple-1 .link:hover,
.style-purple-1 .feature__link:hover,
.style-purple-1 .testimonials-03__person_link:hover,
.style-purple-1 .faq-05__link:hover,
.style-purple-1 .features-16__link:hover,
.style-purple-1 .message__bubble_link:hover {
  color: #8325ce;
}

.style-purple-1 .bg-main,
.style-purple-1 .content_box ul li:before,
.content_box ul .style-purple-1 li:before,
.style-purple-1 .comps .button--accent-bg,
.comps .style-purple-1 .button--accent-bg,
.style-purple-1 .store-button:hover,
.style-purple-1 .circle-button--accent-bg,
.style-purple-1 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-purple-1 .circle-button__hover_bg,
.style-purple-1 .circle-button--light-bg:hover,
.style-purple-1 .radio__check:before,
.style-purple-1 .checkbox__check:before,
.style-purple-1 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-purple-1 button,
.style-purple-1 .social-buttons__link--circle,
.style-purple-1 .roadmap-01__column,
.style-purple-1 .cta_button-25__item::before,
.style-purple-1 .testimonials-05__blue_box::before,
.style-purple-1 .features-02__number:before,
.style-purple-1 .features-09__item--new .tag,
.features-09__item--new .style-purple-1 .tag,
.style-purple-1 .features-15__item::before,
.style-purple-1 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-purple-1 .steps-01__list:before,
.style-purple-1 .bg-light-color .steps-01__list:before,
.bg-light-color .style-purple-1 .steps-01__list:before {
  background-color: #943bdc;
}

.style-purple-1 .bg-light,
.style-purple-1 .heading__accent_word--accent:before,
.style-purple-1 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-purple-1 .image-tool__image,
.style-purple-1 .content_box .fig-img-bg,
.content_box .style-purple-1 .fig-img-bg,
.style-purple-1 .tab__button.state-active-tab,
.style-purple-1 .tab__button--active:focus,
.style-purple-1 .iconed-tab__button:hover,
.style-purple-1 .tabs-04__button.state-active-tab,
.style-purple-1 .tabs-04__button--active:focus,
.style-purple-1 .pricing-02__hover,
.style-purple-1 .pricing-03__hover,
.style-purple-1 .pricing-04__hover,
.style-purple-1 .pricing-05__hover,
.style-purple-1 .posts-04__item:hover,
.style-purple-1 .posts-04__item:focus,
.style-purple-1 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-purple-1 .faq-04__item--question,
.style-purple-1 .press-01__link:hover,
.style-purple-1 .press-02__link:hover,
.style-purple-1 .press-03__link:hover {
  background-color: #fcdffe;
}

.style-purple-1 .bg-medium,
.style-purple-1 .content_box .cdx-marker,
.content_box .style-purple-1 .cdx-marker,
.style-purple-1 .tab__button:hover,
.style-purple-1 .iconed-tab__button.state-active-tab,
.style-purple-1 .circle-button--light-bg,
.style-purple-1 .score__stars,
.style-purple-1 .slick-dots button,
.slick-dots .style-purple-1 button,
.style-purple-1 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #fde9f8;
}

.style-purple-1 .bg-medium-hover:hover,
.style-purple-1 .cta_button-10__link:hover {
  background-color: #fde9f8;
}

.style-purple-1 .bg-main-hover:hover,
.style-purple-1 .comps .button--accent-bg:hover,
.comps .style-purple-1 .button--accent-bg:hover,
.style-purple-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #8826d7;
}

.style-purple-1 .border-alt,
.style-purple-1 .comps .button--alt-accent-outline,
.comps .style-purple-1 .button--alt-accent-outline,
.style-purple-1 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-purple-1 .pricing-02__card_box--accent,
.style-purple-1 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-purple-1 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-purple-1 .color-alt,
.style-purple-1 .comps .button--alt-accent-outline,
.comps .style-purple-1 .button--alt-accent-outline {
  color: #f90473;
}

.style-purple-1 .bg-alt,
.style-purple-1 .comps .button--alt-accent-bg,
.comps .style-purple-1 .button--alt-accent-bg,
.style-purple-1 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-purple-1 button {
  background-color: #f90473;
}

.style-purple-1 .bg-alt-hover:hover,
.style-purple-1 .comps .button--alt-accent-bg:hover,
.comps .style-purple-1 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-purple-1 .fill-alt .icon svg *,
.style-purple-1 .comps .button--alt-accent-outline .icon svg *,
.comps .style-purple-1 .button--alt-accent-outline .icon svg *,
.style-purple-1 .fill-alt .button__system_icon svg *,
.style-purple-1 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-purple-1 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-purple-1 .fill-alt-hover:hover .icon svg *,
.style-purple-1 .feature__link:hover .icon svg *,
.style-purple-1 .fill-alt-hover:hover .button__system_icon svg *,
.style-purple-1 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.style-purple-2 .fill-bg {
  fill: #e8d8e0;
}

.style-purple-2 .fill-bg-light,
.style-purple-2 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-purple-2 *,
.style-purple-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-purple-2
  *,
.style-purple-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-purple-2
  *,
.style-purple-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-purple-2
  *,
.style-purple-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-purple-2
  * {
  fill: #fcdffe;
}

.style-purple-2 .stroke-light {
  stroke: #fcdffe;
}

.style-purple-2 .fill-main,
.style-purple-2 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-purple-2 *,
.style-purple-2 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-purple-2 * {
  fill: #643995;
}

.style-purple-2 .fill-secondary {
  fill: #5c046b;
}

.style-purple-2 .color-secondary,
.style-purple-2 .cta_button-10__text {
  color: #5c046b;
}

.style-purple-2 .stroke-main {
  stroke: #643995;
}

.style-purple-2 .border-main,
.style-purple-2 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-purple-2 .img.img-border,
.style-purple-2 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-purple-2 .image-tool__image,
.style-purple-2 .comps .button--accent-outline,
.comps .style-purple-2 .button--accent-outline,
.style-purple-2 .text-input:focus,
.style-purple-2 .textarea:focus,
.style-purple-2 .store-button--white:hover,
.style-purple-2 .select:focus,
.style-purple-2 .pricing-02__card_box--accent,
.style-purple-2 .pricing-03__hover,
.style-purple-2 .pricing-04__card--accent,
.style-purple-2 .pricing-04__hover,
.style-purple-2 .pricing-05__hover,
.style-purple-2 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-purple-2 .cta_form-04__wrapper,
.style-purple-2 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-purple-2 .cta_form-04__wrapper,
.style-purple-2 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-purple-2 .cta_form-04__bottom,
.style-purple-2 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-purple-2 .cta_form-04__bottom,
.style-purple-2 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-purple-2 .cta_button-16__wrapper,
.style-purple-2 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-purple-2 .cta_button-16__wrapper,
.style-purple-2 .bg-medium-color .links-02__list,
.bg-medium-color .style-purple-2 .links-02__list,
.style-purple-2 .bg-light-color .links-02__list,
.bg-light-color .style-purple-2 .links-02__list,
.style-purple-2 .faq-01__question:hover,
.style-purple-2 .faq-03__question:hover,
.style-purple-2 .features-09__item--new,
.style-purple-2 .bg-medium-color .steps-01__number,
.bg-medium-color .style-purple-2 .steps-01__number,
.style-purple-2 .bg-light-color .steps-01__number,
.bg-light-color .style-purple-2 .steps-01__number {
  border-color: #643995;
}

.style-purple-2 .color-main,
.style-purple-2 .link,
.style-purple-2 .feature__link,
.style-purple-2 .testimonials-03__person_link,
.style-purple-2 .faq-05__link,
.style-purple-2 .features-16__link,
.style-purple-2 .subheading,
.style-purple-2 .content_box a,
.content_box .style-purple-2 a,
.style-purple-2 .comps .button--accent-outline,
.comps .style-purple-2 .button--accent-outline,
.style-purple-2 .tab__button.state-active-tab,
.style-purple-2 .tab__button--active:focus,
.style-purple-2 .score__value,
.style-purple-2 .form__message_opener_box,
.style-purple-2 .message__bubble_link,
.style-purple-2 .team-05__person_name,
.style-purple-2 .tabs-04__button.state-active-tab,
.style-purple-2 .tabs-04__button--active:focus,
.style-purple-2 .pricing-02__hover,
.style-purple-2 .pricing-03__hover,
.style-purple-2 .pricing-04__hover,
.style-purple-2 .pricing-05__hover,
.style-purple-2 .cta_button-25__subheading,
.style-purple-2 .cta_button-31__heading,
.style-purple-2 .code-02__info_prefix,
.style-purple-2 .features-17__item .feature__title_text,
.features-17__item .style-purple-2 .feature__title_text {
  color: #643995;
}

.style-purple-2 .color-main-hover:hover,
.style-purple-2 .link:hover,
.style-purple-2 .feature__link:hover,
.style-purple-2 .testimonials-03__person_link:hover,
.style-purple-2 .faq-05__link:hover,
.style-purple-2 .features-16__link:hover,
.style-purple-2 .message__bubble_link:hover {
  color: #532f7b;
}

.style-purple-2 .bg-main,
.style-purple-2 .content_box ul li:before,
.content_box ul .style-purple-2 li:before,
.style-purple-2 .comps .button--accent-bg,
.comps .style-purple-2 .button--accent-bg,
.style-purple-2 .store-button:hover,
.style-purple-2 .circle-button--accent-bg,
.style-purple-2 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-purple-2 .circle-button__hover_bg,
.style-purple-2 .circle-button--light-bg:hover,
.style-purple-2 .radio__check:before,
.style-purple-2 .checkbox__check:before,
.style-purple-2 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-purple-2 button,
.style-purple-2 .social-buttons__link--circle,
.style-purple-2 .roadmap-01__column,
.style-purple-2 .cta_button-25__item::before,
.style-purple-2 .testimonials-05__blue_box::before,
.style-purple-2 .features-02__number:before,
.style-purple-2 .features-09__item--new .tag,
.features-09__item--new .style-purple-2 .tag,
.style-purple-2 .features-15__item::before,
.style-purple-2 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-purple-2 .steps-01__list:before,
.style-purple-2 .bg-light-color .steps-01__list:before,
.bg-light-color .style-purple-2 .steps-01__list:before {
  background-color: #643995;
}

.style-purple-2 .bg-light,
.style-purple-2 .heading__accent_word--accent:before,
.style-purple-2 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-purple-2 .image-tool__image,
.style-purple-2 .content_box .fig-img-bg,
.content_box .style-purple-2 .fig-img-bg,
.style-purple-2 .tab__button.state-active-tab,
.style-purple-2 .tab__button--active:focus,
.style-purple-2 .iconed-tab__button:hover,
.style-purple-2 .tabs-04__button.state-active-tab,
.style-purple-2 .tabs-04__button--active:focus,
.style-purple-2 .pricing-02__hover,
.style-purple-2 .pricing-03__hover,
.style-purple-2 .pricing-04__hover,
.style-purple-2 .pricing-05__hover,
.style-purple-2 .posts-04__item:hover,
.style-purple-2 .posts-04__item:focus,
.style-purple-2 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-purple-2 .faq-04__item--question,
.style-purple-2 .press-01__link:hover,
.style-purple-2 .press-02__link:hover,
.style-purple-2 .press-03__link:hover {
  background-color: #fcdffe;
}

.style-purple-2 .bg-medium,
.style-purple-2 .content_box .cdx-marker,
.content_box .style-purple-2 .cdx-marker,
.style-purple-2 .tab__button:hover,
.style-purple-2 .iconed-tab__button.state-active-tab,
.style-purple-2 .circle-button--light-bg,
.style-purple-2 .score__stars,
.style-purple-2 .slick-dots button,
.slick-dots .style-purple-2 button,
.style-purple-2 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #fde9f8;
}

.style-purple-2 .bg-medium-hover:hover,
.style-purple-2 .cta_button-10__link:hover {
  background-color: #fde9f8;
}

.style-purple-2 .bg-main-hover:hover,
.style-purple-2 .comps .button--accent-bg:hover,
.comps .style-purple-2 .button--accent-bg:hover,
.style-purple-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #583283;
}

.style-purple-2 .border-alt,
.style-purple-2 .comps .button--alt-accent-outline,
.comps .style-purple-2 .button--alt-accent-outline,
.style-purple-2 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-purple-2 .pricing-02__card_box--accent,
.style-purple-2 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-purple-2 .pricing-04__card--accent {
  border-color: #f90473;
}

.style-purple-2 .color-alt,
.style-purple-2 .comps .button--alt-accent-outline,
.comps .style-purple-2 .button--alt-accent-outline {
  color: #f90473;
}

.style-purple-2 .bg-alt,
.style-purple-2 .comps .button--alt-accent-bg,
.comps .style-purple-2 .button--alt-accent-bg,
.style-purple-2 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-purple-2 button {
  background-color: #f90473;
}

.style-purple-2 .bg-alt-hover:hover,
.style-purple-2 .comps .button--alt-accent-bg:hover,
.comps .style-purple-2 .button--alt-accent-bg:hover {
  background-color: #e00467;
}

.style-purple-2 .fill-alt .icon svg *,
.style-purple-2 .comps .button--alt-accent-outline .icon svg *,
.comps .style-purple-2 .button--alt-accent-outline .icon svg *,
.style-purple-2 .fill-alt .button__system_icon svg *,
.style-purple-2 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-purple-2 .button--alt-accent-outline .button__system_icon svg * {
  fill: #f90473;
}

.style-purple-2 .fill-alt-hover:hover .icon svg *,
.style-purple-2 .feature__link:hover .icon svg *,
.style-purple-2 .fill-alt-hover:hover .button__system_icon svg *,
.style-purple-2 .feature__link:hover .button__system_icon svg * {
  fill: #f90473;
}

.style-orange-1 .fill-bg {
  fill: #e8c9c3;
}

.style-orange-1 .fill-bg-light,
.style-orange-1 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-orange-1 *,
.style-orange-1
  .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-orange-1
  *,
.style-orange-1
  .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-orange-1
  *,
.style-orange-1
  .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-orange-1
  *,
.style-orange-1
  .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-orange-1
  * {
  fill: #fed7cb;
}

.style-orange-1 .stroke-light {
  stroke: #fed7cb;
}

.style-orange-1 .fill-main,
.style-orange-1 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-orange-1 *,
.style-orange-1 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-orange-1 * {
  fill: #fd3f0f;
}

.style-orange-1 .fill-secondary {
  fill: #840500;
}

.style-orange-1 .color-secondary,
.style-orange-1 .cta_button-10__text {
  color: #840500;
}

.style-orange-1 .stroke-main {
  stroke: #fd3f0f;
}

.style-orange-1 .border-main,
.style-orange-1 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-orange-1 .img.img-border,
.style-orange-1 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-orange-1 .image-tool__image,
.style-orange-1 .comps .button--accent-outline,
.comps .style-orange-1 .button--accent-outline,
.style-orange-1 .text-input:focus,
.style-orange-1 .textarea:focus,
.style-orange-1 .store-button--white:hover,
.style-orange-1 .select:focus,
.style-orange-1 .pricing-02__card_box--accent,
.style-orange-1 .pricing-03__hover,
.style-orange-1 .pricing-04__card--accent,
.style-orange-1 .pricing-04__hover,
.style-orange-1 .pricing-05__hover,
.style-orange-1 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-orange-1 .cta_form-04__wrapper,
.style-orange-1 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-orange-1 .cta_form-04__wrapper,
.style-orange-1 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-orange-1 .cta_form-04__bottom,
.style-orange-1 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-orange-1 .cta_form-04__bottom,
.style-orange-1 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-orange-1 .cta_button-16__wrapper,
.style-orange-1 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-orange-1 .cta_button-16__wrapper,
.style-orange-1 .bg-medium-color .links-02__list,
.bg-medium-color .style-orange-1 .links-02__list,
.style-orange-1 .bg-light-color .links-02__list,
.bg-light-color .style-orange-1 .links-02__list,
.style-orange-1 .faq-01__question:hover,
.style-orange-1 .faq-03__question:hover,
.style-orange-1 .features-09__item--new,
.style-orange-1 .bg-medium-color .steps-01__number,
.bg-medium-color .style-orange-1 .steps-01__number,
.style-orange-1 .bg-light-color .steps-01__number,
.bg-light-color .style-orange-1 .steps-01__number {
  border-color: #fd3f0f;
}

.style-orange-1 .color-main,
.style-orange-1 .link,
.style-orange-1 .feature__link,
.style-orange-1 .testimonials-03__person_link,
.style-orange-1 .faq-05__link,
.style-orange-1 .features-16__link,
.style-orange-1 .subheading,
.style-orange-1 .content_box a,
.content_box .style-orange-1 a,
.style-orange-1 .comps .button--accent-outline,
.comps .style-orange-1 .button--accent-outline,
.style-orange-1 .tab__button.state-active-tab,
.style-orange-1 .tab__button--active:focus,
.style-orange-1 .score__value,
.style-orange-1 .form__message_opener_box,
.style-orange-1 .message__bubble_link,
.style-orange-1 .team-05__person_name,
.style-orange-1 .tabs-04__button.state-active-tab,
.style-orange-1 .tabs-04__button--active:focus,
.style-orange-1 .pricing-02__hover,
.style-orange-1 .pricing-03__hover,
.style-orange-1 .pricing-04__hover,
.style-orange-1 .pricing-05__hover,
.style-orange-1 .cta_button-25__subheading,
.style-orange-1 .cta_button-31__heading,
.style-orange-1 .code-02__info_prefix,
.style-orange-1 .features-17__item .feature__title_text,
.features-17__item .style-orange-1 .feature__title_text {
  color: #fd3f0f;
}

.style-orange-1 .color-main-hover:hover,
.style-orange-1 .link:hover,
.style-orange-1 .feature__link:hover,
.style-orange-1 .testimonials-03__person_link:hover,
.style-orange-1 .faq-05__link:hover,
.style-orange-1 .features-16__link:hover,
.style-orange-1 .message__bubble_link:hover {
  color: #e63002;
}

.style-orange-1 .bg-main,
.style-orange-1 .content_box ul li:before,
.content_box ul .style-orange-1 li:before,
.style-orange-1 .comps .button--accent-bg,
.comps .style-orange-1 .button--accent-bg,
.style-orange-1 .store-button:hover,
.style-orange-1 .circle-button--accent-bg,
.style-orange-1 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-orange-1 .circle-button__hover_bg,
.style-orange-1 .circle-button--light-bg:hover,
.style-orange-1 .radio__check:before,
.style-orange-1 .checkbox__check:before,
.style-orange-1 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-orange-1 button,
.style-orange-1 .social-buttons__link--circle,
.style-orange-1 .roadmap-01__column,
.style-orange-1 .cta_button-25__item::before,
.style-orange-1 .testimonials-05__blue_box::before,
.style-orange-1 .features-02__number:before,
.style-orange-1 .features-09__item--new .tag,
.features-09__item--new .style-orange-1 .tag,
.style-orange-1 .features-15__item::before,
.style-orange-1 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-orange-1 .steps-01__list:before,
.style-orange-1 .bg-light-color .steps-01__list:before,
.bg-light-color .style-orange-1 .steps-01__list:before {
  background-color: #fd3f0f;
}

.style-orange-1 .bg-light,
.style-orange-1 .heading__accent_word--accent:before,
.style-orange-1 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-orange-1 .image-tool__image,
.style-orange-1 .content_box .fig-img-bg,
.content_box .style-orange-1 .fig-img-bg,
.style-orange-1 .tab__button.state-active-tab,
.style-orange-1 .tab__button--active:focus,
.style-orange-1 .iconed-tab__button:hover,
.style-orange-1 .tabs-04__button.state-active-tab,
.style-orange-1 .tabs-04__button--active:focus,
.style-orange-1 .pricing-02__hover,
.style-orange-1 .pricing-03__hover,
.style-orange-1 .pricing-04__hover,
.style-orange-1 .pricing-05__hover,
.style-orange-1 .posts-04__item:hover,
.style-orange-1 .posts-04__item:focus,
.style-orange-1 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-orange-1 .faq-04__item--question,
.style-orange-1 .press-01__link:hover,
.style-orange-1 .press-02__link:hover,
.style-orange-1 .press-03__link:hover {
  background-color: #fed7cb;
}

.style-orange-1 .bg-medium,
.style-orange-1 .content_box .cdx-marker,
.content_box .style-orange-1 .cdx-marker,
.style-orange-1 .tab__button:hover,
.style-orange-1 .iconed-tab__button.state-active-tab,
.style-orange-1 .circle-button--light-bg,
.style-orange-1 .score__stars,
.style-orange-1 .slick-dots button,
.slick-dots .style-orange-1 button,
.style-orange-1 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #f7dcc9;
}

.style-orange-1 .bg-medium-hover:hover,
.style-orange-1 .cta_button-10__link:hover {
  background-color: #f7dcc9;
}

.style-orange-1 .bg-main-hover:hover,
.style-orange-1 .comps .button--accent-bg:hover,
.comps .style-orange-1 .button--accent-bg:hover,
.style-orange-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #f03202;
}

.style-orange-1 .border-alt,
.style-orange-1 .comps .button--alt-accent-outline,
.comps .style-orange-1 .button--alt-accent-outline,
.style-orange-1 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-orange-1 .pricing-02__card_box--accent,
.style-orange-1 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-orange-1 .pricing-04__card--accent {
  border-color: #4d61fc;
}

.style-orange-1 .color-alt,
.style-orange-1 .comps .button--alt-accent-outline,
.comps .style-orange-1 .button--alt-accent-outline {
  color: #4d61fc;
}

.style-orange-1 .bg-alt,
.style-orange-1 .comps .button--alt-accent-bg,
.comps .style-orange-1 .button--alt-accent-bg,
.style-orange-1 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-orange-1 button {
  background-color: #4d61fc;
}

.style-orange-1 .bg-alt-hover:hover,
.style-orange-1 .comps .button--alt-accent-bg:hover,
.comps .style-orange-1 .button--alt-accent-bg:hover {
  background-color: #344bfc;
}

.style-orange-1 .fill-alt .icon svg *,
.style-orange-1 .comps .button--alt-accent-outline .icon svg *,
.comps .style-orange-1 .button--alt-accent-outline .icon svg *,
.style-orange-1 .fill-alt .button__system_icon svg *,
.style-orange-1 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-orange-1 .button--alt-accent-outline .button__system_icon svg * {
  fill: #4d61fc;
}

.style-orange-1 .fill-alt-hover:hover .icon svg *,
.style-orange-1 .feature__link:hover .icon svg *,
.style-orange-1 .fill-alt-hover:hover .button__system_icon svg *,
.style-orange-1 .feature__link:hover .button__system_icon svg * {
  fill: #4d61fc;
}

.style-orange-2 .fill-bg {
  fill: #e8c9c3;
}

.style-orange-2 .fill-bg-light,
.style-orange-2 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-orange-2 *,
.style-orange-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-orange-2
  *,
.style-orange-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-orange-2
  *,
.style-orange-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-orange-2
  *,
.style-orange-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-orange-2
  * {
  fill: #fed7cb;
}

.style-orange-2 .stroke-light {
  stroke: #fed7cb;
}

.style-orange-2 .fill-main,
.style-orange-2 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-orange-2 *,
.style-orange-2 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-orange-2 * {
  fill: #d13a35;
}

.style-orange-2 .fill-secondary {
  fill: #840500;
}

.style-orange-2 .color-secondary,
.style-orange-2 .cta_button-10__text {
  color: #840500;
}

.style-orange-2 .stroke-main {
  stroke: #d13a35;
}

.style-orange-2 .border-main,
.style-orange-2 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-orange-2 .img.img-border,
.style-orange-2 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-orange-2 .image-tool__image,
.style-orange-2 .comps .button--accent-outline,
.comps .style-orange-2 .button--accent-outline,
.style-orange-2 .text-input:focus,
.style-orange-2 .textarea:focus,
.style-orange-2 .store-button--white:hover,
.style-orange-2 .select:focus,
.style-orange-2 .pricing-02__card_box--accent,
.style-orange-2 .pricing-03__hover,
.style-orange-2 .pricing-04__card--accent,
.style-orange-2 .pricing-04__hover,
.style-orange-2 .pricing-05__hover,
.style-orange-2 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-orange-2 .cta_form-04__wrapper,
.style-orange-2 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-orange-2 .cta_form-04__wrapper,
.style-orange-2 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-orange-2 .cta_form-04__bottom,
.style-orange-2 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-orange-2 .cta_form-04__bottom,
.style-orange-2 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-orange-2 .cta_button-16__wrapper,
.style-orange-2 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-orange-2 .cta_button-16__wrapper,
.style-orange-2 .bg-medium-color .links-02__list,
.bg-medium-color .style-orange-2 .links-02__list,
.style-orange-2 .bg-light-color .links-02__list,
.bg-light-color .style-orange-2 .links-02__list,
.style-orange-2 .faq-01__question:hover,
.style-orange-2 .faq-03__question:hover,
.style-orange-2 .features-09__item--new,
.style-orange-2 .bg-medium-color .steps-01__number,
.bg-medium-color .style-orange-2 .steps-01__number,
.style-orange-2 .bg-light-color .steps-01__number,
.bg-light-color .style-orange-2 .steps-01__number {
  border-color: #d13a35;
}

.style-orange-2 .color-main,
.style-orange-2 .link,
.style-orange-2 .feature__link,
.style-orange-2 .testimonials-03__person_link,
.style-orange-2 .faq-05__link,
.style-orange-2 .features-16__link,
.style-orange-2 .subheading,
.style-orange-2 .content_box a,
.content_box .style-orange-2 a,
.style-orange-2 .comps .button--accent-outline,
.comps .style-orange-2 .button--accent-outline,
.style-orange-2 .tab__button.state-active-tab,
.style-orange-2 .tab__button--active:focus,
.style-orange-2 .score__value,
.style-orange-2 .form__message_opener_box,
.style-orange-2 .message__bubble_link,
.style-orange-2 .team-05__person_name,
.style-orange-2 .tabs-04__button.state-active-tab,
.style-orange-2 .tabs-04__button--active:focus,
.style-orange-2 .pricing-02__hover,
.style-orange-2 .pricing-03__hover,
.style-orange-2 .pricing-04__hover,
.style-orange-2 .pricing-05__hover,
.style-orange-2 .cta_button-25__subheading,
.style-orange-2 .cta_button-31__heading,
.style-orange-2 .code-02__info_prefix,
.style-orange-2 .features-17__item .feature__title_text,
.features-17__item .style-orange-2 .feature__title_text {
  color: #d13a35;
}

.style-orange-2 .color-main-hover:hover,
.style-orange-2 .link:hover,
.style-orange-2 .feature__link:hover,
.style-orange-2 .testimonials-03__person_link:hover,
.style-orange-2 .faq-05__link:hover,
.style-orange-2 .features-16__link:hover,
.style-orange-2 .message__bubble_link:hover {
  color: #b82f2a;
}

.style-orange-2 .bg-main,
.style-orange-2 .content_box ul li:before,
.content_box ul .style-orange-2 li:before,
.style-orange-2 .comps .button--accent-bg,
.comps .style-orange-2 .button--accent-bg,
.style-orange-2 .store-button:hover,
.style-orange-2 .circle-button--accent-bg,
.style-orange-2 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-orange-2 .circle-button__hover_bg,
.style-orange-2 .circle-button--light-bg:hover,
.style-orange-2 .radio__check:before,
.style-orange-2 .checkbox__check:before,
.style-orange-2 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-orange-2 button,
.style-orange-2 .social-buttons__link--circle,
.style-orange-2 .roadmap-01__column,
.style-orange-2 .cta_button-25__item::before,
.style-orange-2 .testimonials-05__blue_box::before,
.style-orange-2 .features-02__number:before,
.style-orange-2 .features-09__item--new .tag,
.features-09__item--new .style-orange-2 .tag,
.style-orange-2 .features-15__item::before,
.style-orange-2 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-orange-2 .steps-01__list:before,
.style-orange-2 .bg-light-color .steps-01__list:before,
.bg-light-color .style-orange-2 .steps-01__list:before {
  background-color: #d13a35;
}

.style-orange-2 .bg-light,
.style-orange-2 .heading__accent_word--accent:before,
.style-orange-2 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-orange-2 .image-tool__image,
.style-orange-2 .content_box .fig-img-bg,
.content_box .style-orange-2 .fig-img-bg,
.style-orange-2 .tab__button.state-active-tab,
.style-orange-2 .tab__button--active:focus,
.style-orange-2 .iconed-tab__button:hover,
.style-orange-2 .tabs-04__button.state-active-tab,
.style-orange-2 .tabs-04__button--active:focus,
.style-orange-2 .pricing-02__hover,
.style-orange-2 .pricing-03__hover,
.style-orange-2 .pricing-04__hover,
.style-orange-2 .pricing-05__hover,
.style-orange-2 .posts-04__item:hover,
.style-orange-2 .posts-04__item:focus,
.style-orange-2 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-orange-2 .faq-04__item--question,
.style-orange-2 .press-01__link:hover,
.style-orange-2 .press-02__link:hover,
.style-orange-2 .press-03__link:hover {
  background-color: #fed7cb;
}

.style-orange-2 .bg-medium,
.style-orange-2 .content_box .cdx-marker,
.content_box .style-orange-2 .cdx-marker,
.style-orange-2 .tab__button:hover,
.style-orange-2 .iconed-tab__button.state-active-tab,
.style-orange-2 .circle-button--light-bg,
.style-orange-2 .score__stars,
.style-orange-2 .slick-dots button,
.slick-dots .style-orange-2 button,
.style-orange-2 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #f7dcc9;
}

.style-orange-2 .bg-medium-hover:hover,
.style-orange-2 .cta_button-10__link:hover {
  background-color: #f7dcc9;
}

.style-orange-2 .bg-main-hover:hover,
.style-orange-2 .comps .button--accent-bg:hover,
.comps .style-orange-2 .button--accent-bg:hover,
.style-orange-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #c1312c;
}

.style-orange-2 .border-alt,
.style-orange-2 .comps .button--alt-accent-outline,
.comps .style-orange-2 .button--alt-accent-outline,
.style-orange-2 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-orange-2 .pricing-02__card_box--accent,
.style-orange-2 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-orange-2 .pricing-04__card--accent {
  border-color: #4d61fc;
}

.style-orange-2 .color-alt,
.style-orange-2 .comps .button--alt-accent-outline,
.comps .style-orange-2 .button--alt-accent-outline {
  color: #4d61fc;
}

.style-orange-2 .bg-alt,
.style-orange-2 .comps .button--alt-accent-bg,
.comps .style-orange-2 .button--alt-accent-bg,
.style-orange-2 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-orange-2 button {
  background-color: #4d61fc;
}

.style-orange-2 .bg-alt-hover:hover,
.style-orange-2 .comps .button--alt-accent-bg:hover,
.comps .style-orange-2 .button--alt-accent-bg:hover {
  background-color: #344bfc;
}

.style-orange-2 .fill-alt .icon svg *,
.style-orange-2 .comps .button--alt-accent-outline .icon svg *,
.comps .style-orange-2 .button--alt-accent-outline .icon svg *,
.style-orange-2 .fill-alt .button__system_icon svg *,
.style-orange-2 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-orange-2 .button--alt-accent-outline .button__system_icon svg * {
  fill: #4d61fc;
}

.style-orange-2 .fill-alt-hover:hover .icon svg *,
.style-orange-2 .feature__link:hover .icon svg *,
.style-orange-2 .fill-alt-hover:hover .button__system_icon svg *,
.style-orange-2 .feature__link:hover .button__system_icon svg * {
  fill: #4d61fc;
}

.style-black-1 .fill-bg {
  fill: #dddccc;
}

.style-black-1 .fill-bg-light,
.style-black-1 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-black-1 *,
.style-black-1
  .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-black-1
  *,
.style-black-1
  .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-black-1
  *,
.style-black-1
  .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-black-1
  *,
.style-black-1
  .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-black-1
  * {
  fill: #e8e8e8;
}

.style-black-1 .stroke-light {
  stroke: #e8e8e8;
}

.style-black-1 .fill-main,
.style-black-1 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-black-1 *,
.style-black-1 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-black-1 * {
  fill: #5e5e5e;
}

.style-black-1 .fill-secondary {
  fill: #000;
}

.style-black-1 .color-secondary,
.style-black-1 .cta_button-10__text {
  color: #000;
}

.style-black-1 .stroke-main {
  stroke: #303030;
}

.style-black-1 .border-main,
.style-black-1 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-black-1 .img.img-border,
.style-black-1 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-black-1 .image-tool__image,
.style-black-1 .comps .button--accent-outline,
.comps .style-black-1 .button--accent-outline,
.style-black-1 .text-input:focus,
.style-black-1 .textarea:focus,
.style-black-1 .store-button--white:hover,
.style-black-1 .select:focus,
.style-black-1 .pricing-02__card_box--accent,
.style-black-1 .pricing-03__hover,
.style-black-1 .pricing-04__card--accent,
.style-black-1 .pricing-04__hover,
.style-black-1 .pricing-05__hover,
.style-black-1 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-black-1 .cta_form-04__wrapper,
.style-black-1 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-black-1 .cta_form-04__wrapper,
.style-black-1 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-black-1 .cta_form-04__bottom,
.style-black-1 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-black-1 .cta_form-04__bottom,
.style-black-1 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-black-1 .cta_button-16__wrapper,
.style-black-1 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-black-1 .cta_button-16__wrapper,
.style-black-1 .bg-medium-color .links-02__list,
.bg-medium-color .style-black-1 .links-02__list,
.style-black-1 .bg-light-color .links-02__list,
.bg-light-color .style-black-1 .links-02__list,
.style-black-1 .faq-01__question:hover,
.style-black-1 .faq-03__question:hover,
.style-black-1 .features-09__item--new,
.style-black-1 .bg-medium-color .steps-01__number,
.bg-medium-color .style-black-1 .steps-01__number,
.style-black-1 .bg-light-color .steps-01__number,
.bg-light-color .style-black-1 .steps-01__number {
  border-color: #303030;
}

.style-black-1 .color-main,
.style-black-1 .link,
.style-black-1 .feature__link,
.style-black-1 .testimonials-03__person_link,
.style-black-1 .faq-05__link,
.style-black-1 .features-16__link,
.style-black-1 .subheading,
.style-black-1 .content_box a,
.content_box .style-black-1 a,
.style-black-1 .comps .button--accent-outline,
.comps .style-black-1 .button--accent-outline,
.style-black-1 .tab__button.state-active-tab,
.style-black-1 .tab__button--active:focus,
.style-black-1 .score__value,
.style-black-1 .form__message_opener_box,
.style-black-1 .message__bubble_link,
.style-black-1 .team-05__person_name,
.style-black-1 .tabs-04__button.state-active-tab,
.style-black-1 .tabs-04__button--active:focus,
.style-black-1 .pricing-02__hover,
.style-black-1 .pricing-03__hover,
.style-black-1 .pricing-04__hover,
.style-black-1 .pricing-05__hover,
.style-black-1 .cta_button-25__subheading,
.style-black-1 .cta_button-31__heading,
.style-black-1 .code-02__info_prefix,
.style-black-1 .features-17__item .feature__title_text,
.features-17__item .style-black-1 .feature__title_text {
  color: #303030;
}

.style-black-1 .color-main-hover:hover,
.style-black-1 .link:hover,
.style-black-1 .feature__link:hover,
.style-black-1 .testimonials-03__person_link:hover,
.style-black-1 .faq-05__link:hover,
.style-black-1 .features-16__link:hover,
.style-black-1 .message__bubble_link:hover {
  color: #1e1e1e;
}

.style-black-1 .bg-main,
.style-black-1 .content_box ul li:before,
.content_box ul .style-black-1 li:before,
.style-black-1 .comps .button--accent-bg,
.comps .style-black-1 .button--accent-bg,
.style-black-1 .store-button:hover,
.style-black-1 .circle-button--accent-bg,
.style-black-1 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-black-1 .circle-button__hover_bg,
.style-black-1 .circle-button--light-bg:hover,
.style-black-1 .radio__check:before,
.style-black-1 .checkbox__check:before,
.style-black-1 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-black-1 button,
.style-black-1 .social-buttons__link--circle,
.style-black-1 .roadmap-01__column,
.style-black-1 .cta_button-25__item::before,
.style-black-1 .testimonials-05__blue_box::before,
.style-black-1 .features-02__number:before,
.style-black-1 .features-09__item--new .tag,
.features-09__item--new .style-black-1 .tag,
.style-black-1 .features-15__item::before,
.style-black-1 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-black-1 .steps-01__list:before,
.style-black-1 .bg-light-color .steps-01__list:before,
.bg-light-color .style-black-1 .steps-01__list:before {
  background-color: #303030;
}

.style-black-1 .bg-light,
.style-black-1 .heading__accent_word--accent:before,
.style-black-1 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-black-1 .image-tool__image,
.style-black-1 .content_box .fig-img-bg,
.content_box .style-black-1 .fig-img-bg,
.style-black-1 .tab__button.state-active-tab,
.style-black-1 .tab__button--active:focus,
.style-black-1 .iconed-tab__button:hover,
.style-black-1 .tabs-04__button.state-active-tab,
.style-black-1 .tabs-04__button--active:focus,
.style-black-1 .pricing-02__hover,
.style-black-1 .pricing-03__hover,
.style-black-1 .pricing-04__hover,
.style-black-1 .pricing-05__hover,
.style-black-1 .posts-04__item:hover,
.style-black-1 .posts-04__item:focus,
.style-black-1 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-black-1 .faq-04__item--question,
.style-black-1 .press-01__link:hover,
.style-black-1 .press-02__link:hover,
.style-black-1 .press-03__link:hover {
  background-color: #e8e8e8;
}

.style-black-1 .bg-medium,
.style-black-1 .content_box .cdx-marker,
.content_box .style-black-1 .cdx-marker,
.style-black-1 .tab__button:hover,
.style-black-1 .iconed-tab__button.state-active-tab,
.style-black-1 .circle-button--light-bg,
.style-black-1 .score__stars,
.style-black-1 .slick-dots button,
.slick-dots .style-black-1 button,
.style-black-1 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #dedede;
}

.style-black-1 .bg-medium-hover:hover,
.style-black-1 .cta_button-10__link:hover {
  background-color: #dedede;
}

.style-black-1 .bg-main-hover:hover,
.style-black-1 .comps .button--accent-bg:hover,
.comps .style-black-1 .button--accent-bg:hover,
.style-black-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #232323;
}

.style-black-1 .border-alt,
.style-black-1 .comps .button--alt-accent-outline,
.comps .style-black-1 .button--alt-accent-outline,
.style-black-1 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-black-1 .pricing-02__card_box--accent,
.style-black-1 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-black-1 .pricing-04__card--accent {
  border-color: #4d61fc;
}

.style-black-1 .color-alt,
.style-black-1 .comps .button--alt-accent-outline,
.comps .style-black-1 .button--alt-accent-outline {
  color: #4d61fc;
}

.style-black-1 .bg-alt,
.style-black-1 .comps .button--alt-accent-bg,
.comps .style-black-1 .button--alt-accent-bg,
.style-black-1 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-black-1 button {
  background-color: #4d61fc;
}

.style-black-1 .bg-alt-hover:hover,
.style-black-1 .comps .button--alt-accent-bg:hover,
.comps .style-black-1 .button--alt-accent-bg:hover {
  background-color: #344bfc;
}

.style-black-1 .fill-alt .icon svg *,
.style-black-1 .comps .button--alt-accent-outline .icon svg *,
.comps .style-black-1 .button--alt-accent-outline .icon svg *,
.style-black-1 .fill-alt .button__system_icon svg *,
.style-black-1 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-black-1 .button--alt-accent-outline .button__system_icon svg * {
  fill: #4d61fc;
}

.style-black-1 .fill-alt-hover:hover .icon svg *,
.style-black-1 .feature__link:hover .icon svg *,
.style-black-1 .fill-alt-hover:hover .button__system_icon svg *,
.style-black-1 .feature__link:hover .button__system_icon svg * {
  fill: #4d61fc;
}

.style-orange-3 .fill-bg {
  fill: #e8c9c3;
}

.style-orange-3 .fill-bg-light,
.style-orange-3 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-orange-3 *,
.style-orange-3
  .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-orange-3
  *,
.style-orange-3
  .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-orange-3
  *,
.style-orange-3
  .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-orange-3
  *,
.style-orange-3
  .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-orange-3
  * {
  fill: #fed7cb;
}

.style-orange-3 .stroke-light {
  stroke: #fed7cb;
}

.style-orange-3 .fill-main,
.style-orange-3 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-orange-3 *,
.style-orange-3 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-orange-3 * {
  fill: #fb5168;
}

.style-orange-3 .fill-secondary {
  fill: #840500;
}

.style-orange-3 .color-secondary,
.style-orange-3 .cta_button-10__text {
  color: #840500;
}

.style-orange-3 .stroke-main {
  stroke: #fb5168;
}

.style-orange-3 .border-main,
.style-orange-3 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-orange-3 .img.img-border,
.style-orange-3 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-orange-3 .image-tool__image,
.style-orange-3 .comps .button--accent-outline,
.comps .style-orange-3 .button--accent-outline,
.style-orange-3 .text-input:focus,
.style-orange-3 .textarea:focus,
.style-orange-3 .store-button--white:hover,
.style-orange-3 .select:focus,
.style-orange-3 .pricing-02__card_box--accent,
.style-orange-3 .pricing-03__hover,
.style-orange-3 .pricing-04__card--accent,
.style-orange-3 .pricing-04__hover,
.style-orange-3 .pricing-05__hover,
.style-orange-3 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-orange-3 .cta_form-04__wrapper,
.style-orange-3 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-orange-3 .cta_form-04__wrapper,
.style-orange-3 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-orange-3 .cta_form-04__bottom,
.style-orange-3 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-orange-3 .cta_form-04__bottom,
.style-orange-3 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-orange-3 .cta_button-16__wrapper,
.style-orange-3 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-orange-3 .cta_button-16__wrapper,
.style-orange-3 .bg-medium-color .links-02__list,
.bg-medium-color .style-orange-3 .links-02__list,
.style-orange-3 .bg-light-color .links-02__list,
.bg-light-color .style-orange-3 .links-02__list,
.style-orange-3 .faq-01__question:hover,
.style-orange-3 .faq-03__question:hover,
.style-orange-3 .features-09__item--new,
.style-orange-3 .bg-medium-color .steps-01__number,
.bg-medium-color .style-orange-3 .steps-01__number,
.style-orange-3 .bg-light-color .steps-01__number,
.bg-light-color .style-orange-3 .steps-01__number {
  border-color: #fb5168;
}

.style-orange-3 .color-main,
.style-orange-3 .link,
.style-orange-3 .feature__link,
.style-orange-3 .testimonials-03__person_link,
.style-orange-3 .faq-05__link,
.style-orange-3 .features-16__link,
.style-orange-3 .subheading,
.style-orange-3 .content_box a,
.content_box .style-orange-3 a,
.style-orange-3 .comps .button--accent-outline,
.comps .style-orange-3 .button--accent-outline,
.style-orange-3 .tab__button.state-active-tab,
.style-orange-3 .tab__button--active:focus,
.style-orange-3 .score__value,
.style-orange-3 .form__message_opener_box,
.style-orange-3 .message__bubble_link,
.style-orange-3 .team-05__person_name,
.style-orange-3 .tabs-04__button.state-active-tab,
.style-orange-3 .tabs-04__button--active:focus,
.style-orange-3 .pricing-02__hover,
.style-orange-3 .pricing-03__hover,
.style-orange-3 .pricing-04__hover,
.style-orange-3 .pricing-05__hover,
.style-orange-3 .cta_button-25__subheading,
.style-orange-3 .cta_button-31__heading,
.style-orange-3 .code-02__info_prefix,
.style-orange-3 .features-17__item .feature__title_text,
.features-17__item .style-orange-3 .feature__title_text {
  color: #fb5168;
}

.style-orange-3 .color-main-hover:hover,
.style-orange-3 .link:hover,
.style-orange-3 .feature__link:hover,
.style-orange-3 .testimonials-03__person_link:hover,
.style-orange-3 .faq-05__link:hover,
.style-orange-3 .features-16__link:hover,
.style-orange-3 .message__bubble_link:hover {
  color: #fa2e4a;
}

.style-orange-3 .bg-main,
.style-orange-3 .content_box ul li:before,
.content_box ul .style-orange-3 li:before,
.style-orange-3 .comps .button--accent-bg,
.comps .style-orange-3 .button--accent-bg,
.style-orange-3 .store-button:hover,
.style-orange-3 .circle-button--accent-bg,
.style-orange-3 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-orange-3 .circle-button__hover_bg,
.style-orange-3 .circle-button--light-bg:hover,
.style-orange-3 .radio__check:before,
.style-orange-3 .checkbox__check:before,
.style-orange-3 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-orange-3 button,
.style-orange-3 .social-buttons__link--circle,
.style-orange-3 .roadmap-01__column,
.style-orange-3 .cta_button-25__item::before,
.style-orange-3 .testimonials-05__blue_box::before,
.style-orange-3 .features-02__number:before,
.style-orange-3 .features-09__item--new .tag,
.features-09__item--new .style-orange-3 .tag,
.style-orange-3 .features-15__item::before,
.style-orange-3 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-orange-3 .steps-01__list:before,
.style-orange-3 .bg-light-color .steps-01__list:before,
.bg-light-color .style-orange-3 .steps-01__list:before {
  background-color: #fb5168;
}

.style-orange-3 .bg-light,
.style-orange-3 .heading__accent_word--accent:before,
.style-orange-3 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-orange-3 .image-tool__image,
.style-orange-3 .content_box .fig-img-bg,
.content_box .style-orange-3 .fig-img-bg,
.style-orange-3 .tab__button.state-active-tab,
.style-orange-3 .tab__button--active:focus,
.style-orange-3 .iconed-tab__button:hover,
.style-orange-3 .tabs-04__button.state-active-tab,
.style-orange-3 .tabs-04__button--active:focus,
.style-orange-3 .pricing-02__hover,
.style-orange-3 .pricing-03__hover,
.style-orange-3 .pricing-04__hover,
.style-orange-3 .pricing-05__hover,
.style-orange-3 .posts-04__item:hover,
.style-orange-3 .posts-04__item:focus,
.style-orange-3 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-orange-3 .faq-04__item--question,
.style-orange-3 .press-01__link:hover,
.style-orange-3 .press-02__link:hover,
.style-orange-3 .press-03__link:hover {
  background-color: #fed7cb;
}

.style-orange-3 .bg-medium,
.style-orange-3 .content_box .cdx-marker,
.content_box .style-orange-3 .cdx-marker,
.style-orange-3 .tab__button:hover,
.style-orange-3 .iconed-tab__button.state-active-tab,
.style-orange-3 .circle-button--light-bg,
.style-orange-3 .score__stars,
.style-orange-3 .slick-dots button,
.slick-dots .style-orange-3 button,
.style-orange-3 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #f7dcc9;
}

.style-orange-3 .bg-medium-hover:hover,
.style-orange-3 .cta_button-10__link:hover {
  background-color: #f7dcc9;
}

.style-orange-3 .bg-main-hover:hover,
.style-orange-3 .comps .button--accent-bg:hover,
.comps .style-orange-3 .button--accent-bg:hover,
.style-orange-3 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #fa3852;
}

.style-orange-3 .border-alt,
.style-orange-3 .comps .button--alt-accent-outline,
.comps .style-orange-3 .button--alt-accent-outline,
.style-orange-3 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-orange-3 .pricing-02__card_box--accent,
.style-orange-3 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-orange-3 .pricing-04__card--accent {
  border-color: #4d61fc;
}

.style-orange-3 .color-alt,
.style-orange-3 .comps .button--alt-accent-outline,
.comps .style-orange-3 .button--alt-accent-outline {
  color: #4d61fc;
}

.style-orange-3 .bg-alt,
.style-orange-3 .comps .button--alt-accent-bg,
.comps .style-orange-3 .button--alt-accent-bg,
.style-orange-3 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-orange-3 button {
  background-color: #4d61fc;
}

.style-orange-3 .bg-alt-hover:hover,
.style-orange-3 .comps .button--alt-accent-bg:hover,
.comps .style-orange-3 .button--alt-accent-bg:hover {
  background-color: #344bfc;
}

.style-orange-3 .fill-alt .icon svg *,
.style-orange-3 .comps .button--alt-accent-outline .icon svg *,
.comps .style-orange-3 .button--alt-accent-outline .icon svg *,
.style-orange-3 .fill-alt .button__system_icon svg *,
.style-orange-3 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-orange-3 .button--alt-accent-outline .button__system_icon svg * {
  fill: #4d61fc;
}

.style-orange-3 .fill-alt-hover:hover .icon svg *,
.style-orange-3 .feature__link:hover .icon svg *,
.style-orange-3 .fill-alt-hover:hover .button__system_icon svg *,
.style-orange-3 .feature__link:hover .button__system_icon svg * {
  fill: #4d61fc;
}

.style-yellow-1 .fill-bg {
  fill: #fffce2;
}

.style-yellow-1 .fill-bg-light,
.style-yellow-1 .bg-accent-color .cta_button-28__check .fill-main *,
.bg-accent-color .cta_button-28__check .fill-main .style-yellow-1 *,
.style-yellow-1
  .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-yellow-1
  *,
.style-yellow-1
  .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-yellow-1
  *,
.style-yellow-1
  .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-yellow-1
  *,
.style-yellow-1
  .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-yellow-1
  * {
  fill: #fffce2;
}

.style-yellow-1 .stroke-light {
  stroke: #fffce2;
}

.style-yellow-1 .fill-main,
.style-yellow-1 .button--accent-outline .icon svg *,
.button--accent-outline .icon svg .style-yellow-1 *,
.style-yellow-1 .button--accent-outline .button__system_icon svg *,
.button--accent-outline .button__system_icon svg .style-yellow-1 * {
  fill: #fbd92d;
}

.style-yellow-1 .fill-secondary {
  fill: #efbe32;
}

.style-yellow-1 .color-secondary,
.style-yellow-1 .cta_button-10__text {
  color: #efbe32;
}

.style-yellow-1 .stroke-main {
  stroke: #fbd92d;
}

.style-yellow-1 .border-main,
.style-yellow-1 .content_box .fig-img .img.img-border,
.content_box .fig-img .style-yellow-1 .img.img-border,
.style-yellow-1 .content_box .image-tool--withBorder .image-tool__image,
.content_box .image-tool--withBorder .style-yellow-1 .image-tool__image,
.style-yellow-1 .comps .button--accent-outline,
.comps .style-yellow-1 .button--accent-outline,
.style-yellow-1 .text-input:focus,
.style-yellow-1 .textarea:focus,
.style-yellow-1 .store-button--white:hover,
.style-yellow-1 .select:focus,
.style-yellow-1 .pricing-02__card_box--accent,
.style-yellow-1 .pricing-03__hover,
.style-yellow-1 .pricing-04__card--accent,
.style-yellow-1 .pricing-04__hover,
.style-yellow-1 .pricing-05__hover,
.style-yellow-1 .bg-medium-color .cta_form-04__wrapper,
.bg-medium-color .style-yellow-1 .cta_form-04__wrapper,
.style-yellow-1 .bg-light-color .cta_form-04__wrapper,
.bg-light-color .style-yellow-1 .cta_form-04__wrapper,
.style-yellow-1 .bg-medium-color .cta_form-04__bottom,
.bg-medium-color .style-yellow-1 .cta_form-04__bottom,
.style-yellow-1 .bg-light-color .cta_form-04__bottom,
.bg-light-color .style-yellow-1 .cta_form-04__bottom,
.style-yellow-1 .bg-medium-color .cta_button-16__wrapper,
.bg-medium-color .style-yellow-1 .cta_button-16__wrapper,
.style-yellow-1 .bg-light-color .cta_button-16__wrapper,
.bg-light-color .style-yellow-1 .cta_button-16__wrapper,
.style-yellow-1 .bg-medium-color .links-02__list,
.bg-medium-color .style-yellow-1 .links-02__list,
.style-yellow-1 .bg-light-color .links-02__list,
.bg-light-color .style-yellow-1 .links-02__list,
.style-yellow-1 .faq-01__question:hover,
.style-yellow-1 .faq-03__question:hover,
.style-yellow-1 .features-09__item--new,
.style-yellow-1 .bg-medium-color .steps-01__number,
.bg-medium-color .style-yellow-1 .steps-01__number,
.style-yellow-1 .bg-light-color .steps-01__number,
.bg-light-color .style-yellow-1 .steps-01__number {
  border-color: #fbd92d;
}

.style-yellow-1 .color-main,
.style-yellow-1 .link,
.style-yellow-1 .feature__link,
.style-yellow-1 .testimonials-03__person_link,
.style-yellow-1 .faq-05__link,
.style-yellow-1 .features-16__link,
.style-yellow-1 .subheading,
.style-yellow-1 .content_box a,
.content_box .style-yellow-1 a,
.style-yellow-1 .comps .button--accent-outline,
.comps .style-yellow-1 .button--accent-outline,
.style-yellow-1 .tab__button.state-active-tab,
.style-yellow-1 .tab__button--active:focus,
.style-yellow-1 .score__value,
.style-yellow-1 .form__message_opener_box,
.style-yellow-1 .message__bubble_link,
.style-yellow-1 .team-05__person_name,
.style-yellow-1 .tabs-04__button.state-active-tab,
.style-yellow-1 .tabs-04__button--active:focus,
.style-yellow-1 .pricing-02__hover,
.style-yellow-1 .pricing-03__hover,
.style-yellow-1 .pricing-04__hover,
.style-yellow-1 .pricing-05__hover,
.style-yellow-1 .cta_button-25__subheading,
.style-yellow-1 .cta_button-31__heading,
.style-yellow-1 .code-02__info_prefix,
.style-yellow-1 .features-17__item .feature__title_text,
.features-17__item .style-yellow-1 .feature__title_text {
  color: #fbd92d;
}

.style-yellow-1 .color-main-hover:hover,
.style-yellow-1 .link:hover,
.style-yellow-1 .feature__link:hover,
.style-yellow-1 .testimonials-03__person_link:hover,
.style-yellow-1 .faq-05__link:hover,
.style-yellow-1 .features-16__link:hover,
.style-yellow-1 .message__bubble_link:hover {
  color: #fad30a;
}

.style-yellow-1 .bg-main,
.style-yellow-1 .content_box ul li:before,
.content_box ul .style-yellow-1 li:before,
.style-yellow-1 .comps .button--accent-bg,
.comps .style-yellow-1 .button--accent-bg,
.style-yellow-1 .store-button:hover,
.style-yellow-1 .circle-button--accent-bg,
.style-yellow-1 .circle-button--accent-bg .circle-button__hover_bg,
.circle-button--accent-bg .style-yellow-1 .circle-button__hover_bg,
.style-yellow-1 .circle-button--light-bg:hover,
.style-yellow-1 .radio__check:before,
.style-yellow-1 .checkbox__check:before,
.style-yellow-1 .slick-dots li.slick-active button,
.slick-dots li.slick-active .style-yellow-1 button,
.style-yellow-1 .social-buttons__link--circle,
.style-yellow-1 .roadmap-01__column,
.style-yellow-1 .cta_button-25__item::before,
.style-yellow-1 .testimonials-05__blue_box::before,
.style-yellow-1 .features-02__number:before,
.style-yellow-1 .features-09__item--new .tag,
.features-09__item--new .style-yellow-1 .tag,
.style-yellow-1 .features-15__item::before,
.style-yellow-1 .bg-medium-color .steps-01__list:before,
.bg-medium-color .style-yellow-1 .steps-01__list:before,
.style-yellow-1 .bg-light-color .steps-01__list:before,
.bg-light-color .style-yellow-1 .steps-01__list:before {
  background-color: #fbd92d;
}

.style-yellow-1 .bg-light,
.style-yellow-1 .heading__accent_word--accent:before,
.style-yellow-1 .content_box .image-tool--withBackground .image-tool__image,
.content_box .image-tool--withBackground .style-yellow-1 .image-tool__image,
.style-yellow-1 .content_box .fig-img-bg,
.content_box .style-yellow-1 .fig-img-bg,
.style-yellow-1 .tab__button.state-active-tab,
.style-yellow-1 .tab__button--active:focus,
.style-yellow-1 .iconed-tab__button:hover,
.style-yellow-1 .tabs-04__button.state-active-tab,
.style-yellow-1 .tabs-04__button--active:focus,
.style-yellow-1 .pricing-02__hover,
.style-yellow-1 .pricing-03__hover,
.style-yellow-1 .pricing-04__hover,
.style-yellow-1 .pricing-05__hover,
.style-yellow-1 .posts-04__item:hover,
.style-yellow-1 .posts-04__item:focus,
.style-yellow-1 .faq-04__list--smaller .faq-04__item--question,
.faq-04__list--smaller .style-yellow-1 .faq-04__item--question,
.style-yellow-1 .press-01__link:hover,
.style-yellow-1 .press-02__link:hover,
.style-yellow-1 .press-03__link:hover {
  background-color: #fffce2;
}

.style-yellow-1 .bg-medium,
.style-yellow-1 .content_box .cdx-marker,
.content_box .style-yellow-1 .cdx-marker,
.style-yellow-1 .tab__button:hover,
.style-yellow-1 .iconed-tab__button.state-active-tab,
.style-yellow-1 .circle-button--light-bg,
.style-yellow-1 .score__stars,
.style-yellow-1 .slick-dots button,
.slick-dots .style-yellow-1 button,
.style-yellow-1 .tabs-04__button:hover:not(.state-active-tab) {
  background-color: #fbefa7;
}

.style-yellow-1 .bg-medium-hover:hover,
.style-yellow-1 .cta_button-10__link:hover {
  background-color: #fbefa7;
}

.style-yellow-1 .bg-main-hover:hover,
.style-yellow-1 .comps .button--accent-bg:hover,
.comps .style-yellow-1 .button--accent-bg:hover,
.style-yellow-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before {
  background-color: #fbd414;
}

.style-yellow-1 .border-alt,
.style-yellow-1 .comps .button--alt-accent-outline,
.comps .style-yellow-1 .button--alt-accent-outline,
.style-yellow-1 .bg-accent-color .pricing-02__card_box--accent,
.bg-accent-color .style-yellow-1 .pricing-02__card_box--accent,
.style-yellow-1 .bg-accent-color .pricing-04__card--accent,
.bg-accent-color .style-yellow-1 .pricing-04__card--accent {
  border-color: #4d61fc;
}

.style-yellow-1 .color-alt,
.style-yellow-1 .comps .button--alt-accent-outline,
.comps .style-yellow-1 .button--alt-accent-outline {
  color: #4d61fc;
}

.style-yellow-1 .bg-alt,
.style-yellow-1 .comps .button--alt-accent-bg,
.comps .style-yellow-1 .button--alt-accent-bg,
.style-yellow-1 .bg-accent-color .slick-dots li.slick-active button,
.bg-accent-color .slick-dots li.slick-active .style-yellow-1 button {
  background-color: #4d61fc;
}

.style-yellow-1 .bg-alt-hover:hover,
.style-yellow-1 .comps .button--alt-accent-bg:hover,
.comps .style-yellow-1 .button--alt-accent-bg:hover {
  background-color: #344bfc;
}

.style-yellow-1 .fill-alt .icon svg *,
.style-yellow-1 .comps .button--alt-accent-outline .icon svg *,
.comps .style-yellow-1 .button--alt-accent-outline .icon svg *,
.style-yellow-1 .fill-alt .button__system_icon svg *,
.style-yellow-1 .comps .button--alt-accent-outline .button__system_icon svg *,
.comps .style-yellow-1 .button--alt-accent-outline .button__system_icon svg * {
  fill: #4d61fc;
}

.style-yellow-1 .fill-alt-hover:hover .icon svg *,
.style-yellow-1 .feature__link:hover .icon svg *,
.style-yellow-1 .fill-alt-hover:hover .button__system_icon svg *,
.style-yellow-1 .feature__link:hover .button__system_icon svg * {
  fill: #4d61fc;
}

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

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

.custom_fonts * {
  font-family: "Nunito", Helvetica, sans-serif;
}

.custom_fonts .font-nunito * {
  font-family: "Nunito", sans-serif ;
}
.custom_fonts .font-nunito-sans * {
    font-family: "Nunito Sans", sans-serif;
}

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

.subscribe-container {
    background-color: #720f3a;
    padding: 40px 0 90px 0;
}

.subscribe-cards-container {
  gap: 15px;
}

.subscribe-btn {
  margin-top: 15px;
}

.subscribe-btn button {
  margin-left: auto;
}

.subscription-form-title {
  margin-top: 0;
  margin-bottom: 5px;
}

.subscribe-title {
  margin-bottom: 0;
  font-size: 1.5em;
}

.subscribe-details {
  font-size: 1em;
}

.subscribe-description {
  margin-top: 10px;
  margin-bottom: 12px;
  font-size: 1.2em;
}

.subscribe-info-container {
  max-width: 416px;
}

.subscribe-content-container {
  gap: 15px;
}

.change-subscription-container {
  margin-top: 20px;
  background-color: #254887;
  border-radius: 5px;
  color: white !important;
  width: fit-content;
  padding: 5px 10px;
}

.change-subscription-container a {
  color: white !important;
}

.subscription-plan-container p,
h2 {
  margin: 0;
}

.subscription-plan-content-container {
  gap: 5px;
  margin-top: 20px;
}

.subscription-content {
  gap: 2px;
}

.subscription-content p {
  margin: 0;
}

.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,
.testimonials-03__person_link,
.faq-05__link,
.features-16__link {
  transition: color 0.2s ease;
}

.style-yellow-1:not(.custom-colors-enabled) .link,
.style-yellow-1:not(.custom-colors-enabled) .feature__link,
.style-yellow-1:not(.custom-colors-enabled) .testimonials-03__person_link,
.style-yellow-1:not(.custom-colors-enabled) .faq-05__link,
.style-yellow-1:not(.custom-colors-enabled) .features-16__link {
  color: #efbe32;
}

.custom-colors-enabled.custom-accent-color-bright .link,
.custom-colors-enabled.custom-accent-color-bright .feature__link,
.custom-colors-enabled.custom-accent-color-bright .testimonials-03__person_link,
.custom-colors-enabled.custom-accent-color-bright .faq-05__link,
.custom-colors-enabled.custom-accent-color-bright .features-16__link {
  color: #303030;
}

.custom-colors-enabled.custom-accent-color-bright .link:hover,
.custom-colors-enabled.custom-accent-color-bright .feature__link:hover,
.custom-colors-enabled.custom-accent-color-bright
  .testimonials-03__person_link:hover,
.custom-colors-enabled.custom-accent-color-bright .faq-05__link:hover,
.custom-colors-enabled.custom-accent-color-bright .features-16__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;
}

.smaller-text-09 {
  font-size: 0.9em;
}

.smaller-text-08 {
  font-size: 0.8em;
}

.smaller-text-07 {
  font-size: 0.7em;
}

.smaller-text-06 {
  font-size: 0.6em;
}

.smaller-text-05 {
  font-size: 0.5em;
}

.smaller-text-04 {
  font-size: 0.4em;
}

.smaller-text-03 {
  font-size: 0.3em;
}

.smaller-text-02 {
  font-size: 0.2em;
}

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

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

.popup {
  display: none;
  text-align: center;
  line-height: 1.4;
}

.popup__icon {
  display: block;
  margin: auto auto 30px;
  height: 30px;
}

@media (min-width: 901px) {
  .first_component .first_component_padding,
  .first_component .header-01,
  .first_component .header-09__container,
  .first_component .header-29__container {
    padding-top: 130px;
  }
}

@media (min-width: 1200px) {
  .first_component .first_component_padding,
  .first_component .header-01,
  .first_component .header-09__container,
  .first_component .header-29__container {
    padding-top: 140px;
  }
}

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

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

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

.style-purple-1 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #943bdc;
}

.style-purple-2 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #943bdc;
}

.style-orange-1 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #fd3f0f;
}

.style-orange-2 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #fd3f0f;
}

.style-orange-3 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #fd3f0f;
}

.style-yellow-1 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #fbd92d;
  background-color: #000;
}

.style-black-1 .content_box ul li:before {
  box-shadow: 0 1px 6px 0 #000;
}

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

.style-yellow-1:not(.custom-colors-enabled) .content_box a {
  color: #efbe32;
}

.style-yellow-1:not(.custom-colors-enabled) .bg-accent-color .content_box a {
  color: #303030;
}

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

.js-lightbox-single-image {
  cursor: zoom-in;
}

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

.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,
.bg-white-color .footer-02,
.bg-white-color .text--01__box {
  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,
.bg-black-color .footer-02,
.bg-black-color .text--01__box {
  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,
.bg-light_gray-color .footer-02,
.bg-light_gray-color .text--01__box {
  background-color: #f6f6f6;
}

.style-blue-1
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-1 .bg-accent-color .background-color-picker__circle,
.style-blue-1 .bg-accent-color .footer-04,
.style-blue-1 .bg-accent-color .footer-02,
.style-blue-1 .bg-accent-color .text--01__box {
  background-color: #4d61fc;
}

.style-blue-2
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-2 .bg-accent-color .background-color-picker__circle,
.style-blue-2 .bg-accent-color .footer-04,
.style-blue-2 .bg-accent-color .footer-02,
.style-blue-2 .bg-accent-color .text--01__box {
  background-color: #5041bb;
}

.style-blue-3
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-3 .bg-accent-color .background-color-picker__circle,
.style-blue-3 .bg-accent-color .footer-04,
.style-blue-3 .bg-accent-color .footer-02,
.style-blue-3 .bg-accent-color .text--01__box {
  background-color: #508de8;
}

.style-blue-4
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-4 .bg-accent-color .background-color-picker__circle,
.style-blue-4 .bg-accent-color .footer-04,
.style-blue-4 .bg-accent-color .footer-02,
.style-blue-4 .bg-accent-color .text--01__box {
  background-color: #164085;
}

.style-green-1
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-1 .bg-accent-color .background-color-picker__circle,
.style-green-1 .bg-accent-color .footer-04,
.style-green-1 .bg-accent-color .footer-02,
.style-green-1 .bg-accent-color .text--01__box {
  background-color: #4addb4;
}

.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,
.style-green-2 .bg-accent-color .footer-02,
.style-green-2 .bg-accent-color .text--01__box {
  background-color: #29c853;
}

.style-purple-1
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-1 .bg-accent-color .background-color-picker__circle,
.style-purple-1 .bg-accent-color .footer-04,
.style-purple-1 .bg-accent-color .footer-02,
.style-purple-1 .bg-accent-color .text--01__box {
  background-color: #943bdc;
}

.style-purple-2
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-2 .bg-accent-color .background-color-picker__circle,
.style-purple-2 .bg-accent-color .footer-04,
.style-purple-2 .bg-accent-color .footer-02,
.style-purple-2 .bg-accent-color .text--01__box {
  background-color: #643995;
}

.style-orange-1
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-1 .bg-accent-color .background-color-picker__circle,
.style-orange-1 .bg-accent-color .footer-04,
.style-orange-1 .bg-accent-color .footer-02,
.style-orange-1 .bg-accent-color .text--01__box {
  background-color: #fd3f0f;
}

.style-orange-2
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-2 .bg-accent-color .background-color-picker__circle,
.style-orange-2 .bg-accent-color .footer-04,
.style-orange-2 .bg-accent-color .footer-02,
.style-orange-2 .bg-accent-color .text--01__box {
  background-color: #d13a35;
}

.style-orange-3
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-3 .bg-accent-color .background-color-picker__circle,
.style-orange-3 .bg-accent-color .footer-04,
.style-orange-3 .bg-accent-color .footer-02,
.style-orange-3 .bg-accent-color .text--01__box {
  background-color: #fb5168;
}

.style-black-1
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-1 .bg-accent-color .background-color-picker__circle,
.style-black-1 .bg-accent-color .footer-04,
.style-black-1 .bg-accent-color .footer-02,
.style-black-1 .bg-accent-color .text--01__box {
  background-color: #303030;
}

.style-yellow-1
  .bg-accent-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-yellow-1 .bg-accent-color .background-color-picker__circle,
.style-yellow-1 .bg-accent-color .footer-04,
.style-yellow-1 .bg-accent-color .footer-02,
.style-yellow-1 .bg-accent-color .text--01__box {
  background-color: #fbd92d;
}

.style-blue-1
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-2
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-3
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-4
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-1 .bg-mature-color .background-color-picker__circle,
.style-blue-2 .bg-mature-color .background-color-picker__circle,
.style-blue-3 .bg-mature-color .background-color-picker__circle,
.style-blue-4 .bg-mature-color .background-color-picker__circle,
.style-blue-1 .bg-mature-color .footer-04,
.style-blue-2 .bg-mature-color .footer-04,
.style-blue-3 .bg-mature-color .footer-04,
.style-blue-4 .bg-mature-color .footer-04,
.style-blue-1 .bg-mature-color .footer-02,
.style-blue-2 .bg-mature-color .footer-02,
.style-blue-3 .bg-mature-color .footer-02,
.style-blue-4 .bg-mature-color .footer-02,
.style-blue-1 .bg-mature-color .text--01__box,
.style-blue-2 .bg-mature-color .text--01__box,
.style-blue-3 .bg-mature-color .text--01__box,
.style-blue-4 .bg-mature-color .text--01__box {
  background-color: #00396b;
}

.style-green-1
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-2
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-3
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-4
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-1 .bg-mature-color .background-color-picker__circle,
.style-green-2 .bg-mature-color .background-color-picker__circle,
.style-green-3 .bg-mature-color .background-color-picker__circle,
.style-green-4 .bg-mature-color .background-color-picker__circle,
.style-green-1 .bg-mature-color .footer-04,
.style-green-2 .bg-mature-color .footer-04,
.style-green-3 .bg-mature-color .footer-04,
.style-green-4 .bg-mature-color .footer-04,
.style-green-1 .bg-mature-color .footer-02,
.style-green-2 .bg-mature-color .footer-02,
.style-green-3 .bg-mature-color .footer-02,
.style-green-4 .bg-mature-color .footer-02,
.style-green-1 .bg-mature-color .text--01__box,
.style-green-2 .bg-mature-color .text--01__box,
.style-green-3 .bg-mature-color .text--01__box,
.style-green-4 .bg-mature-color .text--01__box {
  background-color: #076b00;
}

.style-purple-1
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-2
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-3
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-4
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-1 .bg-mature-color .background-color-picker__circle,
.style-purple-2 .bg-mature-color .background-color-picker__circle,
.style-purple-3 .bg-mature-color .background-color-picker__circle,
.style-purple-4 .bg-mature-color .background-color-picker__circle,
.style-purple-1 .bg-mature-color .footer-04,
.style-purple-2 .bg-mature-color .footer-04,
.style-purple-3 .bg-mature-color .footer-04,
.style-purple-4 .bg-mature-color .footer-04,
.style-purple-1 .bg-mature-color .footer-02,
.style-purple-2 .bg-mature-color .footer-02,
.style-purple-3 .bg-mature-color .footer-02,
.style-purple-4 .bg-mature-color .footer-02,
.style-purple-1 .bg-mature-color .text--01__box,
.style-purple-2 .bg-mature-color .text--01__box,
.style-purple-3 .bg-mature-color .text--01__box,
.style-purple-4 .bg-mature-color .text--01__box {
  background-color: #5c046b;
}

.style-orange-1
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-2
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-3
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-4
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-1 .bg-mature-color .background-color-picker__circle,
.style-orange-2 .bg-mature-color .background-color-picker__circle,
.style-orange-3 .bg-mature-color .background-color-picker__circle,
.style-orange-4 .bg-mature-color .background-color-picker__circle,
.style-orange-1 .bg-mature-color .footer-04,
.style-orange-2 .bg-mature-color .footer-04,
.style-orange-3 .bg-mature-color .footer-04,
.style-orange-4 .bg-mature-color .footer-04,
.style-orange-1 .bg-mature-color .footer-02,
.style-orange-2 .bg-mature-color .footer-02,
.style-orange-3 .bg-mature-color .footer-02,
.style-orange-4 .bg-mature-color .footer-02,
.style-orange-1 .bg-mature-color .text--01__box,
.style-orange-2 .bg-mature-color .text--01__box,
.style-orange-3 .bg-mature-color .text--01__box,
.style-orange-4 .bg-mature-color .text--01__box {
  background-color: #840500;
}

.style-black-1
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-2
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-3
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-4
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-1 .bg-mature-color .background-color-picker__circle,
.style-black-2 .bg-mature-color .background-color-picker__circle,
.style-black-3 .bg-mature-color .background-color-picker__circle,
.style-black-4 .bg-mature-color .background-color-picker__circle,
.style-black-1 .bg-mature-color .footer-04,
.style-black-2 .bg-mature-color .footer-04,
.style-black-3 .bg-mature-color .footer-04,
.style-black-4 .bg-mature-color .footer-04,
.style-black-1 .bg-mature-color .footer-02,
.style-black-2 .bg-mature-color .footer-02,
.style-black-3 .bg-mature-color .footer-02,
.style-black-4 .bg-mature-color .footer-02,
.style-black-1 .bg-mature-color .text--01__box,
.style-black-2 .bg-mature-color .text--01__box,
.style-black-3 .bg-mature-color .text--01__box,
.style-black-4 .bg-mature-color .text--01__box {
  background-color: #000;
}

.style-yellow-1
  .bg-mature-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-yellow-1 .bg-mature-color .background-color-picker__circle,
.style-yellow-1 .bg-mature-color .footer-04,
.style-yellow-1 .bg-mature-color .footer-02,
.style-yellow-1 .bg-mature-color .text--01__box {
  background-color: #efbe32;
}

.style-blue-1
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-2
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-3
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-4
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-1 .bg-light-color .background-color-picker__circle,
.style-blue-2 .bg-light-color .background-color-picker__circle,
.style-blue-3 .bg-light-color .background-color-picker__circle,
.style-blue-4 .bg-light-color .background-color-picker__circle,
.style-blue-1 .bg-light-color .footer-04,
.style-blue-2 .bg-light-color .footer-04,
.style-blue-3 .bg-light-color .footer-04,
.style-blue-4 .bg-light-color .footer-04,
.style-blue-1 .bg-light-color .footer-02,
.style-blue-2 .bg-light-color .footer-02,
.style-blue-3 .bg-light-color .footer-02,
.style-blue-4 .bg-light-color .footer-02,
.style-blue-1 .bg-light-color .text--01__box,
.style-blue-2 .bg-light-color .text--01__box,
.style-blue-3 .bg-light-color .text--01__box,
.style-blue-4 .bg-light-color .text--01__box {
  background-color: #e9f1ff;
}

.style-green-1
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-2
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-3
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-4
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-1 .bg-light-color .background-color-picker__circle,
.style-green-2 .bg-light-color .background-color-picker__circle,
.style-green-3 .bg-light-color .background-color-picker__circle,
.style-green-4 .bg-light-color .background-color-picker__circle,
.style-green-1 .bg-light-color .footer-04,
.style-green-2 .bg-light-color .footer-04,
.style-green-3 .bg-light-color .footer-04,
.style-green-4 .bg-light-color .footer-04,
.style-green-1 .bg-light-color .footer-02,
.style-green-2 .bg-light-color .footer-02,
.style-green-3 .bg-light-color .footer-02,
.style-green-4 .bg-light-color .footer-02,
.style-green-1 .bg-light-color .text--01__box,
.style-green-2 .bg-light-color .text--01__box,
.style-green-3 .bg-light-color .text--01__box,
.style-green-4 .bg-light-color .text--01__box {
  background-color: #e4feec;
}

.style-purple-1
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-2
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-3
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-4
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-1 .bg-light-color .background-color-picker__circle,
.style-purple-2 .bg-light-color .background-color-picker__circle,
.style-purple-3 .bg-light-color .background-color-picker__circle,
.style-purple-4 .bg-light-color .background-color-picker__circle,
.style-purple-1 .bg-light-color .footer-04,
.style-purple-2 .bg-light-color .footer-04,
.style-purple-3 .bg-light-color .footer-04,
.style-purple-4 .bg-light-color .footer-04,
.style-purple-1 .bg-light-color .footer-02,
.style-purple-2 .bg-light-color .footer-02,
.style-purple-3 .bg-light-color .footer-02,
.style-purple-4 .bg-light-color .footer-02,
.style-purple-1 .bg-light-color .text--01__box,
.style-purple-2 .bg-light-color .text--01__box,
.style-purple-3 .bg-light-color .text--01__box,
.style-purple-4 .bg-light-color .text--01__box {
  background-color: #fcdffe;
}

.style-orange-1
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-2
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-3
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-4
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-1 .bg-light-color .background-color-picker__circle,
.style-orange-2 .bg-light-color .background-color-picker__circle,
.style-orange-3 .bg-light-color .background-color-picker__circle,
.style-orange-4 .bg-light-color .background-color-picker__circle,
.style-orange-1 .bg-light-color .footer-04,
.style-orange-2 .bg-light-color .footer-04,
.style-orange-3 .bg-light-color .footer-04,
.style-orange-4 .bg-light-color .footer-04,
.style-orange-1 .bg-light-color .footer-02,
.style-orange-2 .bg-light-color .footer-02,
.style-orange-3 .bg-light-color .footer-02,
.style-orange-4 .bg-light-color .footer-02,
.style-orange-1 .bg-light-color .text--01__box,
.style-orange-2 .bg-light-color .text--01__box,
.style-orange-3 .bg-light-color .text--01__box,
.style-orange-4 .bg-light-color .text--01__box {
  background-color: #fed7cb;
}

.style-black-1
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-2
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-3
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-4
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-1 .bg-light-color .background-color-picker__circle,
.style-black-2 .bg-light-color .background-color-picker__circle,
.style-black-3 .bg-light-color .background-color-picker__circle,
.style-black-4 .bg-light-color .background-color-picker__circle,
.style-black-1 .bg-light-color .footer-04,
.style-black-2 .bg-light-color .footer-04,
.style-black-3 .bg-light-color .footer-04,
.style-black-4 .bg-light-color .footer-04,
.style-black-1 .bg-light-color .footer-02,
.style-black-2 .bg-light-color .footer-02,
.style-black-3 .bg-light-color .footer-02,
.style-black-4 .bg-light-color .footer-02,
.style-black-1 .bg-light-color .text--01__box,
.style-black-2 .bg-light-color .text--01__box,
.style-black-3 .bg-light-color .text--01__box,
.style-black-4 .bg-light-color .text--01__box {
  background-color: #e8e8e8;
}

.style-yellow-1
  .bg-light-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-yellow-1 .bg-light-color .background-color-picker__circle,
.style-yellow-1 .bg-light-color .footer-04,
.style-yellow-1 .bg-light-color .footer-02,
.style-yellow-1 .bg-light-color .text--01__box {
  background-color: #fffce2;
}

.style-blue-1
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-2
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-3
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-4
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-blue-1 .bg-medium-color .background-color-picker__circle,
.style-blue-2 .bg-medium-color .background-color-picker__circle,
.style-blue-3 .bg-medium-color .background-color-picker__circle,
.style-blue-4 .bg-medium-color .background-color-picker__circle,
.style-blue-1 .bg-medium-color .footer-04,
.style-blue-2 .bg-medium-color .footer-04,
.style-blue-3 .bg-medium-color .footer-04,
.style-blue-4 .bg-medium-color .footer-04,
.style-blue-1 .bg-medium-color .footer-02,
.style-blue-2 .bg-medium-color .footer-02,
.style-blue-3 .bg-medium-color .footer-02,
.style-blue-4 .bg-medium-color .footer-02,
.style-blue-1 .bg-medium-color .text--01__box,
.style-blue-2 .bg-medium-color .text--01__box,
.style-blue-3 .bg-medium-color .text--01__box,
.style-blue-4 .bg-medium-color .text--01__box {
  background-color: #dfeafe;
}

.style-green-1
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-2
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-3
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-4
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-green-1 .bg-medium-color .background-color-picker__circle,
.style-green-2 .bg-medium-color .background-color-picker__circle,
.style-green-3 .bg-medium-color .background-color-picker__circle,
.style-green-4 .bg-medium-color .background-color-picker__circle,
.style-green-1 .bg-medium-color .footer-04,
.style-green-2 .bg-medium-color .footer-04,
.style-green-3 .bg-medium-color .footer-04,
.style-green-4 .bg-medium-color .footer-04,
.style-green-1 .bg-medium-color .footer-02,
.style-green-2 .bg-medium-color .footer-02,
.style-green-3 .bg-medium-color .footer-02,
.style-green-4 .bg-medium-color .footer-02,
.style-green-1 .bg-medium-color .text--01__box,
.style-green-2 .bg-medium-color .text--01__box,
.style-green-3 .bg-medium-color .text--01__box,
.style-green-4 .bg-medium-color .text--01__box {
  background-color: #ebfde8;
}

.style-purple-1
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-2
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-3
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-4
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-purple-1 .bg-medium-color .background-color-picker__circle,
.style-purple-2 .bg-medium-color .background-color-picker__circle,
.style-purple-3 .bg-medium-color .background-color-picker__circle,
.style-purple-4 .bg-medium-color .background-color-picker__circle,
.style-purple-1 .bg-medium-color .footer-04,
.style-purple-2 .bg-medium-color .footer-04,
.style-purple-3 .bg-medium-color .footer-04,
.style-purple-4 .bg-medium-color .footer-04,
.style-purple-1 .bg-medium-color .footer-02,
.style-purple-2 .bg-medium-color .footer-02,
.style-purple-3 .bg-medium-color .footer-02,
.style-purple-4 .bg-medium-color .footer-02,
.style-purple-1 .bg-medium-color .text--01__box,
.style-purple-2 .bg-medium-color .text--01__box,
.style-purple-3 .bg-medium-color .text--01__box,
.style-purple-4 .bg-medium-color .text--01__box {
  background-color: #fde9f8;
}

.style-orange-1
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-2
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-3
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-4
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-orange-1 .bg-medium-color .background-color-picker__circle,
.style-orange-2 .bg-medium-color .background-color-picker__circle,
.style-orange-3 .bg-medium-color .background-color-picker__circle,
.style-orange-4 .bg-medium-color .background-color-picker__circle,
.style-orange-1 .bg-medium-color .footer-04,
.style-orange-2 .bg-medium-color .footer-04,
.style-orange-3 .bg-medium-color .footer-04,
.style-orange-4 .bg-medium-color .footer-04,
.style-orange-1 .bg-medium-color .footer-02,
.style-orange-2 .bg-medium-color .footer-02,
.style-orange-3 .bg-medium-color .footer-02,
.style-orange-4 .bg-medium-color .footer-02,
.style-orange-1 .bg-medium-color .text--01__box,
.style-orange-2 .bg-medium-color .text--01__box,
.style-orange-3 .bg-medium-color .text--01__box,
.style-orange-4 .bg-medium-color .text--01__box {
  background-color: #f7dcc9;
}

.style-black-1
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-2
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-3
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-4
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-black-1 .bg-medium-color .background-color-picker__circle,
.style-black-2 .bg-medium-color .background-color-picker__circle,
.style-black-3 .bg-medium-color .background-color-picker__circle,
.style-black-4 .bg-medium-color .background-color-picker__circle,
.style-black-1 .bg-medium-color .footer-04,
.style-black-2 .bg-medium-color .footer-04,
.style-black-3 .bg-medium-color .footer-04,
.style-black-4 .bg-medium-color .footer-04,
.style-black-1 .bg-medium-color .footer-02,
.style-black-2 .bg-medium-color .footer-02,
.style-black-3 .bg-medium-color .footer-02,
.style-black-4 .bg-medium-color .footer-02,
.style-black-1 .bg-medium-color .text--01__box,
.style-black-2 .bg-medium-color .text--01__box,
.style-black-3 .bg-medium-color .text--01__box,
.style-black-4 .bg-medium-color .text--01__box {
  background-color: #dedede;
}

.style-yellow-1
  .bg-medium-color
  .page-component__bg_overlay_box:not(
    .page-component__bg_overlay_box--always-white
  ),
.style-yellow-1 .bg-medium-color .background-color-picker__circle,
.style-yellow-1 .bg-medium-color .footer-04,
.style-yellow-1 .bg-medium-color .footer-02,
.style-yellow-1 .bg-medium-color .text--01__box {
  background-color: #fbefa7;
}

.burger {
  display: inline-block;
  position: relative;
  padding: 15px 15px;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
}

.burger:active {
  background-color: rgba(255, 255, 255, 0.1);
}

.burger:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  background-color: rgba(223, 234, 254, 0.2);
}

.burger--black:before {
  background-color: white;
}

.burger__box {
  width: 20px;
  height: 14px;
  display: inline-block;
  position: relative;
}

.burger__inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger__inner,
.burger__inner::before,
.burger__inner::after {
  width: 20px;
  height: 2px;
  background-color: white;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.burger--black .burger__inner,
.burger--black .burger__inner::before,
.burger--black .burger__inner::after {
  background-color: #303030;
}

.burger__inner::before,
.burger__inner::after {
  content: "";
  display: block;
}

.burger__inner::before {
  top: -6px;
}

.burger__inner::after {
  bottom: -6px;
}

.burger__inner::before {
  transition: top 0.2s 0.12s ease, opacity 0.075s ease;
}

.burger__inner::after {
  transition: bottom 0.2s 0.12s ease,
    transform 0.08s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.state-active-burger .burger__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.state-active-burger .burger__inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.08s ease, opacity 0.08s 0.12s ease;
}

.state-active-burger .burger__inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.08s ease,
    transform 0.08s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

@media (min-width: 769px) {
  .popup-component .button__success_circle {
    width: 60px;
    height: 60px;
  }
}

.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,
.style-yellow-1:not(.custom-colors-enabled) .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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  border-color: #a3afc4;
}

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

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

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

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

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

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

.text-input--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 {
  opacity: 0.7;
  color: white;
}

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

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

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

.text-input--black:focus {
  border-color: white;
}

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

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

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

.dropdown {
  position: absolute;
  top: 44px;
  right: 0;
  visibility: hidden;
  border-radius: 4px;
  box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: 250px;
  /*max-width: 200px;*/
}

.state-opened-dropdown .dropdown {
  visibility: visible;
}

.dropdown::before {
  content: "";
  position: absolute;
  width: 100%;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  bottom: 0;
  right: 0;
  height: 20px;
  z-index: 100;
  border-radius: 0 0 4px 4px;
}

.dropdown__list {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 70vh;
  overflow: auto;
  padding-bottom: 10px;
}

.body--mobile .dropdown__list {
  max-height: 50vh;
}

.dropdown__item {
  transform: translateY(5px);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.dropdown__item:nth-child(1) {
  transition-delay: 60ms;
}

.dropdown__item:nth-child(2) {
  transition-delay: 90ms;
}

.dropdown__item:nth-child(3) {
  transition-delay: 120ms;
}

.dropdown__item:nth-child(4) {
  transition-delay: 150ms;
}

.dropdown__item:nth-child(5) {
  transition-delay: 180ms;
}

.dropdown__item:nth-child(6) {
  transition-delay: 210ms;
}

.dropdown__item:nth-child(7) {
  transition-delay: 240ms;
}

.dropdown__item:nth-child(8) {
  transition-delay: 270ms;
}

.dropdown__item:nth-child(9) {
  transition-delay: 300ms;
}

.dropdown__item:nth-child(10) {
  transition-delay: 330ms;
}

.dropdown__item:nth-child(11) {
  transition-delay: 360ms;
}

.dropdown__item:nth-child(12) {
  transition-delay: 390ms;
}

.dropdown__item:nth-child(13) {
  transition-delay: 420ms;
}

.dropdown__item:nth-child(14) {
  transition-delay: 450ms;
}

.dropdown__item:nth-child(15) {
  transition-delay: 480ms;
}

.state-opened-dropdown .dropdown__item {
  opacity: 1;
  transform: none;
}

.dropdown__item a {
  width: 100%;
}

.dropdown__item .button__text {
  line-height: 1.4;
  word-break: break-word;
}

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

.style-yellow-1:not(.custom-colors-enabled) .tab__button.state-active-tab,
.style-yellow-1:not(.custom-colors-enabled) .tab__button.state-active-tab:hover,
.style-yellow-1:not(.custom-colors-enabled) .tab__button--active:focus {
  color: #efbe32;
}

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

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

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

.style-green-1 .bg-accent-color .pointed-badge--acid-bg {
  background-color: #303030;
}

.style-green-1
  .bg-accent-color
  .pointed-badge--acid-bg.pointed-badge--left:before,
.style-green-1
  .bg-accent-color
  .pointed-badge--acid-bg.pointed-badge--top:before {
  border-right-color: #303030;
}

.style-green-1
  .bg-accent-color
  .pointed-badge--acid-bg.pointed-badge--right:before {
  border-left-color: #303030;
}

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

.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__case {
  display: inline-block;
  position: relative;
}

.mockup--black .mockup__case {
  background-color: #303030;
}

.mockup--white .mockup__case {
  background-color: white;
}

.mockup--iphone .mockup__case,
.mockup--ipad .mockup__case {
  box-shadow: 0px 5px 43px 0 rgba(0, 0, 0, 0.09);
}

.mockup--iphone.mockup--portrait .mockup__case {
  max-width: 286px;
  width: 100%;
  border-radius: 16%/7.62%;
}

.mockup--iphone.mockup--portrait .mockup__case .mockup__spacer {
  padding-top: 209.79021%;
}

.mockup--iphone.mockup--landscape .mockup__case {
  max-width: 600px;
  width: 100%;
  border-radius: 7.62%/16%;
}

.mockup--iphone.mockup--landscape .mockup__case .mockup__spacer {
  padding-top: 47.66667%;
}

.mockup--ipad.mockup--portrait .mockup__case {
  max-width: 600px;
  width: 100%;
  border-radius: 40px;
  border-radius: 7.5%/5%;
}

.mockup--ipad.mockup--portrait .mockup__case .mockup__spacer {
  padding-top: 150%;
}

.mockup--ipad.mockup--landscape .mockup__case {
  max-width: 900px;
  width: 100%;
  border-radius: 5%/7.5%;
}

.mockup--ipad.mockup--landscape .mockup__case .mockup__spacer {
  padding-top: 66.66667%;
}

.mockup--macbook .mockup__case {
  width: 73.3%;
  border-radius: 4.5%/6.39%;
  background-color: #fdfeff;
  box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02),
    0 10px 60px 0 rgba(52, 63, 75, 0.08), 0 10px 30px 0 rgba(52, 63, 75, 0.06);
}

.mockup--macbook .mockup__case .mockup__spacer {
  padding-top: 70.2%;
}

.mockup__speaker {
  position: absolute;
}

.mockup--black .mockup__speaker {
  background-color: #2a2a2a;
  box-shadow: inset 0 26px 35px 0 rgba(0, 0, 0, 0.04);
}

.mockup--white .mockup__speaker {
  background-color: #ffffff;
  box-shadow: inset 0 3px 24px 0 rgba(0, 0, 0, 0.07);
}

.mockup--ipad .mockup__speaker {
  display: block;
  border-radius: 50%;
}

.mockup--ipad .mockup__speaker:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.mockup--iphone .mockup__speaker {
  border-radius: 8px;
}

.mockup--iphone.mockup--portrait .mockup__speaker {
  left: 0;
  right: 0;
  top: 5.9%;
  margin: auto;
  width: 15%;
  height: 1.3%;
}

.mockup--iphone.mockup--landscape .mockup__speaker {
  height: 15%;
  width: 1.3%;
  left: 5.7%;
  top: 50%;
  transform: translateY(-50%);
}

.mockup--ipad.mockup--portrait .mockup__speaker {
  left: 0;
  right: 0;
  top: 4.2%;
  margin: auto;
  width: 2.67%;
}

.mockup--ipad.mockup--landscape .mockup__speaker {
  left: 4.2%;
  top: 50%;
  transform: translateY(-50%);
  width: 1.91%;
}

.mockup__screen {
  position: absolute;
  border-radius: 4px;
}

.mockup--white .mockup__screen {
  border: 2px solid #f6f6f6;
}

.mockup--black .mockup__screen {
  border: 2px solid #272727;
}

.mockup--iphone.mockup--portrait .mockup__screen {
  left: 0;
  right: 0;
  top: 12%;
  margin: auto;
  width: 85%;
}

.mockup--iphone.mockup--portrait .mockup__screen:before {
  content: "";
  display: block;
  padding-bottom: 182%;
}

.mockup--iphone.mockup--landscape .mockup__screen {
  left: 12%;
  top: 50%;
  transform: translateY(-50%);
  width: 73.4%;
}

.mockup--iphone.mockup--landscape .mockup__screen:before {
  content: "";
  display: block;
  padding-bottom: 56%;
}

.mockup--ipad.mockup--portrait .mockup__screen {
  left: 0;
  right: 0;
  top: 9.7%;
  margin: auto;
  width: 89.3%;
}

.mockup--ipad.mockup--portrait .mockup__screen:before {
  content: "";
  display: block;
  padding-bottom: 132.8%;
}

.mockup--ipad.mockup--landscape .mockup__screen {
  left: 9.7%;
  top: 50%;
  transform: translateY(-50%);
  width: 78.6%;
}

.mockup--ipad.mockup--landscape .mockup__screen:before {
  content: "";
  display: block;
  padding-bottom: 75.4%;
}

.mockup--macbook .mockup__screen {
  left: 0;
  right: 0;
  top: 7.4%;
  margin: auto;
  width: 92.5%;
}

.mockup--macbook .mockup__screen:before {
  content: "";
  display: block;
  padding-bottom: 62.3%;
}

@media (max-width: 500px) {
  .mockup__screen {
    border-radius: 2px;
    border-width: 1px;
  }
}

.mockup__screenshot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.mockup__button {
  position: absolute;
  border-radius: 50%;
}

.mockup__button:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.mockup--black .mockup__button {
  background-color: #2a2a2a;
  box-shadow: inset 0 26px 35px 0 rgba(0, 0, 0, 0.04);
}

.mockup--white .mockup__button {
  background-color: #ffffff;
  box-shadow: inset 0 26px 35px 0 rgba(0, 0, 0, 0.04);
}

.mockup--iphone.mockup--portrait .mockup__button {
  left: 0;
  right: 0;
  bottom: 3.9%;
  margin: auto;
  width: 15.4%;
}

.mockup--iphone.mockup--landscape .mockup__button {
  right: 3.9%;
  top: 50%;
  transform: translateY(-50%);
  width: 7.35%;
}

.mockup--ipad.mockup--portrait .mockup__button {
  left: 0;
  right: 0;
  bottom: 3.1%;
  margin: auto;
  width: 7.35%;
}

.mockup--ipad.mockup--landscape .mockup__button {
  right: 3.5%;
  top: 50%;
  transform: translateY(-50%);
  width: 4.9%;
}

.mockup__container {
  position: relative;
  max-width: 1228px;
  text-align: center;
}

.mockup__bottom {
  position: absolute;
  bottom: -23%;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}

.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--Empty,
.header-60__mockup .mockup_v2,
.header-61__mockup .mockup_v2 {
  max-width: 90%;
  margin: auto;
}

.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 #ffffff;
  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 #000000;
}

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

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

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

.by-unicorn-platform {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 6px 15px 7px;
  background-color: #000;
}

.by-unicorn-platform--fixed {
  position: fixed;
  bottom: 10px;
  left: 10px;
  border-radius: 40px;
  z-index: 1000;
  padding: 0;
  overflow: hidden;
}

.by-unicorn-platform--fixed .by-unicorn-platform__link {
  padding: 3px 13px 6px;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
}

.by-unicorn-platform--fixed .by-unicorn-platform__link:before {
  content: "";
  width: 115px;
  height: 115px;
  background-color: #0164ff;
  transform: scale(0);
  opacity: 0;
  position: absolute;
  left: -20px;
  right: 0;
  border-radius: 999999px;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.by-unicorn-platform--fixed .by-unicorn-platform__link:hover:before {
  opacity: 1;
  transform: scale(2);
  transition: transform 0.4s ease-in-out, opacity 0.1s ease;
}

.by-unicorn-platform--fixed .by-unicorn-platform__link,
.by-unicorn-platform--fixed .by-unicorn-platform__link:hover,
.by-unicorn-platform--fixed .by-unicorn-platform__link:focus,
.by-unicorn-platform--fixed .by-unicorn-platform__link:visited {
  color: #fff;
}

.by-unicorn-platform--fixed .by-unicorn-platform__link:hover {
  opacity: 1;
}

.by-unicorn-platform__logo {
  margin-right: 4px;
  margin-left: 7px;
  position: relative;
  top: 2px;
}

.by-unicorn-platform__link {
  vertical-align: middle;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 0.02em;
  transition: opacity 0.2s ease;
}

.by-unicorn-platform__link,
.by-unicorn-platform__link:hover,
.by-unicorn-platform__link:focus,
.by-unicorn-platform__link:visited {
  color: #fff;
}

.by-unicorn-platform__link:hover {
  opacity: 0.8;
}

.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;
  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%;
  margin-right: 15px;
  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;
  padding: 0 10px;
}

.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 {
  margin-left: 15px;
}

.form__input:first-child + .form__button {
  margin-left: 0;
}

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

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

.style-blue-1 .message--engaging .message__box {
  border-color: #4d61fc;
}

.style-blue-1 .message--engaging .message__box .message__bubble_text--out {
  color: white;
  background-color: #4d61fc;
}

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

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

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

.social-buttons--left .social-buttons__list {
  justify-content: flex-start;
}

.social-buttons--left .social-buttons__item {
  margin: 0 12px 12px 0;
}

.social-buttons--right .social-buttons__list {
  justify-content: flex-end;
}

.social-buttons--right .social-buttons__item {
  margin: 0 0 12px 12px;
}

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

.social-buttons__item {
  margin: 0 6px 5px;
}

.social-buttons__link {
  display: inline-block;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.social-buttons__link--circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  cursor: pointer;
}

.social-buttons__link--circle:hover,
.social-buttons__link--circle: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);
}

.social-buttons__link--circle .social-buttons__icon {
  opacity: 0.9;
  max-width: 12px;
  max-height: 12px;
}

.social-buttons__icon {
  vertical-align: middle;
  width: 18px;
  max-height: 18px;
}

.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--hidden:after {
  content: "";
  position: absolute;
  z-index: 100;
  background-color: white;
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%),
    linear-gradient(-45deg, #ccc 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ccc 75%),
    linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  top: 0;
  opacity: 0.4;
  height: 100%;
  width: 100%;
}

.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;
        z-index: -1;
        padding-top: 140px;
        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: 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;
  }
}

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

.header-01 {
  padding-top: 70px;
}

.first_component .header-60 {
  padding-top: 50px;
}

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

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

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

.header-01__mockup .mockup__container,
.header-60__mockup .mockup__container {
  margin: auto;
}

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

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

.header-02__container,
.header-63__container {
  height: 100%;
}

.header-02__wrapper,
.header-63__wrapper {
  display: flex;
  height: 100%;
}

@media (max-width: 900px) {
  .header-02__wrapper,
  .header-63__wrapper {
    display: block;
  }
}

.header-02__wrapper {
  position: relative;
}

.header-63__wrapper {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.header-02__left,
.header-63__left {
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}

@media (max-width: 900px) {
  .header-02__left,
  .header-63__left {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .header-02__left,
  .header-63__left {
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: center;
  }
}

.header-02__left {
  justify-content: center;
}

@media (max-width: 900px) {
  .header-63__left {
    justify-content: center;
  }
}

.header-02__right,
.header-63__right {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 900px) {
  .header-02__right,
  .header-63__right {
    width: 100%;
    padding: 0 30px;
  }
}

.header-02__right {
  min-height: 800px;
  -webkit-animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1)
    infinite;
  animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) infinite;
}

@media (max-width: 900px) {
  .header-02__right {
    min-height: 680px;
  }
}

@media (max-width: 330px) {
  .header-02__right {
    min-height: 600px;
  }
}

@media (max-width: 900px) {
  .header-63__right {
    -webkit-animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1)
      infinite;
    animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) infinite;
  }
}

.header-63__right:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1)
    infinite;
  animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) infinite;
  width: 50%;
}

@media (max-width: 900px) {
  .header-63__right:before {
    content: none;
  }
}

@media (max-width: 900px) {
  .header-63__right {
    padding: 20px 0;
  }
}

.header-02__left_content,
.header-63__left_content {
  max-width: 450px;
}

.header-63__left_content {
  padding: 70px 0;
}

@media (max-width: 900px) {
  .header-63__left_content {
    padding: 0;
  }
}

.header-02__logo_img,
.header-63__logo_img {
  max-height: 30px;
  max-width: 100px;
}

.comps .header-02__text,
.comps .header-63__text {
  max-width: 400px;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  .comps .header-02__text,
  .comps .header-63__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-02__mockup,
.header-63__mockup {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.header-02__mockup .mockup,
.header-63__mockup .mockup {
  width: 100%;
}

.header-02__mockup .mockup__case,
.header-63__mockup .mockup__case {
  margin: auto;
}

.header-63__mockup {
  max-width: 230px;
  width: 100%;
  padding: 70px 0;
}

@media (min-width: 1200px) {
  .header-63__mockup {
    max-width: 280px;
  }
}

@media (max-width: 900px) {
  .header-63__mockup {
    padding: 0;
  }
}

.first_component .header-63__mockup {
  padding: 80px 0;
}

@-webkit-keyframes change-background {
  0% {
    background-color: #ff4f00;
  }

  20% {
    background-color: #4d61fc;
  }

  40% {
    background-color: #e4ff1c;
  }

  60% {
    background-color: #f90473;
  }

  80% {
    background-color: #54e998;
  }

  100% {
    background-color: #ff4f00;
  }
}

@keyframes change-background {
  0% {
    background-color: #ff4f00;
  }

  20% {
    background-color: #4d61fc;
  }

  40% {
    background-color: #e4ff1c;
  }

  60% {
    background-color: #f90473;
  }

  80% {
    background-color: #54e998;
  }

  100% {
    background-color: #ff4f00;
  }
}

.first_component .header-03__container {
  padding-top: 50px;
}

.header-03__card_holder {
  position: relative;
  z-index: 100;
  text-align: center;
}

.header-03__card {
  box-shadow: 0 60px 90px 0 rgba(12, 12, 15, 0.27);
  border-radius: 10px;
}

.header-03__card--bottom {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
  z-index: 10;
  width: 90%;
  height: 100%;
  background-color: rgba(209, 209, 209, 0.8);
}

.header-03__card--middle {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  margin: auto;
  z-index: 20;
  width: 95%;
  height: 100%;
  background-color: #fdfdfd;
}

.header-03__card--top {
  position: relative;
  padding: 70px 30px 70px;
  z-index: 30;
  background-color: white;
}

@media (max-width: 768px) {
  .header-03__card--top {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

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

.header-03__heading {
  max-width: 580px;
  margin: auto auto 30px;
}

.header-03__heading .emoji {
  margin-left: 0.3em;
}

.header-03__buttons {
  max-width: 450px;
  margin-right: auto;
  margin-left: auto;
}

.comps .header-03__text {
  margin: auto auto 40px auto;
  max-width: 450px;
}

.header-03__features {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 90px;
  margin-bottom: -40px;
}

@media (max-width: 768px) {
  .header-03__features {
    display: block;
  }
}

.header-03__feature {
  width: 32%;
  padding-right: 15px;
  margin-bottom: 40px;
}

.header-03__feature:last-child {
  padding-right: 0;
}

@media (max-width: 768px) {
  .header-03__feature {
    width: 100%;
    text-align: center;
  }
}

.header-03__feature_box {
  display: inline-block;
  max-width: 300px;
}

.header-04__box {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
}

@media (min-width: 901px) {
  .first_component .header-04__container {
    padding-top: 30px;
  }
}

@media (min-width: 1200px) {
  .first_component .header-04__container {
    padding-top: 40px;
  }
}

.header-04__heading {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.header-04__heading .emoji {
  margin-left: 0.3em;
}

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

.comps .header-04__text {
  margin: auto auto 60px auto;
  max-width: 480px;
}

.header-04__logos {
  margin-top: 170px;
}

.header-04__logos .logos__img {
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.header-04__logos .logos__img:hover {
  opacity: 1;
}

.header-04__logos .logos__list {
  justify-content: center;
  margin-bottom: -40px;
}

.header-04__logos .logos__item {
  margin: 0 20px 40px 10px;
}

@media (max-width: 1366px) {
  .header-04__logos {
    margin-top: 120px;
  }
}

@media (max-width: 900px) {
  .header-04__logos {
    margin-top: 60px;
  }
}

@media (max-width: 500px) {
  .header-04__logos {
    margin-top: 60px;
  }

  .header-04__logos .logos__item {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.page-component__bg_image_box--has-image .header-04__logos .logos__img {
  opacity: 0.6;
}

.header-05__container,
.header-61__container {
  position: relative;
  z-index: 200;
}

.header-05__left_content,
.header-61__left_content {
  max-width: 530px;
  padding-top: 70px;
}

.first_component .header-05__left_content,
.first_component .header-61__left_content {
  padding-top: 120px;
}

@media (max-width: 1100px) {
  .first_component .header-05__left_content,
  .first_component .header-61__left_content {
    padding-top: 70px;
  }
}

@media (min-width: 1101px) {
  .header-05__left_content,
  .header-61__left_content {
    padding-bottom: 70px;
  }
}

@media (max-width: 1100px) {
  .header-05__left_content,
  .header-61__left_content {
    margin: auto;
    text-align: center;
  }
}

@media (min-width: 1101px) {
  .header-05__left_content,
  .header-61__left_content {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1101px) {
  .header-05__left_content {
    min-height: 480px;
  }
}

@media (min-width: 1200px) {
  .header-05__left_content {
    min-height: 510px;
  }
}

@media (min-width: 1250px) {
  .header-05__left_content {
    min-height: 530px;
  }
}

@media (min-width: 1300px) {
  .live_website .header-05__left_content {
    min-height: 550px;
  }
}

@media (min-width: 1400px) {
  .live_website .header-05__left_content {
    min-height: 570px;
  }
}

@media (min-width: 1450px) {
  .live_website .header-05__left_content {
    min-height: 590px;
  }
}

@media (min-width: 1500px) {
  .live_website .header-05__left_content {
    min-height: 600px;
  }
}

@media (min-width: 1550px) {
  .live_website .header-05__left_content {
    min-height: 630px;
  }
}

@media (min-width: 1600px) {
  .live_website .header-05__left_content {
    min-height: 650px;
  }
}

@media (min-width: 1700px) {
  .live_website .header-05__left_content {
    min-height: 670px;
  }
}

@media (min-width: 1750px) {
  .live_website .header-05__left_content {
    min-height: 690px;
  }
}

@media (min-width: 1800px) {
  .live_website .header-05__left_content {
    min-height: 700px;
  }
}

@media (min-width: 1850px) {
  .live_website .header-05__left_content {
    min-height: 720px;
  }
}

@media (min-width: 1900px) {
  .live_website .header-05__left_content {
    min-height: 730px;
  }
}

@media (min-width: 1950px) {
  .live_website .header-05__left_content {
    min-height: 750px;
  }
}

@media (min-width: 2000px) {
  .live_website .header-05__left_content {
    min-height: 760px;
  }
}

@media (min-width: 2050px) {
  .live_website .header-05__left_content {
    min-height: 780px;
  }
}

@media (min-width: 1101px) {
  .header-61__left_content {
    min-height: 500px;
  }
}

@media (min-width: 1101px) {
  .first_component .header-61__left_content {
    min-height: 550px;
  }
}

@media (min-width: 1200px) {
  .header-61__left_content {
    min-height: 530px;
  }
}

@media (min-width: 1200px) {
  .first_component .header-61__left_content {
    min-height: 580px;
  }
}

@media (min-width: 1250px) {
  .header-61__left_content {
    min-height: 550px;
  }
}

@media (min-width: 1250px) {
  .first_component .header-61__left_content {
    min-height: 610px;
  }
}

@media (min-width: 1300px) {
  .live_website .header-61__left_content {
    min-height: 570px;
  }
}

@media (min-width: 1300px) {
  .live_website .first_component .header-61__left_content {
    min-height: 630px;
  }
}

@media (min-width: 1101px) {
  .desktop-mockup-inside--apple_imac .header-61__left_content,
  .desktop-mockup-inside--apple_imac_pro .header-61__left_content,
  .desktop-mockup-inside--apple_thunderbolt_display .header-61__left_content,
  .desktop-mockup-inside--dell_ultrasharp_27 .header-61__left_content {
    min-height: 680px;
  }
}

@media (min-width: 1200px) {
  .desktop-mockup-inside--apple_imac .header-61__left_content,
  .desktop-mockup-inside--apple_imac_pro .header-61__left_content,
  .desktop-mockup-inside--apple_thunderbolt_display .header-61__left_content,
  .desktop-mockup-inside--dell_ultrasharp_27 .header-61__left_content {
    min-height: 720px;
  }
}

@media (min-width: 1250px) {
  .desktop-mockup-inside--apple_imac .header-61__left_content,
  .desktop-mockup-inside--apple_imac_pro .header-61__left_content,
  .desktop-mockup-inside--apple_thunderbolt_display .header-61__left_content,
  .desktop-mockup-inside--dell_ultrasharp_27 .header-61__left_content {
    min-height: 740px;
  }
}

@media (min-width: 1300px) {
  .live_website .desktop-mockup-inside--apple_imac .header-61__left_content,
  .live_website .desktop-mockup-inside--apple_imac_pro .header-61__left_content,
  .live_website
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-61__left_content,
  .live_website
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-61__left_content {
    min-height: 790px;
  }
}

@media (min-width: 1101px) {
  .first_component .desktop-mockup-inside--apple_imac .header-61__left_content,
  .first_component
    .desktop-mockup-inside--apple_imac_pro
    .header-61__left_content,
  .first_component
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-61__left_content,
  .first_component
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-61__left_content {
    min-height: 720px;
  }
}

@media (min-width: 1200px) {
  .first_component .desktop-mockup-inside--apple_imac .header-61__left_content,
  .first_component
    .desktop-mockup-inside--apple_imac_pro
    .header-61__left_content,
  .first_component
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-61__left_content,
  .first_component
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-61__left_content {
    min-height: 760px;
  }
}

@media (min-width: 1250px) {
  .first_component .desktop-mockup-inside--apple_imac .header-61__left_content,
  .first_component
    .desktop-mockup-inside--apple_imac_pro
    .header-61__left_content,
  .first_component
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-61__left_content,
  .first_component
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-61__left_content {
    min-height: 780px;
  }
}

@media (min-width: 1300px) {
  .live_website
    .first_component
    .desktop-mockup-inside--apple_imac
    .header-61__left_content,
  .live_website
    .first_component
    .desktop-mockup-inside--apple_imac_pro
    .header-61__left_content,
  .live_website
    .first_component
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-61__left_content,
  .live_website
    .first_component
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-61__left_content {
    min-height: 830px;
  }
}

@media (min-width: 1101px) {
  .desktop-mockup-inside--chrome_window .header-61__left_content {
    min-height: 570px;
  }
}

@media (min-width: 1200px) {
  .desktop-mockup-inside--chrome_window .header-61__left_content {
    min-height: 600px;
  }
}

@media (min-width: 1250px) {
  .desktop-mockup-inside--chrome_window .header-61__left_content {
    min-height: 620px;
  }
}

@media (min-width: 1300px) {
  .live_website .desktop-mockup-inside--chrome_window .header-61__left_content {
    min-height: 640px;
  }
}

@media (min-width: 1101px) {
  .first_component
    .desktop-mockup-inside--chrome_window
    .header-61__left_content {
    min-height: 600px;
  }
}

@media (min-width: 1200px) {
  .first_component
    .desktop-mockup-inside--chrome_window
    .header-61__left_content {
    min-height: 630px;
  }
}

@media (min-width: 1250px) {
  .first_component
    .desktop-mockup-inside--chrome_window
    .header-61__left_content {
    min-height: 650px;
  }
}

@media (min-width: 1300px) {
  .live_website
    .first_component
    .desktop-mockup-inside--chrome_window
    .header-61__left_content {
    min-height: 690px;
  }
}

@media (min-width: 1101px) {
  .first_component
    .desktop-mockup-inside--safari_window
    .header-61__left_content {
    min-height: 600px;
  }
}

@media (min-width: 1200px) {
  .first_component
    .desktop-mockup-inside--safari_window
    .header-61__left_content {
    min-height: 630px;
  }
}

@media (min-width: 1250px) {
  .first_component
    .desktop-mockup-inside--safari_window
    .header-61__left_content {
    min-height: 640px;
  }
}

@media (min-width: 1300px) {
  .live_website
    .first_component
    .desktop-mockup-inside--safari_window
    .header-61__left_content {
    min-height: 670px;
  }
}

@media (min-width: 1101px) {
  .desktop-mockup-inside--safari_window .header-61__left_content {
    min-height: 530px;
  }
}

@media (min-width: 1200px) {
  .desktop-mockup-inside--safari_window .header-61__left_content {
    min-height: 560px;
  }
}

@media (min-width: 1250px) {
  .desktop-mockup-inside--safari_window .header-61__left_content {
    min-height: 580px;
  }
}

@media (min-width: 1300px) {
  .live_website .desktop-mockup-inside--safari_window .header-61__left_content {
    min-height: 600px;
  }
}

@media (min-width: 1400px) {
  .live_website .desktop-mockup-inside--safari_window .header-61__left_content {
    min-height: 620px;
  }
}

.header-61__mockup {
  padding: 0 15px;
}

.header-61__left_content {
  max-width: 440px;
}

.header-05__text,
.header-61__text {
  max-width: 450px;
}

@media (max-width: 1100px) {
  .header-05__text,
  .header-61__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-05__cta_box,
.header-61__cta_box {
  max-width: 480px;
  margin-top: 45px;
}

@media (max-width: 1100px) {
  .header-05__cta_box,
  .header-61__cta_box {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1101px) {
  .header-05__right,
  .header-61__right {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .header-05__right,
  .header-61__right {
    padding: 60px 0 40px;
  }
}

@media (max-width: 1100px) {
  .header-61__right {
    padding-bottom: 70px;
  }
}

@media (min-width: 1101px) {
  .header-05__right_wrapper,
  .header-61__right_wrapper {
    position: absolute;
    top: 70px;
    max-width: 60%;
  }

  .first_component .header-05__right_wrapper,
  .first_component .header-61__right_wrapper {
    top: 120px;
  }
}

@media (min-width: 1101px) {
  .header-05__right_wrapper {
    right: -3%;
  }
}

.header-61__right_wrapper {
  max-width: 815px;
}

@media (max-width: 1100px) {
  .header-61__right_wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1101px) {
  .header-61__right_wrapper {
    left: 43%;
  }
}

@media (min-width: 1101px) {
  .desktop-mockup-inside--apple_imac .header-61__right_wrapper,
  .desktop-mockup-inside--apple_imac_pro .header-61__right_wrapper,
  .desktop-mockup-inside--apple_thunderbolt_display .header-61__right_wrapper,
  .desktop-mockup-inside--dell_ultrasharp_27 .header-61__right_wrapper,
  .desktop-mockup-inside--chrome_window .header-61__right_wrapper,
  .desktop-mockup-inside--safari_window .header-61__right_wrapper {
    left: 48%;
  }
}

@media (min-width: 1101px) {
  .header-05__right_wrapper {
    width: 60%;
  }
}

.header-06,
.header-62 {
  position: relative;
  z-index: 100;
  padding-bottom: 90px;
}

.header-62 {
  padding-bottom: 70px;
}

.header-06__container,
.header-62__container {
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 40px;
}

.first_component .header-06__container,
.first_component .header-62__container {
  padding-top: 140px;
}

@media (max-width: 1366px) {
  .first_component .header-06__container,
  .first_component .header-62__container {
    padding-top: 100px;
  }
}

@media (max-width: 700px) {
  .first_component .header-06__container,
  .first_component .header-62__container {
    padding-top: 70px;
  }
}

.header-06__info,
.header-62__info {
  width: 50%;
  position: relative;
  z-index: 10;
}

@media (max-width: 1000px) {
  .header-06__info,
  .header-62__info {
    width: 60%;
  }
}

@media (max-width: 760px) {
  .header-06__info,
  .header-62__info {
    width: 100%;
    margin-bottom: 100px;
    text-align: center;
  }
}

@media (max-width: 760px) {
  .header-62__info {
    margin-bottom: 60px;
  }
}

.header-06__info_content,
.header-62__info_content {
  max-width: 550px;
}

@media (max-width: 760px) {
  .header-06__info_content,
  .header-62__info_content {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-06__text,
.header-62__text {
  max-width: 430px;
}

@media (max-width: 760px) {
  .header-06__text,
  .header-62__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-06__buttons_box,
.header-62__buttons_box {
  margin-top: 45px;
  max-width: 450px;
}

@media (max-width: 760px) {
  .header-06__buttons_box,
  .header-62__buttons_box {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-06__visual,
.header-62__visual {
  position: relative;
  z-index: 5;
  width: 50%;
  text-align: right;
}

@media (max-width: 1000px) {
  .header-06__visual,
  .header-62__visual {
    width: 22%;
  }
}

@media (max-width: 760px) {
  .header-06__visual,
  .header-62__visual {
    width: 90%;
    margin: auto;
  }
}

@media (max-width: 500px) {
  .header-06__visual,
  .header-62__visual {
    width: 60%;
  }
}

.header-06__visual__wrapper,
.header-62__visual__wrapper {
  position: relative;
}

.header-06__mockup--shift,
.header-62__mockup--shift {
  position: absolute;
  left: -25%;
  right: 0;
  bottom: 0;
  top: 10%;
  width: 100%;
  margin: auto;
}

@media (min-width: 1200px) {
  .header-06__mockup--shift,
  .header-62__mockup--shift {
    left: -45%;
  }
}

@media (max-width: 500px) {
  .header-06__mockup--shift,
  .header-62__mockup--shift {
    left: -60%;
  }
}

.header-06__mockup--static,
.header-62__mockup--static {
  position: relative;
  z-index: 10;
}

@media (max-width: 760px) {
  .header-06__mockup--static,
  .header-62__mockup--static {
    left: 30px;
  }
}

@media (max-width: 500px) {
  .header-06__mockup--static,
  .header-62__mockup--static {
    left: 20%;
  }
}

@media (max-width: 1400px) {
  .header-06__mockup,
  .header-62__mockup {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .header-06__mockup .mockup,
  .header-62__mockup .mockup {
    width: 250px;
  }
}

@media (max-width: 1366px) {
  .header-06__mockup .mockup,
  .header-62__mockup .mockup {
    width: 200px;
  }
}

.header-06__mockup--shift {
  z-index: 10;
}

.header-62__mockup {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.header-62__mockup .mockup_v2 {
  width: 250px;
}

@media (max-width: 1366px) {
  .header-62__mockup .mockup_v2 {
    width: 200px;
  }
}

@media (max-width: 760px) {
  .header-06__buttons,
  .header-62__buttons {
    justify-content: center;
  }

  .header-06__buttons .rich_download_app__item,
  .header-62__buttons .rich_download_app__item {
    margin-right: 8px;
    margin-left: 8px;
  }
}

.header-23 {
  position: relative;
}

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

.first_component .header-23__container {
  padding-top: 50px;
}

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

.header-08,
.header-64 {
  position: relative;
  z-index: 100;
}

@media (max-width: 1250px) {
  .header-64 {
    padding-bottom: 70px;
  }
}

.header-08__container,
.header-64__container {
  position: relative;
  z-index: 200;
}

@media (min-width: 1251px) {
  .first_component .header-08__left,
  .first_component .header-64__left {
    padding-bottom: 40px;
  }
}

@media (min-width: 1251px) {
  .header-08__left_content_box,
  .header-64__left_content_box {
    padding-bottom: 40px;
  }
}

.header-08__left_content,
.header-64__left_content {
  max-width: 490px;
  padding-top: 70px;
}

@media (max-width: 1250px) {
  .header-08__left_content,
  .header-64__left_content {
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

@media (min-width: 1251px) {
  .header-08__left_content,
  .header-64__left_content {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1251px) {
  .header-08__left_content {
    min-height: 570px;
  }
}

@media (min-width: 1300px) {
  .live_website .header-08__left_content {
    min-height: 590px;
  }
}

@media (min-width: 1400px) {
  .live_website .header-08__left_content {
    min-height: 610px;
  }
}

@media (min-width: 1450px) {
  .live_website .header-08__left_content {
    min-height: 630px;
  }
}

@media (min-width: 1500px) {
  .live_website .header-08__left_content {
    min-height: 640px;
  }
}

@media (min-width: 1550px) {
  .live_website .header-08__left_content {
    min-height: 670px;
  }
}

@media (min-width: 1600px) {
  .live_website .header-08__left_content {
    min-height: 690px;
  }
}

@media (min-width: 1700px) {
  .live_website .header-08__left_content {
    min-height: 710px;
  }
}

@media (min-width: 1750px) {
  .live_website .header-08__left_content {
    min-height: 730px;
  }
}

@media (min-width: 1800px) {
  .live_website .header-08__left_content {
    min-height: 740px;
  }
}

@media (min-width: 1850px) {
  .live_website .header-08__left_content {
    min-height: 760px;
  }
}

@media (min-width: 1900px) {
  .live_website .header-08__left_content {
    min-height: 770px;
  }
}

@media (min-width: 1950px) {
  .live_website .header-08__left_content {
    min-height: 790px;
  }
}

@media (min-width: 2000px) {
  .live_website .header-08__left_content {
    min-height: 810px;
  }
}

@media (min-width: 2050px) {
  .live_website .header-08__left_content {
    min-height: 830px;
  }
}

@media (min-width: 1251px) {
  .header-64__left_content {
    min-height: 600px;
  }
}

@media (min-width: 1300px) {
  .live_website .header-64__left_content {
    min-height: 620px;
  }
}

@media (min-width: 1400px) {
  .live_website .header-64__left_content {
    min-height: 640px;
  }
}

@media (min-width: 1251px) {
  .desktop-mockup-inside--apple_imac .header-64__left_content,
  .desktop-mockup-inside--apple_imac_pro .header-64__left_content,
  .desktop-mockup-inside--apple_thunderbolt_display .header-64__left_content,
  .desktop-mockup-inside--dell_ultrasharp_27 .header-64__left_content {
    min-height: 780px;
  }
}

@media (min-width: 1300px) {
  .live_website .desktop-mockup-inside--apple_imac .header-64__left_content,
  .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content,
  .live_website
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-64__left_content,
  .live_website
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-64__left_content {
    min-height: 800px;
  }
}

@media (min-width: 1400px) {
  .live_website .desktop-mockup-inside--apple_imac .header-64__left_content,
  .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content,
  .live_website
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-64__left_content,
  .live_website
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-64__left_content {
    min-height: 820px;
  }
}

@media (min-width: 1450px) {
  .live_website .desktop-mockup-inside--apple_imac .header-64__left_content,
  .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content,
  .live_website
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-64__left_content,
  .live_website
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-64__left_content {
    min-height: 840px;
  }
}

@media (min-width: 1500px) {
  .live_website .desktop-mockup-inside--apple_imac .header-64__left_content,
  .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content,
  .live_website
    .desktop-mockup-inside--apple_thunderbolt_display
    .header-64__left_content,
  .live_website
    .desktop-mockup-inside--dell_ultrasharp_27
    .header-64__left_content {
    min-height: 850px;
  }
}

@media (min-width: 1251px) {
  .desktop-mockup-inside--chrome_window .header-64__left_content {
    min-height: 680px;
  }
}

@media (min-width: 1300px) {
  .live_website .desktop-mockup-inside--chrome_window .header-64__left_content {
    min-height: 700px;
  }
}

@media (min-width: 1400px) {
  .live_website .desktop-mockup-inside--chrome_window .header-64__left_content {
    min-height: 720px;
  }
}

@media (min-width: 1450px) {
  .live_website .desktop-mockup-inside--chrome_window .header-64__left_content {
    min-height: 740px;
  }
}

@media (min-width: 1500px) {
  .live_website .desktop-mockup-inside--chrome_window .header-64__left_content {
    min-height: 750px;
  }
}

@media (min-width: 1251px) {
  .desktop-mockup-inside--safari_window .header-64__left_content {
    min-height: 640px;
  }
}

@media (min-width: 1300px) {
  .live_website .desktop-mockup-inside--safari_window .header-64__left_content {
    min-height: 660px;
  }
}

@media (min-width: 1400px) {
  .live_website .desktop-mockup-inside--safari_window .header-64__left_content {
    min-height: 680px;
  }
}

@media (min-width: 1450px) {
  .live_website .desktop-mockup-inside--safari_window .header-64__left_content {
    min-height: 700px;
  }
}

@media (min-width: 1500px) {
  .live_website .desktop-mockup-inside--safari_window .header-64__left_content {
    min-height: 710px;
  }
}

.header-08__text,
.header-64__text {
  max-width: 400px;
}

@media (max-width: 1250px) {
  .header-08__text,
  .header-64__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-08__cta_box,
.header-64__cta_box {
  max-width: 480px;
  margin-top: 45px;
}

.header-08__right,
.header-64__right {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

@media (max-width: 1250px) {
  .header-08__right,
  .header-64__right {
    overflow: visible;
    position: static;
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.header-08__right_wrapper {
  right: -10%;
  top: 50%;
}

.header-64__right_wrapper {
  left: 46%;
  top: 52%;
  max-width: 815px;
}

.desktop-mockup-inside--apple_imac .header-64__right_wrapper,
.desktop-mockup-inside--apple_imac_pro .header-64__right_wrapper,
.desktop-mockup-inside--apple_thunderbolt_display .header-64__right_wrapper,
.desktop-mockup-inside--dell_ultrasharp_27 .header-64__right_wrapper,
.desktop-mockup-inside--chrome_window .header-64__right_wrapper,
.desktop-mockup-inside--safari_window .header-64__right_wrapper {
  left: 48%;
}

.header-08__right_wrapper,
.header-64__right .header-64__right_wrapper {
  position: absolute;
  transform: translateY(-50%);
  width: 60%;
}

@media (max-width: 1250px) {
  .header-08__right_wrapper,
  .header-64__right .header-64__right_wrapper {
    position: relative;
    transform: none;
    right: auto;
    left: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.header-08__small_mockup,
.header-64__small_mockup {
  position: absolute;
  z-index: 150;
  width: 18%;
  bottom: -1%;
}

.header-08__small_mockup {
  left: 5%;
}

.header-64__small_mockup {
  width: 21%;
}

.desktop-mockup-inside--safari_window .header-64__small_mockup,
.desktop-mockup-inside--chrome_window .header-64__small_mockup {
  bottom: -9%;
  left: -2%;
}

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

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

.header-09__container {
  padding-top: 70px;
}

.first_component .header-65__container {
  padding-top: 50px;
}

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

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

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

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

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

.header-09__img_wrapper,
.header-65__img_wrapper {
  position: relative;
}

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

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

@media (max-width: 500px) {
  .header-26 .buttons-set__item {
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
  }
}

.header-26__text {
  padding-top: 100px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: rgba(48, 48, 48, 0.8);
}

.header-26__cta_box {
  margin-top: 30px;
}

.header-26__mockups {
  position: relative;
  overflow: hidden;
  height: 420px;
  margin-top: 50px;
}

@media (max-width: 700px) {
  .header-26__mockups {
    height: 300px;
  }
}

@media (max-width: 400px) {
  .header-26__mockups {
    height: 250px;
  }
}

@media (max-width: 360px) {
  .header-26__mockups {
    height: 200px;
  }
}

.header-26__mockup {
  position: absolute;
  width: 300px;
  text-align: center;
}

.header-26__mockup--center {
  z-index: 10;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
}

.header-26__mockup--left {
  left: 0;
  right: 0;
  margin: auto;
  top: 10%;
  transform: scale(0.9) translateX(-60%);
}

.header-26__mockup--right {
  left: 0;
  right: 0;
  margin: auto;
  top: 10%;
  transform: scale(0.9) translateX(60%);
}

@media (max-width: 700px) {
  .header-26__mockup {
    width: 40%;
  }
}

.header-27 {
  position: relative;
}

.first_component .header-27 {
  padding-top: 50px;
}

.header-27__container {
  position: relative;
  z-index: 10;
  text-align: center;
}

.header-27__buttons {
  margin-top: 40px;
  margin-bottom: 50px;
}

@media (max-width: 840px) {
  .header-27__buttons {
    margin-bottom: 70px;
  }
}

.header-27__links {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  margin-bottom: -50px;
}

.header-27__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 50px;
  max-width: 250px;
  padding: 10px 20px 15px 20px;
  box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: white;
}

.header-27__title {
  margin-bottom: 7px;
  font-size: 20px;
}

.font-source-code-pro .header-27__title {
  font-size: 16px;
}

.header-27__info {
  opacity: 0.6;
  margin-bottom: 10px;
  font-size: 14px;
}

.header-27__emoji {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.header-27__emoji img,
.header-27__emoji svg {
  max-height: 30px;
}

.header-27__link .button--empty {
  margin-bottom: -10px;
}

.header-28 {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header-28__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
}

.header-28__container {
  position: relative;
  z-index: 10;
}

.first_component .header-28__container {
  padding-top: 50px;
}

.header-28__buttons {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 70px;
}

@media (max-width: 600px) {
  .header-28__buttons {
    margin-top: 40px;
  }
}

.header-28__item {
  width: 40%;
  max-width: 400px;
}

@media (max-width: 600px) {
  .header-28__item {
    width: 100%;
    margin-bottom: 70px;
  }

  .header-28__item:last-child {
    margin-bottom: 0;
  }
}

.header-28__text {
  opacity: 0.8;
  margin-bottom: 30px;
}

.header-29 {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header-29__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
}

.header-29__container {
  position: relative;
  z-index: 10;
  text-align: center;
}

.first_component .header-29__container {
  padding-top: 50px;
}

.header-29__text_box {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.header-29__buttons {
  margin-top: 50px;
}

.header-30,
.header-31,
.header-32,
.header-33 {
  position: relative;
  padding-bottom: 100px;
}

@media (max-width: 770px) {
  .header-30,
  .header-31,
  .header-32,
  .header-33 {
    padding-bottom: 70px;
  }
}

.header-30 .score__stars,
.header-32 .score__stars,
.header-33 .score__stars {
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.header-30 .score__star,
.header-32 .score__star,
.header-33 .score__star {
  width: 18px;
}

.header-30 .score__text,
.header-32 .score__text,
.header-33 .score__text {
  line-height: 1.4;
}

.header-30 .score__text a,
.header-32 .score__text a,
.header-33 .score__text a {
  opacity: 0.8;
  transition: opacity 0.25s ease;
}

.header-30 .score__text a:hover,
.header-32 .score__text a:hover,
.header-33 .score__text a:hover {
  opacity: 1;
}

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

.header-30__container,
.header-31__container,
.header-32__container,
.header-33__container {
  position: relative;
  z-index: 10;
  padding-top: 140px;
  text-align: center;
}

@media (max-width: 770px) {
  .header-30__container,
  .header-31__container,
  .header-32__container,
  .header-33__container {
    padding-top: 100px;
  }
}

.header-30__text_box,
.header-31__text_box,
.header-32__text_box,
.header-33__text_box {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.header-30__buttons,
.header-31__buttons,
.header-32__buttons,
.header-33__buttons {
  margin-top: 50px;
}

.header-35 {
  position: relative;
}

.header-35__box {
  position: relative;
  z-index: 10;
}

.header-35__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.first_component .header-35__wrapper {
  padding-top: 50px;
}

@media (max-width: 900px) {
  .header-35__wrapper {
    flex-direction: column;
  }
}

.header-35__text_box {
  width: 50%;
}

@media (max-width: 900px) {
  .header-35__text_box {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
  }
}

.header-35__video_box {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  width: 40%;
  border-radius: 10px;
}

.header-35__video_box iframe {
  position: relative;
  z-index: 10;
  height: 100%;
  width: 100%;
}

@media (max-width: 900px) {
  .header-35__video_box {
    width: 100%;
    max-width: 450px;
  }
}

.header-35__video {
  position: relative;
  height: 210px;
  background-color: #303030;
}

.header-35__video .spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.header-35__heading {
  margin-bottom: 30px;
}

.header-35__heading .emoji {
  margin-left: 0.3em;
}

@media (max-width: 500px) {
  .header-35__buttons {
    text-align: center;
  }

  .header-35__buttons .buttons-set__item {
    display: block;
    margin: 0 0 15px 0;
  }

  .header-35__buttons .buttons-set__item:last-child {
    margin-bottom: 0;
  }
}

.comps .header-35__text {
  margin-bottom: 40px;
  max-width: 420px;
}

@media (max-width: 900px) {
  .comps .header-35__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.header-35__features {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 100px;
  padding-top: 50px;
  border-top: 1px solid rgba(246, 246, 246, 0.2);
}

.bg-light_gray-color .header-35__features,
.bg-white-color .header-35__features {
  border-top-color: #d8dde6;
}

.bg-medium-color .header-35__features,
.bg-light-color .header-35__features {
  border-top-color: white;
}

.style-yellow-1:not(.custom-colors-enabled) .header-35__features {
  border-top-color: #efbe32;
}

.custom-accent-color-bright .header-35__features {
  border-top-color: #303030;
}

@media (max-width: 768px) {
  .header-35__features {
    display: block;
  }
}

.header-35__feature {
  width: 30%;
  padding-right: 15px;
}

@media (max-width: 768px) {
  .header-35__feature {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }

  .header-35__feature:last-child {
    margin-bottom: 0;
  }
}

.header-35__feature_box {
  display: inline-block;
  max-width: 300px;
}

.header-39 {
  position: relative;
}

@media (max-width: 500px) {
  .header-40 .buttons-set__item {
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
  }
}

.header-39__container {
  position: relative;
  z-index: 10;
  text-align: center;
}

.first_component .header-39__container {
  padding-top: 50px;
}

.header-39__text_box {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.header-39__buttons {
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  max-width: 450px;
}

.header-39__video {
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  margin-top: 50px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  height: 500px;
  border-radius: 10px;
  background-color: #303030;
}

.header-39__video iframe {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.header-39__video .spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

@media (max-width: 800px) {
  .header-39__video {
    height: 300px;
  }
}

@media (max-width: 400px) {
  .header-39__video {
    height: 200px;
  }
}

.header-43__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.first_component .header-43__wrapper {
  padding-top: 50px;
}

.header-43__buttons_box {
  max-width: 450px;
  margin-top: 30px;
}

.header-43__text_box {
  max-width: 550px;
}

.header-43__img_box {
  width: calc(100% - 550px);
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 700px) {
  .header-43__img_box {
    display: none;
  }
}

.header-43__img {
  max-height: 100px;
}

.header-43__img_box svg {
  height: 100px;
  width: 100%;
}

.first_component .header-44__wrapper {
  padding-top: 50px;
}

.header-44__text_box {
  max-width: 500px;
}

.header-44__img {
  max-width: 90px;
  width: 100%;
}

.header-44__buttons_box {
  margin-top: 40px;
}

.header-49 {
  margin-bottom: 180px;
}

@media (max-width: 900px) {
  .header-49 {
    padding-bottom: 30px;
    margin-bottom: 0;
  }
}

.header-49__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.first_component .header-49__wrapper {
  padding-top: 50px;
}

.header-49__text_box {
  max-width: 500px;
}

.header-49__buttons_box {
  margin-top: 30px;
}

.header-49__img_box {
  width: calc(100% - 550px);
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

@media (max-width: 700px) {
  .header-49__img_box {
    display: none;
  }
}

.header-49__img {
  max-width: 120px;
  width: 100%;
}

@media (max-width: 800px) {
  .header-49__img {
    display: none;
  }
}

.header-49__features_list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px 30px 0;
  transform: translateY(140px);
  margin-top: -40px;
  box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: white;
}

@media (max-width: 900px) {
  .header-49__features_list {
    justify-content: center;
    transform: none;
    padding: 0;
    margin-top: 80px;
    box-shadow: none;
    background-color: transparent;
  }
}

.header-49__feature {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  width: 32%;
  text-align: center;
}

@media (max-width: 900px) {
  .header-49__feature {
    width: 100%;
    max-width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: white;
  }
}

@media (max-width: 400px) {
  .header-49__feature {
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
  }
}

.header-49__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 40px;
}

.header-49__feature_title {
  margin-top: 0;
}

.header-49__text {
  opacity: 0.8;
  margin-bottom: 10px;
}

.header-50,
.header-51,
.header-52,
.header-53 {
  position: relative;
  padding-bottom: 100px;
}

.header-50 .buttons-set__item,
.header-51 .buttons-set__item,
.header-52 .buttons-set__item,
.header-53 .buttons-set__item {
  padding-bottom: 0;
}

@media (max-width: 400px) {
  .header-50,
  .header-51,
  .header-52,
  .header-53 {
    padding-bottom: 70px;
  }
}

.header-50__box,
.header-51__box,
.header-52__box,
.header-53__box {
  position: relative;
  z-index: 10;
}

.header-50__wrapper,
.header-51__wrapper,
.header-52__wrapper,
.header-53__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 170px;
}

@media (max-width: 900px) {
  .header-50__wrapper,
  .header-51__wrapper,
  .header-52__wrapper,
  .header-53__wrapper {
    padding-top: 100px;
    flex-direction: column;
  }
}

.header-50__text_box,
.header-51__text_box,
.header-52__text_box,
.header-53__text_box {
  width: 50%;
}

@media (max-width: 900px) {
  .header-50__text_box,
  .header-51__text_box,
  .header-52__text_box,
  .header-53__text_box {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
  }
}

.header-50__video_box,
.header-51__video_box,
.header-52__video_box,
.header-53__video_box {
  overflow: hidden;
  width: 40%;
  border-radius: 10px;
}

@media (max-width: 900px) {
  .header-50__video_box,
  .header-51__video_box,
  .header-52__video_box,
  .header-53__video_box {
    width: 100%;
    max-width: 450px;
  }
}

.header-50__video,
.header-51__video,
.header-52__video,
.header-53__video {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  height: 210px;
  background-color: #303030;
}

.header-50__video iframe,
.header-51__video iframe,
.header-52__video iframe,
.header-53__video iframe {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.header-50__video .spinner,
.header-51__video .spinner,
.header-52__video .spinner,
.header-53__video .spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.header-50__heading,
.header-51__heading,
.header-52__heading,
.header-53__heading {
  margin-bottom: 30px;
}

.header-50__heading .emoji,
.header-51__heading .emoji,
.header-52__heading .emoji,
.header-53__heading .emoji {
  margin-left: 0.3em;
}

@media (max-width: 500px) {
  .header-50__buttons,
  .header-51__buttons,
  .header-52__buttons,
  .header-53__buttons {
    text-align: center;
  }

  .header-50__buttons .buttons-set__item,
  .header-51__buttons .buttons-set__item,
  .header-52__buttons .buttons-set__item,
  .header-53__buttons .buttons-set__item {
    display: block;
    margin: 0 0 15px 0;
  }

  .header-50__buttons .buttons-set__item:last-child,
  .header-51__buttons .buttons-set__item:last-child,
  .header-52__buttons .buttons-set__item:last-child,
  .header-53__buttons .buttons-set__item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .header-51__buttons .buttons-set__item {
    vertical-align: top;
    display: inline-block;
    width: auto;
    margin-left: 3px;
    margin-right: 3px;
  }
}

.header-50__text,
.header-51__text,
.header-52__text,
.header-53__text {
  margin-bottom: 40px;
  max-width: 420px;
}

@media (max-width: 900px) {
  .header-50__text,
  .header-51__text,
  .header-52__text,
  .header-53__text {
    margin-left: auto;
    margin-right: auto;
  }
}

.photos-01__images_row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.photos-01__person {
  width: 25%;
  min-width: 140px;
  font-size: 0;
}

@media (max-width: 340px) {
  .photos-01__person {
    margin-bottom: 20px;
  }

  .photos-01__person:last-child {
    margin-bottom: 0;
  }
}

.photos-01__image_box {
  position: relative;
  padding-bottom: 100%;
}

.photos-01__image {
  width: 100%;
  height: 100%;
  position: absolute;
  object-position: center;
  object-fit: cover;
}

.photos-01__link {
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}

.photos-01__link:hover {
  -webkit-filter: contrast(1.4);
  filter: contrast(1.4);
}

.photos-02__img_box {
  text-align: center;
}

.photos-02__img {
  max-width: 100%;
}

.photos-03__img_box {
  text-align: center;
}

.photos-03__img {
  max-width: 100%;
}

.roadmap-01 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.roadmap-01__title_box {
  margin-bottom: 100px;
  text-align: center;
}

.roadmap-01__container {
  overflow: hidden;
  position: relative;
}

.roadmap-01__wrapper {
  padding-right: 40px;
}

.body--desktop .roadmap-01__wrapper {
  overflow: hidden;
}

.body--mobile .roadmap-01__wrapper {
  overflow: auto;
}

.roadmap-01__box {
  width: 10000px;
  padding-left: 20%;
  padding-bottom: 40px;
}

.roadmap-01__box:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media (max-width: 1024px) {
  .roadmap-01__box {
    padding-left: 50px;
  }
}

.roadmap-01__link {
  margin-top: 70px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.roadmap-01__column {
  position: relative;
  float: left;
  width: 330px;
  padding: 20px 15px 40px;
  margin-right: 30px;
  border-radius: 4px;
  box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.3);
}