/*********************************** Reset Styles */
/**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  min-height: 100vh;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

/**************************************************/
/*********************************** Reset Styles */
/*///////////////////////////////////*/
/****** ViewPort Transform Functions */
/****** ViewPort Transform Functions */
/*///////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/****************************************** Colors */
.c\:blue {
  color: #006DFF;
}

.c\:green {
  color: #CCF420;
}

.c\:green-light {
  color: #CCF31E;
}

.c\:green-trans {
  color: rgba(204, 243, 30, 0.25);
}

.c\:black {
  color: #000000;
}

.c\:white {
  color: #FFFFFF;
}

/****************************************** Colors */
/*/////////////////////////////////////////////////*/
@keyframes rotateAround {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes bounceUpDown {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-80%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes bounceUpDownSm {
  0% {
    transform: translateY(50%);
  }
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(50%);
  }
}
/*/////////////////////////////////////////////////*/
/******************************************** Body */
body {
  min-width: 20rem;
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 0.75rem;
}
@media (max-width: 1199.98px) {
  body {
    font-size: 0.6875rem;
  }
}
@media (max-width: 991.98px) {
  body {
    font-size: 0.625rem;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 0.625rem;
  }
}

/******************************************** Body */
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/******************************************** Link */
a {
  color: #FFFFFF;
  transition: color 0.25s ease;
  text-decoration: underline;
}
a:hover {
  color: white;
  text-decoration: none;
}
a:active {
  color: rgb(242.25, 242.25, 242.25);
}

/******************************************** Link */
/*/////////////////////////////////////////////////*/
/*********************************** Core Section */
/**************************************************/
.plan {
  overflow: hidden;
  position: relative;
  z-index: 10;
  display: block;
  min-height: 100vh;
}
.plan:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 150%;
  height: 200%;
  background: rgb(0, 109, 255);
  background: radial-gradient(circle, rgb(0, 109, 255) 7%, rgba(202, 148, 255, 0.83) 100%);
  translate: -50% 0;
}
.plan__inner {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 100px;
  background-image: url(/images/landing/plan_12_25/mishura-min.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-width: 767.98px) {
  .plan__inner {
    background-size: 300%;
  }
}

/**************************************************/
/*********************************** Core Section */
/************************************** Container */
/**************************************************/
.container {
  display: block;
  max-width: 90em;
  width: 100%;
}

/**************************************************/
/************************************** Container */
.b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-desc {
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: 0;
}

.b24-form .b24-form-header-description, .t\:27 {
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 1.6875em;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: 0;
}
@media (max-width: 767.98px) {
  .b24-form .b24-form-header-description, .t\:27 {
    font-size: 2.4em;
  }
}

.t\:27b {
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 1.6875em;
  font-weight: 700;
  line-height: 1.3em;
  letter-spacing: 0;
}
@media (max-width: 767.98px) {
  .t\:27b {
    font-size: 2.7em;
  }
}

.b24-form .b24-form-header-title, .t\:40 {
  font-family: "tt-travels-next", sans-serif;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1.2em;
  letter-spacing: 0;
}

/*/////////////////////////////////////////////////*/
/**************************************** Text 110 */
.t\:110 {
  font-family: "tt-travels-next", sans-serif;
  font-size: 6.875em;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 0;
}
@media (max-width: 767.98px) {
  .t\:110 {
    font-size: 6.4em;
  }
}

/**************************************** Text 110 */
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/***************************************** Text 40 */
/***************************************** Text 40 */
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/***************************************** Text 27 */
/***************************************** Text 27 */
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/************************************ Text 27 Bold */
/************************************ Text 27 Bold */
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/***************************************** Text 20 */
.t\:20 {
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0;
}
@media (max-width: 767.98px) {
  .t\:20 {
    font-size: 2em;
  }
}

/***************************************** Text 20 */
/*/////////////////////////////////////////////////*/
/************************************************ */
/********************************* Header Section */
.header {
  display: block;
  text-align: center;
  padding: 2.8125em 0em 0em;
}
.header__inner {
  display: flex;
  flex-direction: column;
  padding: 0 0.9375rem;
  margin: 0 auto;
  max-width: 59.375em;
  width: 100%;
}
.header__logo {
  display: block;
  margin: 0 auto;
  width: 29.375em;
}
.header__btn {
  display: block;
  padding: 4.375em 0em 0em;
  margin: 0 auto;
}
.header__title, .header__subtitle {
  display: block;
  padding: 1.875em 0em 0em;
}
@media (max-width: 767.98px) {
  .header {
    text-align: left;
  }
  .header__logo, .header__btn {
    margin: 0;
  }
}

/********************************* Header Section */
/************************************************ */
/**************************************************/
/*********************************** Main Section */
.main {
  display: block;
  width: 100%;
}
.main__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  padding-left: 4.375rem;
  padding-right: 4.375rem;
  margin: 0 auto;
  max-width: 98.75em;
  width: 100%;
}
.main__tabs {
  position: absolute;
  transform-origin: top left;
  top: 0;
  left: 100%;
  rotate: 90deg;
}
@media (max-width: 991.98px) {
  .main__tabs.--pinned {
    position: fixed;
    top: 0 !important;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding: 0.3125em 0em;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.main__tabs.--cloned {
  visibility: hidden;
}
.main__cards {
  display: block;
  padding: 0;
}
@media (max-width: 991.98px) {
  .main__tabs {
    position: relative;
    left: 0;
    rotate: 0deg;
  }
}
@media (max-width: 767.98px) {
  .main__inner {
    padding: 0 0.9375rem;
    margin: 0 auto;
    max-width: 41em;
  }
}

/*********************************** Main Section */
/**************************************************/
/************************************************ */
/********************************* Footer Section */
.footer {
  display: block;
  padding: 0em 0em 12.5em;
  background-image: url(/images/landing/plan_12_25/flame-min.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.footer__inner {
  display: flex;
  flex-direction: row;
  gap: 2.5em;
  max-width: 79.375em;
  width: 100%;
  padding: 0 0.9375rem;
  margin: 0 auto;
}
.footer__form {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.footer__pic {
  display: block;
  max-width: 30em;
  width: 100%;
  margin: 0 auto;
}
.footer__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3.125rem;
  transition: box-shadow 0.25s ease;
  background-image: url(/images/landing/plan_12_25/profitmode-min.png);
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.footer__link:hover {
  box-shadow: 0 0 25px 0 rgba(20, 58, 255, 0.8);
}
.footer__fig {
  display: block;
  padding: 0;
  margin: 0;
}
.footer__img {
  display: none;
  width: 100%;
}
@media (max-width: 991.98px) {
  .footer__inner {
    flex-direction: column;
  }
  .footer__form {
    max-width: 46.875em;
  }
  .footer__pic {
    max-width: 46.875em;
  }
  .footer__img {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .footer {
    background-size: 150%;
  }
}

/********************************* Footer Section */
/************************************************ */
/*************************************** Crm Form */
/**************************************************/
.b24-form .b24-form-wrapper {
  padding: 3.75em;
  max-width: 100%;
  border-radius: 3.125rem;
  background: #6732FF;
  background: linear-gradient(180deg, rgb(103, 50, 255) 11%, rgba(190, 82, 255, 0.75) 100%);
}
.b24-form .b24-form-header,
.b24-form .b24-form-content {
  padding: 0;
  border: none;
  outline: none;
}
.b24-form .b24-form-header {
  padding: 0em 0em 3.125em;
}
.b24-form .b24-form-header-title {
  padding: 0em 0em 0.5em;
  margin: 0;
  color: #FFFFFF;
}
.b24-form .b24-form-header-description {
  margin: 0;
  max-width: 22.2222222222em;
  color: #FFFFFF;
}
.b24-form .b24-form-field.b24-form-control-string .b24-form-control {
  padding: 0;
  height: 2.4375em;
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 2em;
  border: 4px solid #FFFFFF;
  border-radius: 1.5625em;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-text-fill-color: #FFFFFF;
  color: #FFFFFF;
  text-align: center;
}
.b24-form .b24-form-field.b24-form-control-string .b24-form-control:focus {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.2);
}
.b24-form .b24-form-field.b24-form-control-string .b24-form-control-label {
  text-align: center;
  font-size: 2em;
  padding: 0;
  line-height: 1.2em;
  font-weight: 700;
  color: #FFFFFF;
  opacity: 1;
}
.b24-form .b24-form-field.b24-form-control-string .b24-form-control-label .b24-form-control-required {
  display: none;
}
.b24-form .b24-form-field.b24-form-control-string .b24-form-control:focus + .b24-form-control-label,
.b24-form .b24-form-field.b24-form-control-string .b24-form-control.b24-form-control-not-empty + .b24-form-control-label {
  display: none;
}
.b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 1.25em;
}
.b24-form .b24-form-field.b24-form-field-agreement input[type=checkbox] {
  flex-shrink: 0;
  -webkit-appearance: none;
          appearance: none;
  width: 0;
  height: 0;
  padding: 0.75em;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 5px;
}
.b24-form .b24-form-field.b24-form-field-agreement input[type=checkbox]:checked {
  background-color: #BDF300;
  border: 2px solid #BDF300;
}
.b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-desc {
  opacity: 0.7;
}
.b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-desc, .b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-desc a {
  color: #FFFFFF;
}
.b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-required {
  display: none;
}
.b24-form .b24-form-field.b24-form-field-agreement .b24-form-control-alert-message {
  top: 2rem;
}
/**************************************************/
/*************************************** Crm Form */
/************************************** Card List */
/**************************************************/
.card-list {
  display: flex;
  flex-direction: column;
  gap: 1.875em;
}
.card-list__row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
  gap: 1.875em;
}
.card-list__row > * {
  max-width: calc((100% - 3.75em) / 3);
  width: 100%;
}
@media (max-width: 991.98px) {
  .card-list__row > * {
    max-width: calc((100% - 1.875em) / 2);
  }
}
@media (max-width: 767.98px) {
  .card-list__row {
    justify-content: center;
  }
  .card-list__row > * {
    max-width: 100%;
  }
}
.card-list.--filled .card-list__row > *:not(.--open) {
  opacity: 0.8;
}

/**************************************************/
/************************************** Card List */
/************************************** Card Tabs */
/**************************************************/
.card-tabs__inner {
  display: inline-flex;
  gap: 1.25rem;
}

/**************************************************/
/************************************** Card Tabs */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.btn, .b24-form .b24-form-btn-block .b24-form-btn {
  --btn-bg-color: rgba(255, 255, 255, 0.1);
  --btn-bg-color_hover: "";
  --btn-bg-color_active: "";
  --btn-border-color: #FFFFFF;
  --btn-border-color_hover: "";
  --btn-border-color_active: "";
  --btn-text-color: #FFFFFF;
  --btn-text-color_hover: "";
  --btn-text-color_active: "";
  overflow: hidden;
  position: relative;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.6666666667em 0.8333333333em;
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  outline: none;
  border: 4px solid var(--btn-border-color);
  border-radius: 1.6666666667em;
  background-color: var(--btn-bg-color);
  color: var(--btn-text-color);
  text-decoration: none;
  cursor: pointer;
}
.btn:before, .b24-form .b24-form-btn-block .b24-form-btn:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.btn:hover, .b24-form .b24-form-btn-block .b24-form-btn:hover {
  text-decoration: none;
  box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.5);
  color: var(--btn-text-color);
}
.btn:focus, .b24-form .b24-form-btn-block .b24-form-btn:focus, .btn:active, .b24-form .b24-form-btn-block .b24-form-btn:active {
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .btn, .b24-form .b24-form-btn-block .b24-form-btn {
    font-size: 2.1em;
  }
}

.b24-form .b24-form-btn-block .b24-form-btn {
  --btn-bg-color: #CCF420;
  --btn-bg-color_hover: "";
  --btn-bg-color_active: "";
  --btn-border-color: #CCF420;
  --btn-border-color_hover: "";
  --btn-border-color_active: "";
  --btn-text-color: #000000;
  --btn-text-color_hover: "";
  --btn-text-color_active: "";
}
.b24-form .b24-form-btn-block .b24-form-btn:before {
  display: none;
}

/***************************************** Button */
/**************************************************/
.btn__text {
  position: relative;
  color: inherit;
}

/**************************************************/
/***************************************** Button */
/******************************************* Card */
/**************************************************/
.card {
  overflow: hidden;
  display: block;
  padding: 1.875em 1.875em 3.125em;
  margin: 0;
  border: none;
  border-radius: 1.875em;
  background-color: #FFFFFF;
  cursor: pointer;
}
.card__inner {
  position: relative;
}
.card__checker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.card__img-box {
  position: relative;
  display: block;
  padding-top: 67%;
  margin: 0;
  width: 100%;
  height: 0;
  filter: grayscale(1);
  transition: all 0.25s ease;
}
.card__pic {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.card__img {
  max-width: 100%;
  width: auto;
  height: 100%;
  vertical-align: bottom;
}
.card__title {
  display: block;
  padding: 1.875em 0em 0em;
}
.card__text {
  overflow: hidden;
  padding: 0.9375em 0em 0em;
}
.card:hover .card__img-box {
  filter: grayscale(0.5);
}
.card.--open .card__img-box, .card.--selected .card__img-box {
  filter: grayscale(0);
}
@media (max-width: 767.98px) {
  .card {
    padding: 3em 3em 5em;
  }
  .card__img-box {
    padding-top: 59%;
  }
  .card__pic {
    text-align: center;
  }
}

/**************************************************/
/******************************************* Card */
/************************************** Card Self */
/**************************************************/
/**************************************************/
/************************************** Card Self */
/********************************** Card Business */
/**************************************************/
.card.\:business .card__pic {
  padding: 0em 0em 0em 1.875em;
}
@media (max-width: 767.98px) {
  .card.\:business .card__img-box {
    padding-top: 77%;
  }
  .card.\:business .card__pic {
    padding: 0;
  }
}

/**************************************************/
/********************************** Card Business */
/************************************** Card Home */
/**************************************************/
.card.\:home .card__pic {
  padding: 0em 0em 0em 3.25em;
}
@media (max-width: 767.98px) {
  .card.\:home .card__img-box {
    padding-top: 65%;
  }
  .card.\:home .card__pic {
    padding: 0em 0em 0em 0.625em;
  }
}

/**************************************************/
/************************************** Card Home */
/*********************************** Card Checker */
/**************************************************/
.card-checker {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 2.8125em;
  margin: 0;
  cursor: pointer;
}
.card-checker__input {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
}
.card-checker__label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.card-checker__label svg {
  width: 100%;
  height: 100%;
}
.card-checker__label svg path {
  transition: fill 0.25s ease;
}
.card-checker__label svg path.circle {
  fill: #EFEFEF;
}
.card-checker__label svg path.check {
  fill: #C6C6C6;
}
.card-checker__input:checked + .card-checker__label svg path.circle {
  fill: #BDF300;
}
.card-checker__input:checked + .card-checker__label svg path.check {
  fill: #12112F;
}
@media (max-width: 767.98px) {
  .card-checker {
    padding: 3.6em;
  }
}

/**************************************************/
/*********************************** Card Checker */
/********************************* Card Tabs Item */
/**************************************************/
.card-tabs-item {
  overflow: hidden;
  position: relative;
  display: inline-flex;
  padding: 0.6666666667em 1.1111111111em;
  height: 2.5555555556em;
  max-width: 2.5555555556em;
  width: 100%;
  font-family: "TT Travels Text", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1em;
  white-space: nowrap;
  border: none;
  border-radius: 1.2777777778em;
  background-color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 0.25s ease;
}
.card-tabs-item__icon {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  rotate: -90deg;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.card-tabs-item__fig {
  display: inline-flex;
}
.card-tabs-item__img {
  max-width: 1.6666666667rem;
  width: 100%;
}
.card-tabs-item__text {
  position: relative;
  z-index: 10;
  visibility: hidden;
  color: #000000;
  white-space: nowrap;
}
.card-tabs-item.--active {
  max-width: 250px;
  background-color: #CCF420;
}
.card-tabs-item.--active .card-tabs-item__icon {
  opacity: 0;
}
.card-tabs-item.--active .card-tabs-item__text {
  visibility: visible;
}
@media (max-width: 991.98px) {
  .card-tabs-item__icon {
    rotate: 0deg;
  }
}
@media (max-width: 767.98px) {
  .card-tabs-item {
    font-size: 1rem;
  }
}

/**************************************************/
/********************************* Card Tabs Item */