@import "https://myname.fm/smarty-chat-widget/css/smarty-chat-widget.css";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@layer base {
  .box-row,
  .box-col,
  .breadcrumbs__content,
  .layout-footer__top,
  .layout-footer__main,
  .layout-footer__nav,
  .layout-footer__contacts,
  .layout-footer__messengers,
  .layout-footer__messengers-phone,
  .layout-footer__bottom,
  .layout-footer__apps,
  .layout-footer__apps-link,
  .layout-footer__links,
  .layout-header__content,
  .layout-header__main,
  .layout-header__right,
  .layout-header__nav,
  .layout-header__nav-item-submenu-hover,
  .layout-header__nav-submenu-list,
  .layout-header__actions,
  .order-bot__content,
  .order-bot__info,
  .order-bot__contacts,
  .order-bot__contacts-phone,
  .order-bot__contacts-item,
  .order-bot__form-checkbox,
  .order-bot__form-checkbox-field,
  .order-bot__success,
  .phone-nav__content,
  .phone-nav__top,
  .phone-nav__bottom,
  .phone-nav__nav,
  .phone-nav__nav-item-submenu-hover,
  .phone-nav__nav-submenu-list,
  .phone-nav__contacts,
  .phone-nav__contacts-item,
  .phone-nav__messengers,
  .phone-nav__actions,
  .modal-content,
  .modal-content__block,
  .modal-content__block-content,
  .modal-content__top,
  .modal-content__review-top,
  .modal-content__tour-container,
  .modal-content__order-form,
  .modal-content__order-success,
  .modal-content__order-top,
  .modal-content__order-field,
  .modal-content__order-bottom,
  .modal-content__order-checkbox,
  .modal-content__order-checkbox-check,
  .modal-content__closed,
  .advantages__list,
  .advantages__item,
  .components__content,
  .components__steps,
  .components__steps-top,
  .components__steps-info,
  .components__steps-pages,
  .createBot__content,
  .constructor-top__content,
  .whatBots__content,
  .whatBots__top,
  .whatBots__messengers,
  .whatBots__messengers-links,
  .whatBots__bottom,
  .whatBots__info,
  .whatBots__list,
  .whatBots__item,
  .profitable__content,
  .profitable__list-row,
  .profitable__list-item,
  .profitable__phone-list,
  .profitable__phone-item:first-child,
  .solutions__list,
  .solutions__item,
  .spheres__content,
  .spheres__list,
  .spheres__item,
  .spheres__item-top,
  .core-top__content,
  .clients-section__content,
  .clients-section__brands,
  .order-section__content,
  .order-section__info,
  .order-section__contacts,
  .order-section__contacts-phone,
  .order-section__contacts-item,
  .order-section__form-checkbox,
  .order-section__form-checkbox-field,
  .order-section__success,
  .possibilities-section__content,
  .possibilities-section__info-text,
  .possibilities-section__info-pic,
  .possibilities-section__info-list,
  .possibilities-section__tab,
  .possibilities-section__tab-info,
  .possibilities-section__tab-pic,
  .products-section__content,
  .products-section__list,
  .products-section__link,
  .products-section__link-info,
  .products-section__link-logo,
  .products-section__link-overlay,
  .reviews-section__content,
  .reviews-section__slider-content,
  .reviews-section__slider-info,
  .reviews-section__slider-top,
  .reviews-section__nav,
  .main-top-section__content,
  .main-top-section__info,
  .main-top-section__info-options,
  .prices-desktop__label-content,
  .prices-desktop__info-content,
  .prices-desktop__info-top,
  .prices-desktop__item-content,
  .prices-desktop__item-info-hover,
  .prices-phone,
  .prices-phone__block-top,
  .prices-phone__block-info,
  .prices-phone__block-actions,
  .prices-phone__block-content,
  .prices-phone__block-options,
  .prices-phone__block-option,
  .anybots__list,
  .anybots__item,
  .anybots__item-slider,
  .anybots__item-slider-top,
  .anybots__item-slider-content,
  .anybots__item-slider-steps,
  .anybots__item-slider-options,
  .anybots__item-slider-options-item,
  .anybots__item-slider-pages,
  .anybots__item-info,
  .anybots__item-title,
  .smartybot-options__list,
  .smartybot-options__item,
  .smartybot-options__item-top,
  .cases__content,
  .smartybot-top__content,
  .smartybot-top__info,
  .tour__list,
  .tour__item,
  .tour__item-top,
  .tour__item-title,
  .tour__item-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .box-row,
  .breadcrumbs__content,
  .layout-footer__top,
  .layout-footer__main,
  .layout-footer__nav,
  .layout-footer__contacts,
  .layout-footer__messengers,
  .layout-footer__messengers-phone,
  .layout-footer__bottom,
  .layout-footer__apps,
  .layout-footer__apps-link,
  .layout-footer__links,
  .layout-header__content,
  .layout-header__main,
  .layout-header__right,
  .layout-header__nav,
  .layout-header__nav-item-submenu-hover,
  .layout-header__actions,
  .order-bot__content,
  .order-bot__contacts-item,
  .order-bot__form-checkbox,
  .order-bot__form-checkbox-field,
  .phone-nav__nav-item-submenu-hover,
  .phone-nav__contacts-item,
  .phone-nav__messengers,
  .modal-content,
  .modal-content__top,
  .modal-content__review-top,
  .modal-content__tour-container,
  .modal-content__order-top,
  .modal-content__order-bottom,
  .modal-content__order-checkbox,
  .modal-content__order-checkbox-check,
  .modal-content__closed,
  .advantages__list,
  .components__content,
  .components__steps-top,
  .components__steps-pages,
  .createBot__content,
  .whatBots__top,
  .whatBots__messengers-links,
  .whatBots__bottom,
  .whatBots__item,
  .profitable__list-row,
  .profitable__list-item,
  .profitable__phone-item:first-child,
  .solutions__list,
  .spheres__list,
  .spheres__item-top,
  .order-section__content,
  .order-section__contacts-item,
  .order-section__form-checkbox,
  .order-section__form-checkbox-field,
  .possibilities-section__content,
  .possibilities-section__info-pic,
  .possibilities-section__tab,
  .possibilities-section__tab-pic,
  .products-section__list,
  .products-section__link,
  .products-section__link-logo,
  .reviews-section__slider-top,
  .reviews-section__nav,
  .main-top-section__info,
  .main-top-section__info-options,
  .prices-desktop__item-content,
  .prices-desktop__item-info-hover,
  .prices-phone__block-option,
  .anybots__item,
  .anybots__item-slider-top,
  .anybots__item-slider-options,
  .anybots__item-slider-pages,
  .anybots__item-title,
  .smartybot-options__list,
  .smartybot-options__item-top,
  .cases__content,
  .smartybot-top__content,
  .tour__list,
  .tour__item-title,
  .tour__item-full {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .box-col,
  .layout-header__nav-submenu-list,
  .order-bot__info,
  .order-bot__contacts,
  .order-bot__contacts-phone,
  .order-bot__success,
  .phone-nav__content,
  .phone-nav__top,
  .phone-nav__bottom,
  .phone-nav__nav,
  .phone-nav__nav-submenu-list,
  .phone-nav__contacts,
  .phone-nav__actions,
  .modal-content__block,
  .modal-content__block-content,
  .modal-content__order-form,
  .modal-content__order-success,
  .modal-content__order-field,
  .advantages__item,
  .components__steps,
  .components__steps-info,
  .constructor-top__content,
  .whatBots__content,
  .whatBots__messengers,
  .whatBots__info,
  .whatBots__list,
  .profitable__content,
  .profitable__phone-list,
  .solutions__item,
  .spheres__content,
  .spheres__item,
  .core-top__content,
  .clients-section__content,
  .clients-section__brands,
  .order-section__info,
  .order-section__contacts,
  .order-section__contacts-phone,
  .order-section__success,
  .possibilities-section__info-text,
  .possibilities-section__info-list,
  .possibilities-section__tab-info,
  .products-section__content,
  .products-section__link-info,
  .products-section__link-overlay,
  .reviews-section__content,
  .reviews-section__slider-content,
  .reviews-section__slider-info,
  .main-top-section__content,
  .prices-desktop__label-content,
  .prices-desktop__info-content,
  .prices-desktop__info-top,
  .prices-phone,
  .prices-phone__block-top,
  .prices-phone__block-info,
  .prices-phone__block-actions,
  .prices-phone__block-content,
  .prices-phone__block-options,
  .anybots__list,
  .anybots__item-slider,
  .anybots__item-slider-content,
  .anybots__item-slider-steps,
  .anybots__item-slider-options-item,
  .anybots__item-info,
  .smartybot-options__item,
  .smartybot-top__info,
  .tour__item,
  .tour__item-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .box-wrap,
  .advantages__list,
  .solutions__list,
  .spheres__list,
  .products-section__list,
  .smartybot-options__list,
  .tour__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .space-between,
  .layout-footer__top,
  .layout-footer__bottom,
  .layout-header__content,
  .order-bot__content,
  .phone-nav__content,
  .modal-content__order-top,
  .modal-content__order-bottom,
  .advantages__item,
  .components__content,
  .createBot__content,
  .whatBots__bottom,
  .order-section__content,
  .products-section__list,
  .reviews-section__slider-content,
  .main-top-section__info,
  .prices-desktop__info-content,
  .prices-phone__block-top,
  .anybots__item-slider-steps,
  .anybots__item-slider-options,
  .smartybot-options__list,
  .cases__content,
  .tour__list,
  .tour__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .space-center,
  .advantages__list,
  .components__steps-pages,
  .solutions__list,
  .spheres__list,
  .reviews-section__nav,
  .anybots__item-slider-content.slide-2,
  .anybots__item-slider-content.slide-3,
  .anybots__item-slider-pages {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .space-end,
  .constructor-top__content,
  .anybots__item-slider-content.slide-1,
  .anybots__item-slider-content.slide-4 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .space-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .align-start,
  .anybots__item-slider-steps,
  .anybots__item-info,
  .smartybot-top__info,
  .tour__item-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .align-center,
  .breadcrumbs__content,
  .layout-footer__top,
  .layout-footer__main,
  .layout-footer__contacts,
  .layout-footer__bottom,
  .layout-header__content,
  .layout-header__main,
  .layout-header__right,
  .order-bot__contacts-item,
  .order-bot__form-checkbox,
  .order-bot__success,
  .phone-nav__nav-item-submenu-hover,
  .phone-nav__contacts-item,
  .modal-content__top,
  .modal-content__review-top,
  .modal-content__tour-container,
  .modal-content__order-success,
  .modal-content__order-bottom,
  .modal-content__order-checkbox,
  .components__content,
  .components__steps-top,
  .createBot__content,
  .constructor-top__content,
  .whatBots__top,
  .whatBots__item,
  .profitable__content,
  .profitable__list-item,
  .spheres__content,
  .spheres__item-top,
  .core-top__content,
  .clients-section__list-wrapper,
  .order-section__contacts-item,
  .order-section__form-checkbox,
  .order-section__success,
  .products-section__link-logo,
  .reviews-section__slider-top,
  .label .prices-desktop__item-content,
  .prices-phone__block-info,
  .prices-phone__block-actions,
  .prices-phone__block-option,
  .anybots__item,
  .anybots__item-slider-top,
  .anybots__item-slider-content,
  .anybots__item-title,
  .smartybot-options__item-top,
  .cases__content,
  .smartybot-top__content,
  .tour__item-title,
  .tour__item-full {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .align-end,
  .main-top-section__info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }

  .self-center,
  .reviews-section__slider-full {
    -ms-flex-item-align: center;
    align-self: center;
  }

  .self-end,
  .modal-content__block-content-closed,
  .anybots__item-slider-step:nth-of-type(even),
  .tour__item-full {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .self-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .align-middle,
  .layout-footer__apps-link,
  .order-bot__form-checkbox-field,
  .modal-content,
  .modal-content__order-checkbox-check,
  .modal-content__closed,
  .profitable__phone-item:first-child,
  .order-section__form-checkbox-field,
  .possibilities-section__info-pic,
  .possibilities-section__tab-pic,
  .products-section__link-overlay,
  .prices-desktop__label-content,
  .data .prices-desktop__item-content,
  .anybots__item-slider-options-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flex-auto,
  .phone-nav__contacts-item svg,
  .whatBots__item svg,
  .spheres__item-top svg,
  .anybots__item-slider,
  .smartybot-options__item-top svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .flex-full,
  .profitable__list-item.label,
  .anybots__item-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .relative {
    position: relative;
  }

  .full-height {
    height: 100%;
  }

  .full-width {
    width: 100%;
  }

  .wrapper-absolute,
  .phone-nav,
  .modal-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

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

  .blueButton,
  .modal-content__order-submit,
  .whatBots__info-link,
  .whatBots__info-link-phone,
  .profitable__order,
  .cell-1 .prices-desktop__info-link,
  .block-1 .prices-phone__block-link,
  .anybots__item-go-bot,
  .smartybot-top__link,
  .smartybot-top__link-phone {
    background-color: #358bd9;
    height: 54px;
    border-radius: 4px;
    color: #fff;
    padding: 0 20px;
    border: none;
    cursor: pointer;
  }

  .blueButton:hover,
  .modal-content__order-submit:hover,
  .whatBots__info-link:hover,
  .whatBots__info-link-phone:hover,
  .profitable__order:hover,
  .cell-1 .prices-desktop__info-link:hover,
  .block-1 .prices-phone__block-link:hover,
  .anybots__item-go-bot:hover,
  .smartybot-top__link:hover,
  .smartybot-top__link-phone:hover {
    background-color: #0047d2;
  }

  .blueButtonLink,
  .whatBots__info-link,
  .whatBots__info-link-phone,
  .profitable__order,
  .cell-1 .prices-desktop__info-link,
  .block-1 .prices-phone__block-link,
  .anybots__item-go-bot,
  .smartybot-top__link,
  .smartybot-top__link-phone {
    line-height: 54px;
    text-align: center;
  }

  .blueButtonLink:hover,
  .whatBots__info-link:hover,
  .whatBots__info-link-phone:hover,
  .profitable__order:hover,
  .cell-1 .prices-desktop__info-link:hover,
  .block-1 .prices-phone__block-link:hover,
  .anybots__item-go-bot:hover,
  .smartybot-top__link:hover,
  .smartybot-top__link-phone:hover {
    text-decoration: none;
  }

  .whiteButtonLink,
  .createBot__link,
  .core-top__anchor,
  .cell-2 .prices-desktop__info-link,
  .cell-3 .prices-desktop__info-link,
  .block-2 .prices-phone__block-link,
  .block-3 .prices-phone__block-link,
  .cases__link {
    background-color: #fff;
    height: 54px;
    border-radius: 4px;
    color: #000;
    padding: 0 20px;
    border: none;
    cursor: pointer;
    line-height: 54px;
    text-align: center;
  }

  .whiteButtonLink:hover,
  .createBot__link:hover,
  .core-top__anchor:hover,
  .cell-2 .prices-desktop__info-link:hover,
  .cell-3 .prices-desktop__info-link:hover,
  .block-2 .prices-phone__block-link:hover,
  .block-3 .prices-phone__block-link:hover,
  .cases__link:hover {
    text-decoration: none;
    background-color: #c3e2ff;
  }

  .pageTitle,
  .smartybot-top__title,
  .tour__title {
    font-size: 76px;
    line-height: 91px;
    font-weight: 400;
    color: #358bd9;
  }

  @media screen and (max-width: 1199px) {
    .pageTitle,
    .smartybot-top__title,
    .tour__title {
      font-size: 36px;
      line-height: 44px;
    }
  }

  .sectionTitle,
  .modal-content__order-title,
  .advantages__title,
  .components__title,
  .whatBots__title,
  .profitable__title,
  .solutions__title,
  .spheres__title,
  .core-top__title,
  .prices__title,
  .anybots__title,
  .smartybot-options__title {
    font-size: 56px;
    line-height: 67px;
    font-weight: 500;
  }

  @media screen and (max-width: 1199px) {
    .sectionTitle,
    .modal-content__order-title,
    .advantages__title,
    .components__title,
    .whatBots__title,
    .profitable__title,
    .solutions__title,
    .spheres__title,
    .core-top__title,
    .prices__title,
    .anybots__title,
    .smartybot-options__title {
      font-size: 36px;
      line-height: 43px;
    }
  }

  .tagItem {
    font-size: 12px;
    line-height: 16px;
    border-radius: 50px;
    border: 1px solid #b6b6b6;
    padding: 7px 14px;
  }

  .staticText,
  .advantages__item-desc,
  .whatBots__messengers-label,
  .solutions__item-desc,
  .core-top__desc,
  .smartybot-options__item-desc,
  .smartybot-top__desc {
    line-height: 22px;
  }

  .inputText {
    width: 100%;
    height: 50px;
    border: none;
    font-weight: 500;
    border-bottom: 1px solid #4a4a4a;
  }

  .inputText::-webkit-input-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .inputText:-moz-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .inputText::-moz-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .inputText:-ms-input-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .inputText:focus::-webkit-input-placeholder {
    opacity: 0;
  }

  .inputText:focus:-moz-placeholder {
    opacity: 0;
  }

  .inputText:focus::-moz-placeholder {
    opacity: 0;
  }

  .inputText:focus:-ms-input-placeholder {
    opacity: 0;
  }

  .inputText.error {
    color: #d83f3f;
    border-color: #d83f3f;
  }

  .inputText.error::-webkit-input-placeholder {
    color: #d83f3f;
  }

  .inputText.error:-moz-placeholder {
    color: #d83f3f;
  }

  .inputText.error::-moz-placeholder {
    color: #d83f3f;
  }

  .inputText.error:-ms-input-placeholder {
    color: #d83f3f;
  }

  .breadcrumbs__content {
    padding: 20px 0;
    font-size: 12px;
    line-height: 17px;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }

  @charset "UTF-8";

  /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
  :root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
  }

  .animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  .animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
  }

  .animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
  }

  .animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
  }

  .animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
  }

  .animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
  }

  .animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
  }

  .animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
  }

  .animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
  }

  .animate__animated.animate__faster {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
  }

  .animate__animated.animate__fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
  }

  .animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
  }

  .animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
  }

  @media (prefers-reduced-motion: reduce), print {
    .animate__animated {
      -webkit-animation-duration: 1ms !important;
      animation-duration: 1ms !important;
      -webkit-transition-duration: 1ms !important;
      transition-duration: 1ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
    }

    .animate__animated[class*="Out"] {
      opacity: 0;
    }
  }

  @-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0) scaleY(0.95);
      transform: translateZ(0) scaleY(0.95);
    }

    90% {
      -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
      transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
  }

  @keyframes bounce {
    0%,
    20%,
    53%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translateZ(0) scaleY(0.95);
      transform: translateZ(0) scaleY(0.95);
    }

    90% {
      -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
      transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
  }

  .animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  @-webkit-keyframes flash {
    0%,
    50%,
    to {
      opacity: 1;
    }

    25%,
    75% {
      opacity: 0;
    }
  }

  @keyframes flash {
    0%,
    50%,
    to {
      opacity: 1;
    }

    25%,
    75% {
      opacity: 0;
    }
  }

  .animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash;
  }

  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  @keyframes pulse {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  .animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  @-webkit-keyframes rubberBand {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }

    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }

    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }

    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
    }

    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }

    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  @keyframes rubberBand {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }

    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }

    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }

    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
    }

    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
    }

    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  .animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
  }

  @-webkit-keyframes shakeX {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  @keyframes shakeX {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  .animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
  }

  @-webkit-keyframes shakeY {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }
  }

  @keyframes shakeY {
    0%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }
  }

  .animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
  }

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

    6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
    }

    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

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

    6.5% {
      -webkit-transform: translateX(-6px) rotateY(-9deg);
      transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
      -webkit-transform: translateX(5px) rotateY(7deg);
      transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
      -webkit-transform: translateX(-3px) rotateY(-5deg);
      transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
      -webkit-transform: translateX(2px) rotateY(3deg);
      transform: translateX(2px) rotateY(3deg);
    }

    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  .animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
  }

  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
    }

    40% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }

    60% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
    }

    80% {
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }

    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  @keyframes swing {
    20% {
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
    }

    40% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }

    60% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
    }

    80% {
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }

    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }

  .animate__swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
  }

  @-webkit-keyframes tada {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  @keyframes tada {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    10%,
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  .animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }

  @-webkit-keyframes wobble {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
      transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
      transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
      transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
      transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
      transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes wobble {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
      transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
      transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
      transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
      transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
      transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
  }

  @-webkit-keyframes jello {
    0%,
    11.1%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }

  @keyframes jello {
    0%,
    11.1%,
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }

  .animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  @-webkit-keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    14% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    28% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }

    70% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  .animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  @-webkit-keyframes backInDown {
    0% {
      -webkit-transform: translateY(-1200px) scale(0.7);
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes backInDown {
    0% {
      -webkit-transform: translateY(-1200px) scale(0.7);
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  .animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
  }

  @-webkit-keyframes backInLeft {
    0% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes backInLeft {
    0% {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  .animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
  }

  @-webkit-keyframes backInRight {
    0% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes backInRight {
    0% {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  .animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
  }

  @-webkit-keyframes backInUp {
    0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes backInUp {
    0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
    }

    80% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }

  .animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
  }

  @-webkit-keyframes backOutDown {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateY(700px) scale(0.7);
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
    }
  }

  @keyframes backOutDown {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateY(700px) scale(0.7);
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
    }
  }

  .animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
  }

  @-webkit-keyframes backOutLeft {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
    }
  }

  @keyframes backOutLeft {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateX(-2000px) scale(0.7);
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
    }
  }

  .animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
  }

  @-webkit-keyframes backOutRight {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
    }
  }

  @keyframes backOutRight {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateX(0) scale(0.7);
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateX(2000px) scale(0.7);
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
    }
  }

  .animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
  }

  @-webkit-keyframes backOutUp {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateY(-700px) scale(0.7);
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
    }
  }

  @keyframes backOutUp {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    20% {
      -webkit-transform: translateY(0) scale(0.7);
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }

    to {
      -webkit-transform: translateY(-700px) scale(0.7);
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
    }
  }

  .animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
  }

  @-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  @keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
  }

  .animate__bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }

  @-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
      transform: translate3d(0, -3000px, 0) scaleY(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
      transform: translate3d(0, 25px, 0) scaleY(0.9);
    }

    75% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
      transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
      -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
      transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
      transform: translate3d(0, -3000px, 0) scaleY(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
      transform: translate3d(0, 25px, 0) scaleY(0.9);
    }

    75% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
      transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
      -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
      transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }

  @-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }

  @-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }

  @-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
  }

  @-webkit-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }

  @keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }

  .animate__bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
  }

  @-webkit-keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
      transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
      transform: translate3d(0, 2000px, 0) scaleY(3);
    }
  }

  @keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
      transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
      transform: translate3d(0, 2000px, 0) scaleY(3);
    }
  }

  .animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
  }

  @-webkit-keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
      transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
      transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
  }

  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
      transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
      transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
  }

  .animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
  }

  @-webkit-keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
      transform: translate3d(2000px, 0, 0) scaleX(2);
    }
  }

  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
      transform: translate3d(2000px, 0, 0) scaleX(2);
    }
  }

  .animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
  }

  @-webkit-keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
      transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
      transform: translate3d(0, 20px, 0) scaleY(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
      transform: translate3d(0, -2000px, 0) scaleY(3);
    }
  }

  @keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
      transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
      transform: translate3d(0, 20px, 0) scaleY(0.9);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
      transform: translate3d(0, -2000px, 0) scaleY(3);
    }
  }

  .animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }

  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }

  @-webkit-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
  }

  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }

  @-webkit-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }

  @-webkit-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
  }

  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
  }

  @-webkit-keyframes fadeInTopLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInTopLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
  }

  @-webkit-keyframes fadeInTopRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInTopRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
  }

  @-webkit-keyframes fadeInBottomLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInBottomLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
  }

  @-webkit-keyframes fadeInBottomRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes fadeInBottomRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
  }

  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }

  @-webkit-keyframes fadeOutDown {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes fadeOutDown {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  .animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
  }

  @-webkit-keyframes fadeOutDownBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }

  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }

  .animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
  }

  @-webkit-keyframes fadeOutLeft {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  .animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
  }

  @-webkit-keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }

  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }

  .animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
  }

  @-webkit-keyframes fadeOutRight {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes fadeOutRight {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  .animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
  }

  @-webkit-keyframes fadeOutRightBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }

  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }

  .animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
  }

  @-webkit-keyframes fadeOutUp {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  @keyframes fadeOutUp {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  .animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
  }

  @-webkit-keyframes fadeOutUpBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }

  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }

  .animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
  }

  @-webkit-keyframes fadeOutTopLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
    }
  }

  @keyframes fadeOutTopLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, -100%, 0);
      transform: translate3d(-100%, -100%, 0);
    }
  }

  .animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
  }

  @-webkit-keyframes fadeOutTopRight {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
    }
  }

  @keyframes fadeOutTopRight {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, -100%, 0);
      transform: translate3d(100%, -100%, 0);
    }
  }

  .animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
  }

  @-webkit-keyframes fadeOutBottomRight {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
    }
  }

  @keyframes fadeOutBottomRight {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 100%, 0);
      transform: translate3d(100%, 100%, 0);
    }
  }

  .animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
  }

  @-webkit-keyframes fadeOutBottomLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
    }
  }

  @keyframes fadeOutBottomLeft {
    0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 100%, 0);
      transform: translate3d(-100%, 100%, 0);
    }
  }

  .animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
  }

  @-webkit-keyframes flip {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
        rotateY(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
        rotateY(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
        rotateY(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
        translateZ(0) rotateY(0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
        rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
        rotateY(0deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }

  @keyframes flip {
    0% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
        rotateY(-1turn);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    40% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
        rotateY(-190deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    50% {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
        rotateY(-170deg);
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
        translateZ(0) rotateY(0deg);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
        rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    to {
      -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
        rotateY(0deg);
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }

  .animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
  }

  @-webkit-keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotateX(-5deg);
      transform: perspective(400px) rotateX(-5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  @keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotateX(-5deg);
      transform: perspective(400px) rotateX(-5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  .animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }

  @-webkit-keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  @keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg);
    }

    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }

  .animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
  }

  @-webkit-keyframes flipOutX {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutX {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotateX(-20deg);
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
    }
  }

  .animate__flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }

  @-webkit-keyframes flipOutY {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotateY(-15deg);
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutY {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }

    30% {
      -webkit-transform: perspective(400px) rotateY(-15deg);
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
    }

    to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
    }
  }

  .animate__flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
  }

  @-webkit-keyframes lightSpeedInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }

    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes lightSpeedInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }

    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @-webkit-keyframes lightSpeedInLeft {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
    }

    60% {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: skewX(5deg);
      transform: skewX(5deg);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes lightSpeedInLeft {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
    }

    60% {
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      opacity: 1;
    }

    80% {
      -webkit-transform: skewX(5deg);
      transform: skewX(5deg);
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  @-webkit-keyframes lightSpeedOutRight {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }

  @keyframes lightSpeedOutRight {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }

  .animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  @-webkit-keyframes lightSpeedOutLeft {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  }

  @keyframes lightSpeedOutLeft {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  }

  .animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  @-webkit-keyframes rotateIn {
    0% {
      -webkit-transform: rotate(-200deg);
      transform: rotate(-200deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  @keyframes rotateIn {
    0% {
      -webkit-transform: rotate(-200deg);
      transform: rotate(-200deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  .animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  @-webkit-keyframes rotateInDownLeft {
    0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  @keyframes rotateInDownLeft {
    0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  .animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  @-webkit-keyframes rotateInDownRight {
    0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  @keyframes rotateInDownRight {
    0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  .animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }

  @-webkit-keyframes rotateInUpLeft {
    0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  @keyframes rotateInUpLeft {
    0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  .animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  @-webkit-keyframes rotateInUpRight {
    0% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  @keyframes rotateInUpRight {
    0% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
  }

  .animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }

  @-webkit-keyframes rotateOut {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(200deg);
      transform: rotate(200deg);
      opacity: 0;
    }
  }

  @keyframes rotateOut {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(200deg);
      transform: rotate(200deg);
      opacity: 0;
    }
  }

  .animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  @-webkit-keyframes rotateOutDownLeft {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutDownLeft {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 0;
    }
  }

  .animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  @-webkit-keyframes rotateOutDownRight {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutDownRight {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
    }
  }

  .animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }

  @-webkit-keyframes rotateOutUpLeft {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutUpLeft {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      opacity: 0;
    }
  }

  .animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  @-webkit-keyframes rotateOutUpRight {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0;
    }
  }

  @keyframes rotateOutUpRight {
    0% {
      opacity: 1;
    }

    to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0;
    }
  }

  .animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }

  @-webkit-keyframes hinge {
    0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    20%,
    60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    40%,
    80% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }

  @keyframes hinge {
    0% {
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    20%,
    60% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }

    40%,
    80% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }

    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }

  .animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
  }

  @-webkit-keyframes jackInTheBox {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }

    50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }

    70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
    }

    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes jackInTheBox {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.1) rotate(30deg);
      transform: scale(0.1) rotate(30deg);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
    }

    50% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
    }

    70% {
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg);
    }

    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  .animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
  }

  @-webkit-keyframes rollIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
      transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes rollIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
      transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
  }

  @-webkit-keyframes rollOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
      transform: translate3d(100%, 0, 0) rotate(120deg);
    }
  }

  @keyframes rollOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
      transform: translate3d(100%, 0, 0) rotate(120deg);
    }
  }

  .animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
  }

  @-webkit-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
      opacity: 1;
    }
  }

  .animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  }

  @-webkit-keyframes zoomInDown {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInDown {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
  }

  @-webkit-keyframes zoomInLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
  }

  @-webkit-keyframes zoomInRight {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInRight {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
  }

  @-webkit-keyframes zoomInUp {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomInUp {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
  }

  @-webkit-keyframes zoomOut {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
      opacity: 0;
    }
  }

  @keyframes zoomOut {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
      opacity: 0;
    }
  }

  .animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
  }

  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
  }

  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
  }

  .animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }

  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
    }
  }

  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
    }
  }

  .animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }

  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }

  .animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  @-webkit-keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }

  @-webkit-keyframes slideInLeft {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes slideInLeft {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
  }

  @-webkit-keyframes slideInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes slideInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
  }

  @-webkit-keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  @keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }

  .animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }

  @-webkit-keyframes slideOutDown {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  @keyframes slideOutDown {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }

  .animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
  }

  @-webkit-keyframes slideOutLeft {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  @keyframes slideOutLeft {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  .animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
  }

  @-webkit-keyframes slideOutRight {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  @keyframes slideOutRight {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }

  .animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
  }

  @-webkit-keyframes slideOutUp {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  @keyframes slideOutUp {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }

  .animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }

  /**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

  @font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
  }

  :root {
    --swiper-theme-color: #007aff;
  }

  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
  }

  .swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .swiper-android .swiper-slide,
  .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

  .swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  }

  .swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
  }

  .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }

  .swiper-slide-invisible-blank {
    visibility: hidden;
  }

  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }

  .swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
  }

  .swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .swiper-3d,
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
  }

  .swiper-3d .swiper-cube-shadow,
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }

  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }

  .swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(
      linear,
      right top,
      left top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0))
    );
    background-image: linear-gradient(
      to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }

  .swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0))
    );
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }

  .swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0))
    );
    background-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }

  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0))
    );
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }

  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }

  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }

  .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
  }

  .swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
  }

  .swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
  }

  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }

  .swiper-centered.swiper-vertical
    > .swiper-wrapper
    > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
  }

  .swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }

  .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }

  .swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }

  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }

  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }

  :root {
    --swiper-navigation-size: 44px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }

  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-button-next.swiper-button-hidden,
  .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-navigation-disabled .swiper-button-next,
  .swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }

  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }

  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: "prev";
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }

  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: "next";
  }

  .swiper-button-lock {
    display: none;
  }

  .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }

  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }

  .swiper-pagination-disabled > .swiper-pagination,
  .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }

  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
  }

  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
  }

  .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
  }

  .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
  }

  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }

  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }

  .swiper-pagination-bullet:only-child {
    display: none !important;
  }

  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }

  .swiper-pagination-vertical.swiper-pagination-bullets,
  .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
  }

  .swiper-pagination-vertical.swiper-pagination-bullets
    .swiper-pagination-bullet,
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
  }

  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
  .swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top;
  }

  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

  .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    -webkit-transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left;
  }

  .swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    -webkit-transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right;
  }

  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
  }

  .swiper-rtl
    .swiper-pagination-progressbar
    .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
  }

  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  .swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }

  .swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }

  .swiper-pagination-lock {
    display: none;
  }

  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }

  .swiper-scrollbar-disabled > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }

  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }

  .swiper-scrollbar.swiper-scrollbar-vertical,
  .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }

  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
  }

  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }

  .swiper-scrollbar-lock {
    display: none;
  }

  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .swiper-zoom-container > canvas,
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .swiper-slide-zoomed {
    cursor: move;
  }

  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }

  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
  }

  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }

  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }

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

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

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

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

  .swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }

  .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
  }

  .swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }

  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper-cube {
    overflow: visible;
  }

  .swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }

  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-next,
  .swiper-cube .swiper-slide-next + .swiper-slide,
  .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube .swiper-slide-shadow-bottom,
  .swiper-cube .swiper-slide-shadow-left,
  .swiper-cube .swiper-slide-shadow-right,
  .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }

  .swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
  }

  .swiper-flip {
    overflow: visible;
  }

  .swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }

  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }

  .swiper-flip .swiper-slide-active,
  .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }

  .swiper-flip .swiper-slide-shadow-bottom,
  .swiper-flip .swiper-slide-shadow-left,
  .swiper-flip .swiper-slide-shadow-right,
  .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
  }

  .swiper-cards {
    overflow: visible;
  }

  .swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  }

  * {
    margin: 0;
    padding: 0;
  }

  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  html {
    height: 100%;
    min-height: 100%;
    scroll-behavior: smooth;
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }

  body {
    font: 16px "Inter", Tahoma, sans-serif;
    height: 100%;
    color: #373737;
    line-height: 1;
    min-height: 100vh;
    overflow-x: hidden;
  }

  body.noScroll {
    overflow: hidden;
  }

  body.noScroll:not(.isTouch) {
    padding-right: 17px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }

  a {
    color: #373737;
    text-decoration: none;
  }

  @media screen and (min-width: 1200px) {
    a:hover {
      text-decoration: underline;
    }
  }

  ul,
  li {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  p {
    margin: 0;
  }

  img {
    border: none;
    max-width: 100%;
    height: auto;
  }

  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }

  input,
  textarea,
  select,
  button {
    outline: none;
    vertical-align: middle;
    font-family: "Inter";
    font-size: 16px;
    color: #373737;
  }

  .layout-body {
    height: 100vh;
    min-height: 100vh;
  }

  .content-wrapper {
    min-width: 375px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden;
  }

  @media screen and (max-width: 1199px) {
    .content-wrapper {
      padding-top: 70px;
    }
  }

  .content-center {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .layout-footer {
    min-width: 375px;
    overflow: hidden;
    background-color: #303030;
    color: #fff;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer .content-center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }

  .layout-footer a {
    color: #fff;
  }

  .layout-footer__top {
    padding: 29px 0 24px;
  }

  @media screen and (min-width: 1200px) {
    .layout-footer__top {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 40px 0 27px;
      row-gap: 54px;
    }
  }

  .layout-footer__main {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 54px;
    }
  }

  .layout-footer__nav {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      row-gap: 40px;
    }
  }

  .layout-footer__nav-link {
    font-weight: 500;
    line-height: 20px;
  }

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

  .layout-footer__contacts {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__contacts {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 54px;
    }
  }

  .layout-footer__phone {
    font-weight: 500;
    line-height: 20px;
  }

  .layout-footer__phone:hover {
    text-decoration: none;
  }

  @media screen and (min-width: 1200px) {
    .layout-footer__qr-pic {
      width: 60px;
    }
  }

  .layout-footer__messengers {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__messengers {
      display: none;
    }
  }

  .layout-footer__messengers-phone {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  @media screen and (min-width: 1200px) {
    .layout-footer__messengers-phone {
      display: none;
    }
  }

  .layout-footer__messengers-phone svg {
    width: 40px;
    height: 40px;
  }

  .layout-footer__bottom {
    padding: 24px 0 29px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 27px 0 12px;
      row-gap: 54px;
    }
  }

  .layout-footer__apps {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__apps {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 20px;
    }
  }

  .layout-footer__apps-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 112px;
    flex: 0 0 112px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    position: relative;
    cursor: pointer;
  }

  @media screen and (min-width: 1200px) {
    .layout-footer__apps-link:hover {
      border-color: #2697ff;
    }
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__apps-link {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41px;
      flex: 0 0 41px;
      width: 144px;
    }

    .layout-footer__apps-link svg {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
  }

  .layout-footer__apps-qr {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 90px;
    top: -82px;
    z-index: 2;
  }

  .layout-footer__apps-link:not(:hover) .layout-footer__apps-qr {
    display: none;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__apps-qr {
      display: none;
    }
  }

  .layout-footer__links {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__links {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 24px;
    }
  }

  .layout-footer__links-link {
    line-height: 20px;
  }

  .layout-footer__api {
    text-align: center;
    font-size: 14px;
    line-height: 17px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__api {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      padding: 12px 0 40px;
    }
  }

  .layout-footer__copypight {
    padding: 16px 0 40px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
  }

  @media screen and (max-width: 1199px) {
    .layout-footer__copypight {
      padding: 12px 0;
      font-size: 16px;
      line-height: 20px;
    }
  }

  @media screen and (max-width: 1199px) {
    .layout-header {
      position: fixed;
      z-index: 10;
      width: 100%;
      left: 0;
      top: 0;
      background-color: #fff;
    }

    .layout-header.sticky {
      -webkit-box-shadow: 0px 1px 14px 0px rgba(22, 23, 57, 0.25);
      box-shadow: 0px 1px 14px 0px rgba(22, 23, 57, 0.25);
    }
  }

  .layout-header__content {
    height: 102px;
  }

  @media screen and (min-width: 1200px) {
    .layout-header__content {
      border-bottom: 1px solid #ccc;
    }
  }

  @media screen and (max-width: 1199px) {
    .layout-header__content {
      height: 70px;
      -webkit-transition: height 200ms;
      transition: height 200ms;
    }

    .sticky .layout-header__content {
      height: 60px;
    }
  }

  @media screen and (max-width: 1199px) {
    .layout-header__right {
      display: none;
    }
  }

  @media screen and (min-width: 1200px) {
    .layout-header__burger {
      display: none;
    }
  }

  .layout-header__nav {
    margin-left: 60px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    position: relative;
    z-index: 2;
  }

  @media screen and (max-width: 1199px) {
    .layout-header__nav {
      display: none;
    }
  }

  .layout-header__nav-item {
    position: relative;
  }

  .layout-header__nav-item-submenu-hover {
    cursor: pointer;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
  }

  .layout-header__nav-item-submenu-hover svg {
    fill: #373737;
  }

  .layout-header__nav-item:hover svg {
    fill: #0066c4;
  }

  .layout-header__nav-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }

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

  .layout-header__nav-item:hover .layout-header__nav-link {
    color: #0066c4;
  }

  .layout-header__nav-submenu {
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    position: absolute;
    left: 0;
    top: 15px;
    padding-top: 12px;
    min-width: 203px;
  }

  .item-about:not(:hover) .layout-header__nav-submenu {
    display: none;
  }

  .layout-header__nav-submenu-list {
    row-gap: 16px;
    padding: 20px;
    background-color: #e8f4ff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 44px 64px -40px rgba(71, 85, 133, 0.16);
    box-shadow: 0px 44px 64px -40px rgba(71, 85, 133, 0.16);
  }

  .layout-header__nav-submenu-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }

  .layout-header__nav-submenu-link:hover {
    text-decoration: none;
  }

  .layout-header__actions {
    margin-right: 40px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .layout-header__actions-link {
    width: 120px;
    height: 31px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 70px;
  }

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

  .layout-header__actions-link.registration {
    color: #0066c4;
    background-color: #e1f1ff;
  }

  .layout-header__actions-link.login {
    color: #4c4c4c;
    background-color: #ffebd3;
  }

  .layout-header__phone {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
  }

  .layout-header__phone:hover {
    text-decoration: none;
  }

  .order-bot {
    padding: 120px 0 80px;
  }

  @media screen and (max-width: 1199px) {
    .order-bot {
      padding: 60px 0 50px;
    }
  }

  @media screen and (max-width: 1199px) {
    .order-bot__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 40px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }

  @media screen and (min-width: 1200px) {
    .order-bot__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 600px;
      flex: 0 0 600px;
    }
  }

  .order-bot__desc {
    line-height: 20px;
    font-weight: 500;
    margin: 16px 0 60px;
  }

  @media screen and (max-width: 1199px) {
    .order-bot__desc {
      line-height: 22px;
      margin: 7px 0 0;
    }
  }

  .order-bot__contacts {
    row-gap: 20px;
  }

  @media screen and (max-width: 1199px) {
    .order-bot__contacts {
      display: none;
    }
  }

  .order-bot__contacts-phone {
    row-gap: 20px;
    width: 335px;
  }

  @media screen and (min-width: 1200px) {
    .order-bot__contacts-phone {
      display: none;
    }
  }

  .order-bot__contacts-item {
    font-weight: 500;
    line-height: 20px;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
  }

  @media screen and (min-width: 1200px) {
    .order-bot__order {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 350px;
      flex: 0 0 350px;
    }
  }

  @media screen and (max-width: 1199px) {
    .order-bot__order {
      width: 335px;
    }
  }

  .order-bot__form:not(.active) {
    display: none;
  }

  .order-bot__form-field {
    margin-bottom: 15px;
  }

  .order-bot__form-checkbox {
    margin: 24px 0;
    font-weight: 500;
    line-height: 19px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .order-bot__form-checkbox input {
    display: none;
  }

  .order-bot__form-checkbox-field {
    cursor: pointer;
    width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
  }

  input:checked + .order-bot__form-checkbox-field {
    background-color: #0066c4;
    border-color: #0066c4;
  }

  .order-bot__form-checkbox-field svg {
    width: 14px;
    height: 14px;
  }

  input.error + .order-bot__form-checkbox-field {
    border-color: #d83f3f;
  }

  .order-bot__success {
    row-gap: 12px;
    text-align: center;
    line-height: 19px;
  }

  .order-bot__success:not(.active) {
    display: none;
  }

  .order-bot__success-title {
    font-size: 32px;
    line-height: 32px;
  }

  .phone-nav {
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
  }

  .phone-nav:not(.active) {
    display: none;
  }

  .phone-nav__panel {
    height: 100%;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    padding: 50px 10px 26px 40px;
    width: 300px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
  }

  .phone-nav__content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    line-height: 17px;
    row-gap: 30px;
    padding-right: 30px;
  }

  .phone-nav__top {
    row-gap: 30px;
  }

  .phone-nav__bottom {
    row-gap: 40px;
  }

  .phone-nav__title {
    font-size: 36px;
    line-height: 44px;
    color: #358bd9;
  }

  .phone-nav__nav {
    row-gap: 24px;
  }

  .phone-nav__nav-item-submenu-hover {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }

  .phone-nav__nav-item-submenu-hover svg {
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
    fill: #373737;
  }

  .open .phone-nav__nav-item-submenu-hover svg {
    fill: #0066c4;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .phone-nav__nav-item.item-about {
    overflow: hidden;
  }

  .phone-nav__nav-link {
    color: #000;
    font-weight: 500;
  }

  .open .phone-nav__nav-link {
    color: #0066c4;
  }

  .phone-nav__nav-submenu {
    padding: 24px 0 0 24px;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
  }

  .item-about:not(.open) .phone-nav__nav-submenu {
    display: none;
  }

  .phone-nav__nav-submenu-list {
    row-gap: 20px;
  }

  .phone-nav__nav-submenu-link {
    color: #000;
  }

  .phone-nav__contacts {
    row-gap: 20px;
  }

  .phone-nav__contacts-item {
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #000;
  }

  .phone-nav__messengers {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .phone-nav__actions {
    row-gap: 16px;
  }

  .phone-nav__actions-link {
    height: 41px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 70px;
  }

  .phone-nav__actions-link.registration {
    color: #0066c4;
    background-color: #e1f1ff;
  }

  .phone-nav__actions-link.login {
    color: #4c4c4c;
    background-color: #ffebd3;
  }

  .phone-nav__closed {
    position: absolute;
    top: 60px;
    right: 40px;
  }

  .modal-content {
    position: fixed;
    z-index: 100;
    background: rgba(0, 23, 44, 0.5);
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
  }

  .modal-content__block {
    position: relative;
    max-width: 1150px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    padding: 35px 10px 35px 50px;
    color: #303030;
    font-size: 18px;
    line-height: 26px;
    max-height: calc(100% - 40px);
    overflow: hidden;
  }

  @media screen and (min-width: 1200px) {
    .modal-content__block.tour-block:before {
      content: "";
      position: absolute;
      width: 185px;
      height: 185px;
      border-radius: 50%;
      background-color: #7892f0;
      top: 223px;
      right: 136px;
      z-index: -1;
      -webkit-filter: blur(181px);
      filter: blur(181px);
    }
  }

  @media screen and (max-width: 1199px) {
    .modal-content__block {
      width: calc(100% - 40px);
      max-height: calc(100% - 80px);
      padding: 24px 10px 24px 24px;
      font-size: 14px;
      line-height: 18px;
    }

    .modal-content__block.tooltip {
      border-radius: 10px;
      background-color: #e8f4ff;
      padding: 20px;
      line-height: 17px;
      color: #373737;
      font-weight: 500;
    }
  }

  .modal-content__block-content {
    row-gap: 30px;
    padding-right: 40px;
    overflow-y: auto;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__block-content {
      row-gap: 20px;
      padding-right: 14px;
    }

    .tooltip .modal-content__block-content {
      row-gap: 16px;
      padding-right: 0;
    }
  }

  .modal-content__block-content.review {
    row-gap: 11px;
  }

  @media screen and (min-width: 1200px) {
    .modal-content__block-content.order {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }

  .modal-content__block-content-closed {
    color: #358bd9;
  }

  .modal-content__top {
    -webkit-column-gap: 19px;
    -moz-column-gap: 19px;
    column-gap: 19px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #3f5360;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__top {
      font-size: 16px;
      line-height: 22px;
      -webkit-column-gap: 12px;
      -moz-column-gap: 12px;
      column-gap: 12px;
    }

    .modal-content__top svg {
      width: 40px;
      height: 40px;
    }
  }

  .modal-content__subtitle {
    font-size: 24px;
    line-height: 34px;
  }

  .modal-content__subtitle:empty {
    display: none;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__subtitle {
      font-size: 16px;
      line-height: 22px;
    }
  }

  @media screen and (min-width: 1200px) {
    .tour-6 .modal-content__subtitle {
      padding-right: 430px;
    }

    .tour-7 .modal-content__subtitle:last-child {
      padding: 0 430px 115px 0;
    }
  }

  .modal-content__desc:empty {
    display: none;
  }

  .modal-content__desc i {
    font-style: normal;
    background-color: #ceeaff;
    border-radius: 10px;
    padding: 0 5px;
  }

  @media screen and (min-width: 1200px) {
    .tour-4 .modal-content__desc,
    .tour-5 .modal-content__desc,
    .tour-6 .modal-content__desc,
    .tour-7 .modal-content__desc {
      padding-right: 430px;
    }

    .tour-7 .modal-content__desc {
      margin: 50px 0 20px;
    }
  }

  .modal-content__list {
    padding-left: 20px;
    position: relative;
    z-index: 2;
  }

  .modal-content__list:empty {
    display: none;
  }

  .modal-content__list ul,
  .modal-content__list li {
    list-style-type: disc;
  }

  .modal-content__list li:not(:last-child) {
    margin-bottom: 10px;
  }

  .modal-content__list li i {
    font-style: normal;
    background-color: #ceeaff;
    border-radius: 10px;
    padding: 0 5px;
  }

  .modal-content__review-top {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #ff6b00;
  }

  .modal-content__review-position {
    font-size: 14px;
    line-height: 20px;
    color: #787878;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__review-position {
      font-size: 12px;
      line-height: 14px;
    }
  }

  .modal-content__review-desc {
    font-size: 16px;
    line-height: 25px;
    color: #000;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__review-desc {
      font-size: 14px;
      line-height: 21px;
    }
  }

  .modal-content__tour-container {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    position: relative;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__tour-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .modal-content__block-content:not(.tour-14)
      .modal-content__tour-container
      img,
    .modal-content__block-content:not(.tour-14)
      .modal-content__tour-container
      picture {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1;
    }
  }

  @media screen and (min-width: 1200px) {
    .tour-2 .modal-content__tour-container {
      padding-right: 430px;
    }

    .tour-2 .modal-content__tour-container img {
      position: absolute;
      right: 0;
      top: -150px;
    }

    .tour-4 .modal-content__tour-container {
      padding-right: 430px;
    }

    .tour-4 .modal-content__tour-container img {
      position: absolute;
      right: 0;
      top: -380px;
    }

    .tour-5 .modal-content__tour-container {
      padding: 0 430px 85px 0;
    }

    .tour-5 .modal-content__tour-container img {
      position: absolute;
      right: 0;
      top: -165px;
    }

    .tour-6 .modal-content__tour-container {
      padding-bottom: 230px;
    }

    .tour-6 .modal-content__tour-container img {
      position: absolute;
      right: 0;
      top: -380px;
    }

    .tour-7 .modal-content__tour-container {
      padding: 0 430px 30px 0;
    }

    .tour-7 .modal-content__tour-container img {
      position: absolute;
      right: 0;
      top: -230px;
    }
  }

  .modal-content__order-form {
    row-gap: 30px;
  }

  .modal-content__order-form:not(.active) {
    display: none;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__order-form {
      row-gap: 24px;
    }
  }

  .modal-content__order-success {
    row-gap: 12px;
    text-align: center;
    line-height: 19px;
  }

  .modal-content__order-success:not(.active) {
    display: none;
  }

  .modal-content__order-success-title {
    font-size: 32px;
    line-height: 32px;
  }

  .modal-content__order-title {
    color: #373737;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__order-title {
      font-size: 24px;
      line-height: 29px;
      padding-right: 50px;
    }
  }

  @media screen and (max-width: 1199px) {
    .modal-content__order-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 24px;
    }
  }

  @media screen and (min-width: 1200px) {
    .modal-content__order-top label {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
      flex: 0 0 500px;
    }
  }

  .modal-content__order-field {
    row-gap: 5px;
  }

  .modal-content__order-field-label {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
  }

  .modal-content__order-field-input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    font-size: 14px;
    font-weight: 500;
  }

  .modal-content__order-field-input::-webkit-input-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-input:-moz-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-input::-moz-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-input:-ms-input-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-input:focus::-webkit-input-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-input:focus:-moz-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-input:focus::-moz-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-input:focus:-ms-input-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-input.error {
    color: #d83f3f;
    border-color: #d83f3f;
  }

  .modal-content__order-field-input.error::-webkit-input-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-input.error:-moz-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-input.error::-moz-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-input.error:-ms-input-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-textarea {
    width: 100%;
    height: 100px;
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    font-size: 14px;
    font-weight: 500;
    resize: none;
  }

  .modal-content__order-field-textarea::-webkit-input-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-textarea:-moz-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-textarea::-moz-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-textarea:-ms-input-placeholder {
    color: #373737;
    opacity: 0.6;
  }

  .modal-content__order-field-textarea:focus::-webkit-input-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-textarea:focus:-moz-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-textarea:focus::-moz-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-textarea:focus:-ms-input-placeholder {
    opacity: 0;
  }

  .modal-content__order-field-textarea.error {
    color: #d83f3f;
    border-color: #d83f3f;
  }

  .modal-content__order-field-textarea.error::-webkit-input-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-textarea.error:-moz-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-textarea.error::-moz-placeholder {
    color: #d83f3f;
  }

  .modal-content__order-field-textarea.error:-ms-input-placeholder {
    color: #d83f3f;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__order-bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 24px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
    }
  }

  .modal-content__order-checkbox {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .modal-content__order-checkbox input {
    display: none;
  }

  .modal-content__order-checkbox-check {
    cursor: pointer;
    width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
  }

  input:checked + .modal-content__order-checkbox-check {
    background-color: #0066c4;
    border-color: #0066c4;
  }

  .modal-content__order-checkbox-check svg {
    width: 14px;
    height: 14px;
  }

  input.error + .modal-content__order-checkbox-check {
    border-color: #d83f3f;
  }

  .modal-content__order-submit {
    width: 350px;
  }

  @media screen and (max-width: 1199px) {
    .modal-content__order-submit {
      width: 100%;
    }
  }

  .modal-content__closed {
    cursor: pointer;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
  }

  .advantages {
    padding: 100px 0;
  }

  @media screen and (max-width: 1199px) {
    .advantages {
      padding: 60px 0;
    }
  }

  .advantages__list {
    gap: 24px 23px;
    margin-top: 40px;
  }

  @media screen and (max-width: 1199px) {
    .advantages__list {
      margin-top: 30px;
      gap: 20px;
    }
  }

  .advantages__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 371px;
    flex: 0 0 371px;
    border-radius: 20px;
    color: #fff;
    background-color: #1f79cc;
    padding: 30px;
  }

  .advantages__item:not(.active) {
    opacity: 0;
  }

  .advantages__item:nth-child(even) {
    background-color: #0788f5;
  }

  .advantages__item:nth-child(3) {
    background-color: #0066c4;
  }

  @media screen and (min-width: 1200px) {
    .advantages__item {
      min-height: 300px;
    }
  }

  @media screen and (max-width: 1199px) {
    .advantages__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 335px;
      flex: 0 0 335px;
      padding: 20px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      row-gap: 10px;
    }
  }

  .advantages__item-title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
  }

  .components {
    padding: 178px 0 138px;
  }

  @media screen and (max-width: 1199px) {
    .components {
      padding: 48px 0 60px;
    }
  }

  @media screen and (max-width: 1199px) {
    .components__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 30px;
    }
  }

  @media screen and (min-width: 1200px) {
    .components__info {
      max-width: 469px;
    }
  }

  .components__title {
    margin-bottom: 20px;
  }

  .components__text {
    line-height: 23px;
  }

  .components__text p:not(:last-child) {
    margin-bottom: 12px;
  }

  .components__steps {
    row-gap: 10px;
  }

  .components__steps-top {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }

  .components__steps-nav:not(.swiper-button-disabled) {
    cursor: pointer;
  }

  .components__steps-nav.swiper-button-disabled {
    opacity: 0.4;
  }

  @media screen and (max-width: 1199px) {
    .components__steps-nav {
      display: none;
    }
  }

  .components__steps-list {
    width: 569px;
    border-radius: 20px;
    overflow: hidden;
  }

  @media screen and (max-width: 615px) {
    .components__steps-list {
      width: 335px;
      border-radius: 10px;
    }
  }

  .components__steps-content {
    position: relative;
  }

  .components__steps-info {
    position: absolute;
    width: 165px;
    bottom: 25px;
    right: 25px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    background-color: #358bd9;
    padding: 10px 15px;
    row-gap: 5px;
  }

  @media screen and (max-width: 615px) {
    .components__steps-info {
      bottom: 10px;
      right: 10px;
      width: 155px;
    }
  }

  .components__steps-info-label {
    font-weight: 500;
    line-height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 5px;
  }

  @media screen and (max-width: 615px) {
    .components__steps-info-label {
      line-height: 17px;
    }
  }

  .components__steps-info-desc {
    line-height: 17px;
  }

  .components__steps-pages {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
  }

  .components__steps-pages .swiper-pagination-bullet.swiper-pagination-bullet {
    margin: 0;
    width: 6px;
    height: 6px;
    background-color: #d9d9d9;
    opacity: 1;
  }

  .components__steps-pages
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2697ff;
  }

  .createBot {
    padding: 60px 0;
    color: #fff;
    background-color: #2697ff;
  }

  @media screen and (max-width: 1199px) {
    .createBot {
      padding: 40px 0;
    }
  }

  @media screen and (max-width: 1199px) {
    .createBot__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 20px;
    }
  }

  .createBot__label {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
  }

  @media screen and (max-width: 1199px) {
    .createBot__label {
      text-align: center;
      font-size: 36px;
      line-height: 43px;
    }
  }

  .createBot__link {
    width: 272px;
  }

  .constructor-top {
    color: #fff;
    background-color: #0f7dd9;
  }

  .constructor-top__content {
    margin: 0 -20px;
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .constructor-top__content {
      min-height: 731px;
    }
  }

  .constructor-top__content:before {
    content: "";
    position: absolute;
    left: -289px;
    bottom: 0;
    width: 2366px;
    height: 504px;
    background-image: url("../img/general/constructor-top-bg.svg");
  }

  @media screen and (max-width: 1199px) {
    .constructor-top__content:before {
      background-image: url("../img/general/constructor-top-bg-phone.svg");
      width: 1008px;
      height: 427px;
      bottom: auto;
      top: 22px;
      left: -273px;
      opacity: 0.5;
    }
  }

  @media screen and (max-width: 1199px) {
    .constructor-top__content {
      padding-top: 40px;
      margin: 0 -40px;
      overflow: hidden;
    }
  }

  .constructor-top__logo {
    position: relative;
  }

  .constructor-top__title {
    color: #fff;
    margin: 10px 0 30px;
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .constructor-top__title {
      max-width: 880px;
    }
  }

  @media screen and (max-width: 1199px) {
    .constructor-top__title {
      margin: 10px 40px 20px;
      font-size: 34px;
      line-height: 41px;
      position: relative;
    }
  }

  .constructor-top__title span {
    white-space: nowrap;
  }

  .constructor-top__pic {
    position: relative;
  }

  .whatBots__content {
    padding: 60px;
    border-radius: 30px;
    position: relative;
    background: url("../img/general/whatbots-bg.svg") no-repeat right 50px
      #eff8ff;
    row-gap: 43px;
  }

  @media screen and (max-width: 1199px) {
    .whatBots__content {
      padding: 20px;
      row-gap: 30px;
      background: url("../img/general/whatbots-bg-phone.svg") no-repeat right
        393px #eff8ff;
    }
  }

  .whatBots__top {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
  }

  @media screen and (max-width: 1199px) {
    .whatBots__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 10px;
      text-align: center;
    }
  }

  .whatBots__title {
    max-width: 467px;
  }

  .whatBots__messengers {
    row-gap: 15px;
  }

  @media screen and (max-width: 1199px) {
    .whatBots__messengers {
      row-gap: 10px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }

  .whatBots__messengers-label {
    max-width: 315px;
  }

  .whatBots__messengers-links {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  @media screen and (max-width: 1199px) {
    .whatBots__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 20px;
    }
  }

  .whatBots__info {
    row-gap: 43px;
  }

  @media screen and (min-width: 1200px) {
    .whatBots__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 460px;
      flex: 0 0 460px;
    }
  }

  .whatBots__info-link {
    max-width: 350px;
  }

  @media screen and (max-width: 1199px) {
    .whatBots__info-link {
      display: none;
    }
  }

  .whatBots__info-link-phone {
    width: 295px;
    -ms-flex-item-align: center;
    align-self: center;
  }

  @media screen and (min-width: 1200px) {
    .whatBots__info-link-phone {
      display: none;
    }
  }

  .whatBots__list {
    row-gap: 16px;
  }

  .whatBots__item {
    line-height: 24px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  @media screen and (min-width: 1200px) {
    .whatBots__pic {
      margin-top: -28px;
    }
  }

  @media screen and (max-width: 1199px) {
    .whatBots__pic {
      max-width: 295px;
      -ms-flex-item-align: center;
      align-self: center;
    }
  }

  @media screen and (max-width: 1199px) {
    .profitable .content-center {
      padding: 0;
    }
  }

  .profitable__content {
    padding: 50px 0;
    row-gap: 40px;
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .profitable__content:before {
      content: "";
      width: 2555px;
      height: 732px;
      background-image: url("../img/general/profitable-bg-1.svg");
      position: absolute;
      left: -597px;
      top: -150px;
      z-index: -1;
    }

    .profitable__content:after {
      content: "";
      width: 2555px;
      height: 544px;
      background-image: url("../img/general/profitable-bg-2.svg");
      position: absolute;
      left: -597px;
      bottom: -250px;
      z-index: -1;
    }
  }

  @media screen and (max-width: 1199px) {
    .profitable__content {
      padding: 30px 0 40px;
      row-gap: 30px;
    }
  }

  .profitable__title {
    text-align: center;
  }

  @media screen and (max-width: 1199px) {
    .profitable__title {
      margin: 0 20px;
    }
  }

  .profitable__list {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }

  @media screen and (max-width: 1199px) {
    .profitable__list {
      display: none;
    }
  }

  .profitable__list-row:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  .profitable__list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 460px;
    flex: 0 0 460px;
    padding: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #050505;
  }

  .profitable__list-item:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }

  .profitable__list-item.label {
    padding-left: 20px;
  }

  .profitable__list-item:first-child + .profitable__list-item {
    background-color: rgba(239, 244, 255, 0.7);
  }

  .profitable__list-item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 455px;
    flex: 0 0 455px;
    background-color: rgba(255, 239, 242, 0.7);
  }

  .profitable__list-item.title {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }

  .profitable__list-item.title:after {
    font-size: 20px;
  }

  .profitable__list-item.title:nth-child(2):after {
    content: "✅";
  }

  .profitable__list-item.title:last-child:after {
    content: "❌";
  }

  @media screen and (min-width: 1200px) {
    .profitable__phone {
      display: none;
    }
  }

  .profitable__phone-list:first-child {
    background-color: rgba(239, 244, 255, 0.7);
  }

  .profitable__phone-list:last-child {
    background-color: rgba(255, 239, 242, 0.7);
  }

  .profitable__phone-item {
    padding: 16px 24px;
    font-size: 14px;
    line-height: 20px;
    color: #050505;
  }

  .profitable__phone-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  .profitable__phone-item:first-child {
    font-weight: 700;
    padding-top: 28px;
    padding-bottom: 20px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }

  .profitable__phone-item:first-child:after {
    font-size: 20px;
  }

  .profitable__phone-list:first-child
    .profitable__phone-item:first-child:after {
    content: "✅";
  }

  .profitable__phone-list:last-child .profitable__phone-item:first-child:after {
    content: "❌";
  }

  .profitable__order {
    width: 350px;
  }

  @media screen and (max-width: 1199px) {
    .profitable__order {
      margin-top: 10px;
    }
  }

  .solutions__content {
    padding: 100px 0 50px;
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .solutions__content:before {
      content: "";
      width: 2555px;
      height: 544px;
      background-image: url("../img/general/solutions-bg.svg");
      position: absolute;
      left: -597px;
      top: 34px;
      z-index: -1;
    }
  }

  @media screen and (max-width: 1199px) {
    .solutions__content {
      padding: 60px 0 30px;
    }
  }

  @media screen and (min-width: 1200px) {
    .solutions__title span {
      display: block;
    }
  }

  .solutions__title:after {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url("../img/general/arrow-blue.svg");
    margin-left: 5px;
  }

  @media screen and (max-width: 1199px) {
    .solutions__title:after {
      position: relative;
      top: 8px;
      margin-left: 10px;
    }
  }

  .solutions__list {
    margin-top: 40px;
    gap: 24px;
  }

  @media screen and (max-width: 1199px) {
    .solutions__list {
      margin-top: 30px;
    }
  }

  .solutions__item {
    max-width: 370px;
    padding: 30px;
    border-radius: 20px;
    color: #fff;
    row-gap: 26px;
  }

  .solutions__item:not(.active) {
    opacity: 0;
  }

  @media screen and (max-width: 1199px) {
    .solutions__item {
      padding: 24px;
      row-gap: 16px;
    }
  }

  .solutions__item:first-child {
    background-color: #1a68dd;
  }

  .solutions__item:first-child + .solutions__item {
    background-color: #3c2ed6;
  }

  .solutions__item:last-child {
    background-color: #2d4bb7;
  }

  .solutions__item-title {
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
  }

  .spheres__content {
    padding: 50px 0 65px;
    row-gap: 40px;
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .spheres__content:before {
      content: "";
      width: 2555px;
      height: 544px;
      background-image: url("../img/general/sphere-bg.svg");
      position: absolute;
      left: -597px;
      top: 280px;
      z-index: -1;
    }
  }

  @media screen and (max-width: 1199px) {
    .spheres__content {
      padding: 40px 0 30px;
      row-gap: 30px;
    }
  }

  .spheres__title {
    text-align: center;
  }

  .spheres__list {
    gap: 24px;
  }

  .spheres__item {
    row-gap: 10px;
    max-width: 370px;
    min-height: 192px;
    border-radius: 20px;
    background-color: #e9f4ff;
    padding: 30px;
    color: #000;
  }

  .spheres__item:not(.active) {
    opacity: 0;
  }

  @media screen and (max-width: 1199px) {
    .spheres__item {
      padding: 24px 20px;
    }
  }

  .spheres__item-top {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .spheres__item-title {
    font-size: 24px;
    line-height: 29px;
  }

  @media screen and (max-width: 1199px) {
    .spheres__item-title {
      font-size: 20px;
      line-height: 24px;
    }
  }

  .spheres__item-desc {
    font-size: 14px;
    line-height: 20px;
  }

  .core-top {
    color: #fff;
    background-color: #216ad8;
    overflow: hidden;
  }

  @media screen and (max-width: 1199px) {
    .core-top {
      background-color: #0f7dd9;
    }

    .core-top .content-center {
      padding: 0 15px;
    }
  }

  .core-top__content {
    padding: 60px 0 100px;
    text-align: center;
    row-gap: 30px;
    position: relative;
  }

  @media screen and (max-width: 1199px) {
    .core-top__content {
      padding: 40px 0 50px;
      row-gap: 20px;
    }
  }

  .core-top__content:before {
    content: "";
    width: 2580px;
    height: 549px;
    background-image: url("../img/general/core-top-bg.svg");
    position: absolute;
    left: -883px;
    top: 0;
    opacity: 0.5;
  }

  @media screen and (max-width: 767px) {
    .core-top__content:before {
      background-image: url("../img/general/core-top-phone-bg.svg");
      width: 1008px;
      height: 411px;
      left: -143px;
      top: 87px;
    }
  }

  .core-top__title {
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .core-top__title {
      margin-top: 3px;
    }
  }

  @media screen and (max-width: 1199px) {
    .core-top__title {
      font-size: 34px;
      line-height: 41px;
      font-weight: 400;
    }
  }

  .core-top__desc {
    max-width: 580px;
    position: relative;
  }

  @media screen and (max-width: 1199px) {
    .core-top__desc {
      font-size: 14px;
      line-height: 20px;
    }
  }

  .core-top__anchor {
    width: 350px;
    color: #211064;
    position: relative;
  }

  @media screen and (max-width: 1199px) {
    .core-top__anchor {
      width: 345px;
      margin-top: 10px;
    }
  }

  .clients-section {
    padding: 60px 0 130px;
  }

  @media screen and (max-width: 1199px) {
    .clients-section {
      padding: 30px 0 70px;
    }

    .clients-section .content-center {
      padding: 0;
    }
  }

  @media screen and (min-width: 1200px) {
    .clients-section__title {
      max-width: 905px;
    }
  }

  @media screen and (max-width: 1199px) {
    .clients-section__title {
      font-size: 24px;
      line-height: 29px;
      padding: 0 20px;
    }
  }

  .clients-section__content {
    row-gap: 50px;
  }

  .clients-section__brands {
    row-gap: 60px;
  }

  @media screen and (max-width: 1199px) {
    .clients-section__brands {
      height: 280px;
      overflow-y: hidden;
      overflow-x: auto;
    }
  }

  .clients-section__list {
    overflow: hidden;
  }

  @media screen and (min-width: 1200px) {
    .clients-section__list img:not(:hover) {
      -webkit-filter: grayscale();
      filter: grayscale();
    }
  }

  @media screen and (max-width: 1199px) {
    .clients-section__list img {
      -webkit-filter: grayscale();
      filter: grayscale();
    }
  }

  .clients-section__list-wrapper {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  .clients-section__list-item {
    width: auto;
  }

  .order-section {
    padding: 35px 0 50px;
  }

  @media screen and (max-width: 1199px) {
    .order-section {
      padding: 60px 0 50px;
    }
  }

  @media screen and (max-width: 1199px) {
    .order-section__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 40px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }

  @media screen and (min-width: 1200px) {
    .order-section__info {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 600px;
      flex: 0 0 600px;
    }
  }

  .order-section__desc {
    line-height: 20px;
    font-weight: 500;
    margin: 16px 0 60px;
  }

  @media screen and (max-width: 1199px) {
    .order-section__desc {
      line-height: 22px;
      margin: 7px 0 0;
    }
  }

  .order-section__contacts {
    row-gap: 20px;
  }

  @media screen and (max-width: 1199px) {
    .order-section__contacts {
      display: none;
    }
  }

  .order-section__contacts-phone {
    row-gap: 20px;
    width: 335px;
  }

  @media screen and (min-width: 1200px) {
    .order-section__contacts-phone {
      display: none;
    }
  }

  .order-section__contacts-item {
    font-weight: 500;
    line-height: 20px;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
  }

  @media screen and (min-width: 1200px) {
    .order-section__order {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 350px;
      flex: 0 0 350px;
    }
  }

  @media screen and (max-width: 1199px) {
    .order-section__order {
      width: 335px;
    }
  }

  .order-section__form:not(.active) {
    display: none;
  }

  .order-section__form-field {
    margin-bottom: 15px;
  }

  .order-section__form-checkbox {
    margin: 24px 0;
    font-weight: 500;
    line-height: 19px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .order-section__form-checkbox input {
    display: none;
  }

  .order-section__form-checkbox-field {
    cursor: pointer;
    width: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
  }

  input:checked + .order-section__form-checkbox-field {
    background-color: #0066c4;
    border-color: #0066c4;
  }

  .order-section__form-checkbox-field svg {
    width: 14px;
    height: 14px;
  }

  input.error + .order-section__form-checkbox-field {
    border-color: #d83f3f;
  }

  .order-section__success {
    row-gap: 12px;
    text-align: center;
    line-height: 19px;
  }

  .order-section__success:not(.active) {
    display: none;
  }

  .order-section__success-title {
    font-size: 32px;
    line-height: 32px;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section {
      padding-top: 60px;
    }
  }

  .possibilities-section .content-center {
    max-width: 1310px;
  }

  .possibilities-section__img-1 {
    position: absolute;
    max-width: inherit;
    left: -234px;
    top: -138px;
    z-index: -1;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__img-1 {
      display: none;
    }
  }

  .possibilities-section__img-2 {
    position: absolute;
    left: 0;
    top: 0;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__img-2 {
      display: none;
    }
  }

  .possibilities-section__img-phone {
    position: absolute;
    left: -200px;
    top: -320px;
    max-width: inherit;
    z-index: -1;
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__img-phone {
      display: none;
    }
  }

  .possibilities-section__content {
    position: relative;
    background-color: #358bd9;
    border-radius: 30px;
    color: #fff;
    min-height: 906px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }

  .possibilities-section__info {
    position: relative;
    border-radius: 30px;
    padding: 50px 20px 0;
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__info {
      background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#405ae5),
        to(#545f9a)
      );
      background: linear-gradient(180deg, #405ae5 0%, #545f9a 100%);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 566px;
      flex: 0 0 566px;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__info {
      padding: 20px 20px 10px;
    }
  }

  .possibilities-section__info-text {
    position: relative;
    row-gap: 20px;
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__info-text {
      margin-left: 30px;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__info-text {
      row-gap: 10px;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__info-text.options {
      display: none;
    }
  }

  .possibilities-section__info-pic {
    position: relative;
    height: 400px;
    border-radius: 10px;
    background: rgba(228, 242, 255, 0.8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    margin: 31px 0 20px;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__info-pic {
      display: none;
    }
  }

  .possibilities-section__info-pic img {
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
  }

  .possibilities-section__info-list {
    line-height: 16px;
    list-style-type: disc;
    row-gap: 12px;
    margin-left: 25px;
  }

  .possibilities-section__info-list-item {
    list-style-type: disc;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__desc {
      max-width: 320px;
    }
  }

  .possibilities-section__tabs {
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__tabs {
      padding: 20px 40px 0 0;
    }
  }

  .possibilities-section__tab {
    cursor: pointer;
    padding: 20px 65px 20px 20px;
    -webkit-column-gap: 41px;
    -moz-column-gap: 41px;
    column-gap: 41px;
  }

  .possibilities-section__tab:not(:last-child):not(.active):not(.prev-active) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  @media screen and (max-width: 1300px) {
    .possibilities-section__tab {
      padding: 20px 10px 20px 20px;
    }
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__tab {
      height: 145px;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab {
      padding: 20px;
      counter-increment: counter;
    }
  }

  .possibilities-section__tab.active {
    border-radius: 20px;
    background-color: #405ae1;
  }

  .possibilities-section__tab-num {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab-num {
      display: none;
    }
  }

  .possibilities-section__tab-info {
    row-gap: 10px;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab-info {
      row-gap: 20px;
      width: 100%;
    }
  }

  .possibilities-section__tab-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab-title {
      font-size: 20px;
      line-height: 24px;
    }

    .possibilities-section__tab-title:before {
      content: "0" counter(counter) " ";
    }
  }

  .possibilities-section__tab-desc {
    font-size: 13px;
    line-height: 18px;
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab:not(.active) .possibilities-section__tab-desc {
      display: none;
    }
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__tab-pic {
      display: none;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab-pic {
      -ms-flex-item-align: center;
      align-self: center;
      padding: 10px;
      border-radius: 5px;
      background: rgba(228, 242, 255, 0.8);
      -webkit-backdrop-filter: blur(1px);
      backdrop-filter: blur(1px);
    }

    .possibilities-section__tab:not(.active) .possibilities-section__tab-pic {
      display: none;
    }
  }

  @media screen and (min-width: 1200px) {
    .possibilities-section__tab-options {
      display: none;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab-options {
      font-size: 13px;
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 10px;
      list-style-type: disc;
      padding-left: 20px;
    }

    .possibilities-section__tab:not(.active)
      .possibilities-section__tab-options {
      display: none;
    }
  }

  @media screen and (max-width: 1199px) {
    .possibilities-section__tab-options-item {
      list-style-type: disc;
    }
  }

  .products-section {
    padding: 74px 0 60px;
  }

  @media screen and (max-width: 1199px) {
    .products-section {
      padding: 60px 0 30px;
    }
  }

  .products-section__content {
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .products-section__content:before {
      content: "";
      position: absolute;
      right: -695px;
      top: -284px;
      width: 3803px;
      height: 931px;
      background-image: url("../img/general/products-bg.svg");
      z-index: -1;
    }
  }

  .products-section__desc {
    margin: 20px 0 30px;
  }

  @media screen and (min-width: 1200px) {
    .products-section__desc {
      max-width: 500px;
    }
  }

  @media screen and (max-width: 1199px) {
    .products-section__desc {
      margin: 10px 0 20px;
    }
  }

  .products-section__list {
    row-gap: 24px;
  }

  @media screen and (max-width: 1199px) {
    .products-section__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      row-gap: 38px;
    }
  }

  .products-section__link {
    max-width: 568px;
    min-height: 285px;
    border-radius: 20px;
    background-color: #f6f8ff;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
  }

  .products-section__link:not(.active) {
    opacity: 0;
  }

  @media screen and (min-width: 1200px) {
    .products-section__link {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 568px;
      flex: 0 0 568px;
    }

    .products-section__link:hover {
      text-decoration: none;
    }

    .products-section__link:not(:hover) {
      border-color: rgba(62, 128, 255, 0.3);
    }

    .products-section__link:not(:hover) .products-section__link-overlay {
      display: none;
    }
  }

  @media screen and (max-width: 1199px) {
    .products-section__link {
      border-color: rgba(62, 128, 255, 0.3);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 335px;
    }
  }

  .products-section__link-info {
    padding: 37px 20px 0 24px;
  }

  @media screen and (max-width: 1199px) {
    .products-section__link-info {
      padding: 24px 24px 20px;
    }
  }

  .products-section__link-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
  }

  @media screen and (max-width: 1199px) {
    .products-section__link-logo {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 38px;
      flex: 0 0 38px;
    }
  }

  .products-section__link-title {
    margin: 47px 0 10px;
    font-weight: 500;
    line-height: 22px;
    font-size: 18px;
    color: #000;
  }

  .product-4 .products-section__link-title {
    margin: 29px 0 10px;
  }

  @media screen and (max-width: 1199px) {
    .product-4 .products-section__link-title {
      margin: 20px 0 10px;
    }
  }

  @media screen and (max-width: 1199px) {
    .products-section__link-title {
      margin: 20px 0 10px;
    }
  }

  .products-section__link-desc {
    font-size: 14px;
    line-height: 20px;
  }

  .products-section__link-pic {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    overflow: hidden;
  }

  @media screen and (max-width: 1199px) {
    .products-section__link-pic {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 285px;
      flex: 0 0 285px;
    }
  }

  .products-section__link-pic img {
    min-width: 335px;
    height: 285px;
    position: absolute;
    left: calc(-35px / 2);
    top: 0;
  }

  @media screen and (max-width: 1199px) {
    .products-section__link-pic img {
      left: 0;
    }
  }

  .products-section__link-overlay {
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
    color: #fff;
    line-height: 19px;
    row-gap: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(19, 72, 208, 0.8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }

  @media screen and (max-width: 1199px) {
    .products-section__link-overlay {
      display: none;
    }
  }

  .reviews-section {
    padding: 60px 0;
    background-color: #358bd9;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section {
      padding: 60px 0 40px;
    }
  }

  .reviews-section__title {
    color: #fff;
  }

  .reviews-section__desc {
    margin: 20px 0 30px;
    color: #fff;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__desc {
      margin: 10px 0 20px;
      padding: 0 20px;
    }
  }

  .reviews-section__slider-slide {
    width: 864px;
  }

  .reviews-section__slider-slide:not(.swiper-slide-active) {
    opacity: 0.6;
    pointer-events: none;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__slider-slide {
      width: calc(100% - 40px);
    }
  }

  .reviews-section__slider-content {
    position: relative;
    min-height: 272px;
    border-radius: 20px;
    background-color: #fff;
    padding: 30px;
    overflow: hidden;
  }

  @media screen and (min-width: 1200px) {
    .reviews-section__slider-content {
      height: 285px;
    }
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__slider-content {
      max-height: 536px;
      padding: 20px;
    }
  }

  .reviews-section__slider-info {
    row-gap: 10px;
  }

  .reviews-section__slider-full {
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    color: #0066c4;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__slider-full {
      margin-top: 20px;
    }
  }

  .reviews-section__slider-top {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .reviews-section__slider-user {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #ff6b00;
  }

  .reviews-section__slider-position {
    font-size: 12px;
    line-height: 14px;
    color: #545454;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__slider-position {
      margin-bottom: 10px;
    }
  }

  .reviews-section__slider-text {
    color: #000;
    font-size: 14px;
    line-height: 21px;
    max-height: 105px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__slider-text {
      max-height: 345px;
      -webkit-line-clamp: 16;
    }
  }

  .reviews-section__nav {
    margin-top: 30px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  @media screen and (max-width: 1199px) {
    .reviews-section__nav {
      margin-top: 20px;
    }
  }

  .reviews-section__nav-btn:not(.swiper-button-disabled) {
    cursor: pointer;
  }

  .reviews-section__nav-btn.swiper-button-disabled {
    opacity: 0.3;
  }

  .main-top-section {
    padding: 63px 0 74px;
  }

  @media screen and (max-width: 1199px) {
    .main-top-section {
      padding: 28px 0 80px;
    }
  }

  .main-top-section__title {
    font-weight: 400;
    font-size: 66px;
    color: #358bd9;
    line-height: 79px;
  }

  @media screen and (max-width: 1199px) {
    .main-top-section__title {
      font-size: 36px;
      line-height: 43px;
    }
  }

  .main-top-section__title:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("../img/general/page-title-arrow.svg");
  }

  @media screen and (min-width: 1200px) {
    .main-top-section__title:after {
      margin-left: 10px;
    }
  }

  @media screen and (max-width: 1199px) {
    .main-top-section__title:after {
      width: 34px;
      height: 34px;
      background-size: contain;
      position: relative;
      top: 5px;
    }
  }

  .main-top-section__content {
    row-gap: 41px;
  }

  @media screen and (max-width: 1199px) {
    .main-top-section__content {
      row-gap: 27px;
    }
  }

  @media screen and (max-width: 1199px) {
    .main-top-section__info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      row-gap: 33px;
    }
  }

  .main-top-section__info-options {
    gap: 14px;
  }

  @media screen and (max-width: 1199px) {
    .main-top-section__info-options {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .main-top-section__info-options .tagItem:not(:active) {
    opacity: 0;
  }

  .main-top-section__info-text {
    max-width: 416px;
  }

  @media screen and (max-width: 1199px) {
    .main-top-section__info-text {
      font-size: 14px;
      line-height: 20px;
    }
  }

  .prices {
    padding-bottom: 70px;
  }

  .prices__title {
    text-align: center;
    margin-bottom: 40px;
  }

  .prices-desktop {
    width: 1137px;
    margin: 0 auto;
    border-collapse: collapse;
  }

  @media screen and (max-width: 1199px) {
    .prices-desktop {
      display: none;
    }
  }

  .prices-desktop__header td {
    height: 336px;
    padding: 0 2px;
  }

  .prices-desktop__label-cell {
    width: 177px;
  }

  .prices-desktop__label-content {
    width: 100%;
    height: 100%;
    background-color: #f0f3f5;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    row-gap: 20px;
    padding-top: 30px;
  }

  .prices-desktop__info-label {
    font-size: 10px;
    line-height: normal;
  }

  .prices-desktop__info-cell {
    width: 308px;
  }

  .prices-desktop__info-content {
    width: 100%;
    height: 100%;
    padding: 50px 28px 30px;
  }

  .cell-1 .prices-desktop__info-content {
    background: url("../img/general/price-basic-bg.svg") #f2f9ff;
  }

  .cell-2 .prices-desktop__info-content {
    background: url("../img/general/price-business-bg.svg") #0066c4;
    color: #fff;
  }

  .cell-3 .prices-desktop__info-content {
    background: url("../img/general/price-premium-bg.svg") #0085f4;
    color: #fff;
  }

  .prices-desktop__info-top {
    text-align: center;
    row-gap: 19px;
  }

  .prices-desktop__info-type {
    font-size: 32px;
    line-height: 39px;
  }

  .prices-desktop__info-cost {
    font-size: 36px;
    line-height: 44px;
  }

  .prices-desktop__info-desc {
    font-size: 14px;
    line-height: 17px;
  }

  .cell-1 .prices-desktop__info-link {
    background-color: #2697ff;
  }

  .cell-2 .prices-desktop__info-link,
  .cell-3 .prices-desktop__info-link {
    color: #0066c4;
  }

  .prices-desktop__item-section {
    height: 48px;
    background-color: #f0f3f5;
    padding: 0 16px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
  }

  .prices-desktop__item-cell {
    border: 2px solid #f0f3f5;
  }

  .prices-desktop__item-cell.label {
    border-left: none;
  }

  .prices-desktop__item-cell:last-child {
    border-right: none;
  }

  tr:last-child .prices-desktop__item-cell {
    border-bottom: none;
  }

  .prices-desktop__item-not {
    width: 20px;
    height: 2px;
    background-color: #2b2b2b;
  }

  .prices-desktop__item-content {
    min-height: 56px;
    padding: 10px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .label .prices-desktop__item-content {
    font-size: 14px;
    line-height: 18px;
    color: #858585;
  }

  .label .prices-desktop__item-content.with-info {
    padding-right: 4px;
  }

  .data .prices-desktop__item-content {
    font-size: 18px;
    line-height: 28px;
    color: #252525;
  }

  .prices-desktop__item-info {
    position: relative;
  }

  .prices-desktop__item-info:not(:hover) svg {
    fill: #000;
    opacity: 0.2;
  }

  .prices-desktop__item-info:not(:hover) .prices-desktop__item-info-tooltip {
    display: none;
  }

  .prices-desktop__item-info:hover svg {
    fill: #358bd9;
  }

  .prices-desktop__item-info-hover {
    height: 24px;
    cursor: pointer;
  }

  .prices-desktop__item-info-tooltip {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #373737;
    position: absolute;
    max-width: 440px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 20px;
    bottom: 20px;
    left: 22px;
    border-radius: 10px;
    background-color: #e8f4ff;
    -webkit-box-shadow: 0px 44px 64px -40px rgba(71, 85, 133, 0.16);
    box-shadow: 0px 44px 64px -40px rgba(71, 85, 133, 0.16);
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
  }

  .prices-phone {
    row-gap: 24px;
  }

  @media screen and (min-width: 1200px) {
    .prices-phone {
      display: none;
    }
  }

  .prices-phone__block-top {
    height: 405px;
    padding: 50px 29px 29px;
  }

  .block-1 .prices-phone__block-top {
    background: url("../img/general/price-basic-bg.svg") #f2f9ff no-repeat;
    background-size: cover;
  }

  .block-2 .prices-phone__block-top {
    background: url("../img/general/price-business-bg.svg") #0066c4 no-repeat;
    color: #fff;
    background-size: cover;
  }

  .block-3 .prices-phone__block-top {
    background: url("../img/general/price-premium-bg.svg") #0085f4 no-repeat;
    color: #fff;
    background-size: cover;
  }

  .prices-phone__block-info {
    text-align: center;
    row-gap: 19px;
  }

  .prices-phone__block-type {
    font-size: 32px;
    line-height: 39px;
  }

  .prices-phone__block-cost {
    font-size: 36px;
    line-height: 44px;
  }

  .prices-phone__block-desc {
    font-size: 14px;
    line-height: 17px;
  }

  .prices-phone__block-actions {
    row-gap: 16px;
  }

  .prices-phone__block-link {
    width: 250px;
  }

  .block-1 .prices-phone__block-link {
    background-color: #2697ff;
  }

  .block-2 .prices-phone__block-link,
  .block-3 .prices-phone__block-link {
    color: #0066c4;
  }

  .prices-phone__block-toggle {
    height: 54px;
    cursor: pointer;
    border-radius: 4px;
    padding: 0 20px;
    border: 1px solid;
    width: 250px;
    background-color: transparent;
  }

  .block-1 .prices-phone__block-toggle {
    color: #0066c4;
    border-color: #0066c4;
  }

  .block-2 .prices-phone__block-toggle,
  .block-3 .prices-phone__block-toggle {
    color: #fff;
    border-color: #fff;
  }

  .prices-phone__block-content {
    padding: 10px 0;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
  }

  .prices-phone__block-content:not(.open) {
    display: none;
  }

  .block-1 .prices-phone__block-content {
    background-color: #f2f9ff;
  }

  .block-2 .prices-phone__block-content,
  .block-3 .prices-phone__block-content {
    background-color: #d5ebff;
  }

  .prices-phone__block-section {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 11px 17px 11px 24px;
    background-color: #bfe2ff;
  }

  .prices-phone__block-options {
    row-gap: 16px;
    padding: 16px 16px 16px 24px;
  }

  .prices-phone__block-option {
    font-size: 14px;
    line-height: 18px;
    color: #858585;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .prices-phone__block-option b {
    font-weight: 500;
    color: #000;
  }

  .prices-phone__block-option-info-btn svg {
    fill: #000;
    opacity: 0.2;
  }

  .prices-phone__block-option-info-popup {
    display: none;
  }

  .anybots {
    padding: 60px 0 80px;
  }

  @media screen and (max-width: 1199px) {
    .anybots {
      padding: 30px 0 60px;
    }
  }

  .anybots__top {
    margin-bottom: 20px;
  }

  .anybots__tags {
    text-align: center;
    overflow-x: auto;
    padding: 20px 0;
    white-space: nowrap;
  }

  .anybots__tags .tagItem {
    white-space: nowrap;
    margin: 0 7px;
  }

  .anybots__content {
    padding-top: 20px;
  }

  .anybots__list {
    row-gap: 40px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__list {
      row-gap: 30px;
    }
  }

  .anybots__item {
    position: relative;
    -webkit-column-gap: 74px;
    -moz-column-gap: 74px;
    column-gap: 74px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 20px;
    }
  }

  @media screen and (min-width: 1200px) {
    .anybots__item {
      padding: 0 25px;
    }

    .anybots__item:first-child:after {
      content: "";
      width: 1577px;
      height: 399px;
      background-image: url("../img/general/anybot-bg-1.svg");
      position: absolute;
      bottom: 53px;
      left: -648px;
      z-index: -1;
    }

    .anybots__item:nth-child(3):after {
      content: "";
      width: 1991px;
      height: 503px;
      background-image: url("../img/general/anybot-bg-2.svg");
      position: absolute;
      bottom: -9px;
      left: -690px;
      z-index: -1;
    }

    .anybots__item:last-child:after {
      content: "";
      width: 1577px;
      height: 399px;
      background-image: url("../img/general/anybot-bg-3.svg");
      position: absolute;
      bottom: 55px;
      left: -140px;
      z-index: -1;
    }

    .anybots__item:not(:last-child) {
      border-bottom: 1px solid #bbb;
      padding-bottom: 40px;
    }
  }

  .anybots__item-slider {
    row-gap: 10px;
  }

  .anybots__item-slider-top {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }

  .anybots__item-slider-list {
    width: 470px;
    height: 465px;
    overflow: hidden;
    border-radius: 30px;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#59afff),
      to(#0b7ce5)
    );
    background: linear-gradient(180deg, #59afff 0%, #0b7ce5 100%);
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-list {
      width: 335px;
      height: 331px;
    }
  }

  .anybots__item-slider-content {
    height: 100%;
    color: #fff;
  }

  .anybots__item-slider-content.slide-1 {
    text-align: center;
    row-gap: 10px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-content.slide-1 {
      padding: 0 15px;
    }
  }

  .anybots__item-slider-content.slide-3 {
    row-gap: 75px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-content.slide-3 {
      row-gap: 15px;
    }
  }

  .anybots__item-slider-content.slide-4 {
    row-gap: 16px;
    padding: 0 50px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-content.slide-4 {
      row-gap: 10px;
      padding: 0 12px;
    }
  }

  .anybots__item-slider-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-title {
      font-size: 20px;
      line-height: 24px;
    }
  }

  .anybots__item-slider-desc {
    line-height: 20px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-desc {
      font-size: 14px;
    }
  }

  .slide-1 .anybots__item-slider-desc {
    margin-bottom: 10px;
    max-width: 316px;
  }

  @media screen and (max-width: 1199px) {
    .slide-4 .anybots__item-slider-desc {
      line-height: 17px;
    }
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-pic-1-1,
    .anybots__item-slider-pic-2-1,
    .anybots__item-slider-pic-3-1,
    .anybots__item-slider-pic-4-1,
    .anybots__item-slider-pic-5-1 {
      width: 190px;
      position: relative;
      top: 50px;
      margin-top: -50px;
    }
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-pic-1-2,
    .anybots__item-slider-pic-2-2,
    .anybots__item-slider-pic-4-2,
    .anybots__item-slider-pic-5-2 {
      width: 300px;
    }
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-pic-3-2 {
      width: 140px;
    }
  }

  .anybots__item-slider-qr {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-qr {
      display: none;
    }
  }

  .anybots__item-slider-steps {
    position: relative;
    width: 315px;
    height: 250px;
  }

  .anybots__item-slider-steps svg {
    position: absolute;
  }

  .anybots__item-slider-steps svg:first-child {
    top: 10px;
    right: 5px;
  }

  .anybots__item-slider-steps svg:nth-child(2) {
    top: 80px;
    left: 22px;
  }

  .anybots__item-slider-steps svg:nth-child(3) {
    bottom: 25px;
    right: 40px;
  }

  .anybots__item-slider-step {
    font-size: 20px;
    color: #373737;
    line-height: 27px;
    background-color: #fff;
    border-radius: 55px;
    padding: 7px 15px;
    position: relative;
  }

  .anybots__item-slider-step:nth-of-type(1) {
    -webkit-transform: rotate(-8.064deg);
    -ms-transform: rotate(-8.064deg);
    transform: rotate(-8.064deg);
    top: 12px;
    left: 5px;
  }

  .anybots__item-slider-step:nth-of-type(2) {
    -webkit-transform: rotate(12.399deg);
    -ms-transform: rotate(12.399deg);
    transform: rotate(12.399deg);
    right: 30px;
    top: 10px;
  }

  .anybots__item-slider-step:nth-of-type(3) {
    -webkit-transform: rotate(7.721deg);
    -ms-transform: rotate(7.721deg);
    transform: rotate(7.721deg);
    left: 30px;
  }

  .anybots__item-slider-step:nth-of-type(4) {
    -webkit-transform: rotate(-3.406deg);
    -ms-transform: rotate(-3.406deg);
    transform: rotate(-3.406deg);
    right: 50px;
    bottom: 3px;
  }

  .anybots__item-slider-options {
    width: 100%;
    margin-top: 16px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-options {
      margin-top: 8px;
    }
  }

  .anybots__item-slider-options-item {
    height: 182px;
    width: 180px;
    border-radius: 20px 20px 0 0;
    row-gap: 4px;
  }

  .anybots__item-slider-options-item:first-child {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#40c71f),
      to(#0be5a3)
    );
    background: linear-gradient(180deg, #40c71f 0%, #0be5a3 100%);
  }

  .anybots__item-slider-options-item:last-child {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#f88703),
      to(#ffbd59)
    );
    background: linear-gradient(180deg, #f88703 0%, #ffbd59 100%);
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-options-item {
      width: 150px;
      height: 100px;
    }
  }

  .anybots__item-slider-options-count {
    font-size: 42px;
    line-height: 51px;
    font-weight: 600;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-options-count {
      font-size: 20px;
      line-height: 24px;
    }
  }

  .anybots__item-slider-options-label {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-options-label {
      font-size: 12px;
      line-height: 15px;
    }
  }

  .anybots__item-slider-nav:not(.swiper-button-disabled) {
    cursor: pointer;
  }

  .anybots__item-slider-nav.swiper-button-disabled {
    opacity: 0.4;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-slider-nav {
      display: none;
    }
  }

  .anybots__item-slider-pages {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
  }

  .anybots__item-slider-pages
    .swiper-pagination-bullet.swiper-pagination-bullet {
    margin: 0;
    width: 6px;
    height: 6px;
    background-color: #d9d9d9;
    opacity: 1;
  }

  .anybots__item-slider-pages
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2697ff;
  }

  .anybots__item-info {
    row-gap: 40px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-info {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      row-gap: 20px;
    }
  }

  .anybots__item-label {
    line-height: 22px;
    color: #4e98dc;
  }

  .anybots__item-title {
    font-size: 32px;
    line-height: 45px;
    font-weight: 400;
  }

  @media screen and (min-width: 1200px) {
    .anybots__item-title {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 135px;
      flex: 0 0 135px;
    }
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-title {
      font-size: 19px;
      line-height: 25px;
    }
  }

  .anybots__item-go-bot {
    width: 272px;
  }

  @media screen and (max-width: 1199px) {
    .anybots__item-go-bot {
      width: 335px;
    }
  }

  .smartybot-options {
    padding: 70px 0;
  }

  @media screen and (max-width: 1199px) {
    .smartybot-options {
      padding: 60px 0 30px;
    }
  }

  .smartybot-options__list {
    margin-top: 60px;
    row-gap: 60px;
  }

  @media screen and (max-width: 1199px) {
    .smartybot-options__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 30px;
      row-gap: 24px;
    }
  }

  .smartybot-options__item {
    row-gap: 12px;
  }

  .smartybot-options__item:not(.active) {
    opacity: 0;
  }

  @media screen and (min-width: 1200px) {
    .smartybot-options__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 371px;
      flex: 0 0 371px;
    }
  }

  .smartybot-options__item-top {
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
    padding-right: 115px;
  }

  .smartybot-options__item-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #358bd9;
  }

  .smartybot-options__item-desc span {
    white-space: nowrap;
  }

  .cases {
    padding: 60px 0;
    color: #fff;
    background-color: #2697ff;
  }

  @media screen and (max-width: 1199px) {
    .cases {
      padding: 40px 0;
    }
  }

  @media screen and (max-width: 1199px) {
    .cases__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 20px;
    }
  }

  .cases__label {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
  }

  @media screen and (max-width: 1199px) {
    .cases__label {
      text-align: center;
      font-size: 36px;
      line-height: 43px;
    }
  }

  .cases__link {
    width: 272px;
  }

  @media screen and (max-width: 1199px) {
    .smartybot-top .content-center {
      padding: 0;
    }
  }

  .smartybot-top__content {
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
  }

  @media screen and (max-width: 1199px) {
    .smartybot-top__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 20px;
    }
  }

  .smartybot-top__content:before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 298px;
    width: 1577px;
    height: 399px;
    background-image: url("../img/general/smartybot-top-bg.svg");
    z-index: -1;
  }

  .smartybot-top__info {
    row-gap: 20px;
  }

  @media screen and (min-width: 1200px) {
    .smartybot-top__info {
      max-width: 580px;
    }
  }

  @media screen and (max-width: 1199px) {
    .smartybot-top__info {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      row-gap: 10px;
      padding: 0 20px;
    }
  }

  @media screen and (min-width: 1200px) {
    .smartybot-top__desc {
      max-width: 370px;
    }
  }

  .smartybot-top__link {
    margin-top: 10px;
    width: 350px;
  }

  @media screen and (max-width: 1199px) {
    .smartybot-top__link {
      display: none;
    }
  }

  .smartybot-top__link-phone {
    width: 335px;
  }

  @media screen and (min-width: 1200px) {
    .smartybot-top__link-phone {
      display: none;
    }
  }

  .tour {
    padding-bottom: 70px;
  }

  @media screen and (max-width: 1199px) {
    .tour {
      padding-bottom: 40px;
    }

    .tour .content-center {
      padding: 0 12px;
    }
  }

  @media screen and (max-width: 1199px) {
    .tour__title {
      margin-left: 8px;
    }
  }

  .tour__list {
    row-gap: 20px;
    padding-top: 44px;
    position: relative;
  }

  @media screen and (max-width: 1199px) {
    .tour__list {
      padding-top: 22px;
      gap: 20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  }

  .tour__list:before {
    content: "";
    width: 3803px;
    height: 576px;
    background-image: url("../img/general/tour-bg.svg");
    position: absolute;
    top: -110px;
    left: -1948px;
    z-index: -1;
  }

  @media screen and (max-width: 1199px) {
    .tour__list:before {
      background-image: url("../img/general/tour-bg-phone.svg");
      width: 375px;
      height: 2122px;
      left: 0;
      top: 0;
    }
  }

  @media screen and (min-width: 1200px) {
    .tour__list:after {
      content: "";
      width: 3803px;
      height: 576px;
      background-image: url("../img/general/tour-bg.svg");
      position: absolute;
      top: 890px;
      left: -692px;
      z-index: -1;
    }
  }

  .tour__item {
    width: 371px;
    height: 266px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid rgba(6, 67, 123, 0.1);
    background-color: #dceeff;
    -webkit-box-shadow: 0px 44px 64px -40px rgba(71, 85, 133, 0.16);
    box-shadow: 0px 44px 64px -40px rgba(71, 85, 133, 0.16);
    color: #000;
    padding: 30px 30px 24px;
    overflow: hidden;
  }

  .tour__item.disabled {
    pointer-events: none;
  }

  @media screen and (min-width: 1200px) {
    .tour__item:not(.disabled):not(:hover) .tour__item-full {
      color: #06437b;
    }

    .tour__item:not(.disabled):not(:hover) .tour__item-full svg {
      fill: #06437b;
    }

    .tour__item:hover {
      background-color: #0487f4;
    }

    .tour__item:hover .tour__item-desc,
    .tour__item:hover .tour__item-full {
      color: #fff;
    }

    .tour__item:hover .tour__item-full svg {
      fill: #fff;
    }
  }

  @media screen and (max-width: 1199px) {
    .tour__item {
      width: 351px;
      height: 266px;
      padding: 20px 20px 24px;
    }

    .tour__item-full {
      color: #06437b;
    }

    .tour__item-full svg {
      fill: #06437b;
    }
  }

  .tour__item-top {
    row-gap: 24px;
  }

  .tour__item-title {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    background-color: #fff;
    padding: 3px 15px 3px 3px;
    white-space: nowrap;
    border-radius: 100px;
  }

  .tour__item-desc {
    font-size: 14px;
    line-height: 18px;
  }

  .tour__item-full {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .disabled .tour__item-full {
    color: #95a7b7;
  }

  .disabled .tour__item-full svg {
    fill: #95a7b7;
  }

  .tour__modal {
    position: absolute;
    opacity: 0;
    left: -10000px;
    top: -10000px;
  }

  .smarty-chat-widget-modal.smarty-chat-widget-modal {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }

  .smarty-chat-widget-messengers.smarty-chat-widget-messengers {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}