/* variables */
:root {
  --footer-bg: #e8ebf4;
  --footer-color: #666;
  --color-border: #ccc;
  --color-bg-disabled: #e9edee;
  --link-color: #2886e2;
  --color-main: #000;
  --color-border: #ccc;
  --color-bg-disabled: #efefef;
  --color-blue: #2886e2;
  --color-green: #2f7b04;
  --color-gray: #666;
  --color-orange: #ffb74a;
  --success-color: #50a156;
  --error-color: #ba0000;
  --font-size-base: 14px;
  --font-size-small: 12px;
  --base-control-height: 40px;
  --base-control-line-height: 38px;
  --base-border-radius: 5px;
  --icon-height: 24px;
  --icon-small-height: 20px;
  --rotor-small-height: 18px;
  --icon-checkbox-active: url(/img/checkbox-on.svg);
  --icon-checkbox-active-disabled: url(/img/checkbox-off.svg);
  --icon-radio-active: url(/img/radio-on.svg);
  --icon-radio-active-disabled: url(/img/radio-off.svg);
  --primary-color: #2e97eb;
  --primary-color-1: #135cce;
  --secondary-1-color: #000000;
  --secondary-2-color: #ebebeb;
  --secondary-3-color: #e9edee;
  --gray-00-color: #000000;
  --gray-ff-color: #ffffff;
  --gray-1-color: #1a1a1a;
  --gray-2-color: #333333;
  --gray-3-color: #666666;
  --gray-4-color: #999999;
  --gray-5-color: #b3b3b3;
  --gray-6-color: #cccccc;
  --gray-7-color: #f1f1f1;
  --info-color: #8ac4f8;
  --warning-color: #fbc756;
  --hold-color: #ff9c55;
  --expired-color: #ba0000;
  --invoiced-color: #3b88cd;
  --partitial-color: #009ea8;
  --paid-color: #50a156;
  --on-term-color: #25e58f;
  --important-border-color: #e2b6b6;
  --important-bg-color: #ffe8e8;
  --info-border-color: #92afdc;
  --info-bg-color: #d6e3f7;
  --warning-border-color: #ffb648;
  --warning-bg-color: #fff8ed;
  --success-border-color: #b5d0c9;
  --success-bg-color: #e7faf5;
  --highlighted-bg-color: #244766;
  --brown-color: #a38660;
  --font-size-h4: 16px;
  --font-size-h3: 18px;
  --font-size-h2: 20px;
}

/* variables */
/* clean css  */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: Lato, sans-serif;
  scrollbar-width: thin;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
}

html {
  font-size: var(--font-size-base);
  color: var(--color-main);
  min-width: 320px;
}

body,
html {
  overflow-x: hidden;
  max-width: 100%;
}

a,
button {
  cursor: pointer;
}

.cursor--pointer {
  cursor: pointer;
}

.cursor--default {
  cursor: default;
}

.cursor--not-allowed {
  cursor: not-allowed;
}

.cursor--text {
  cursor: text;
}

input::-ms-clear {
  display: none;
}

input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}

textarea {
  resize: none;
  -webkit-overflow-scrolling: touch;
}

::selection {
  background: var(--color-blue);
  color: #fff;
}

.hidden {
  display: none !important;
}

/* clean css  */
/* general */
.black {
  font-weight: 900;
}

.bold {
  font-weight: 700;
}

.text-blue {
  color: var(--color-blue);
}

.text-green {
  color: var(--color-green);
}

.text-orange {
  color: var(--color-orange);
}

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

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

.screen-h2 {
  text-align: center;
  font-weight: 700;
  color: var(--color-main);
  font-size: 45px;
  line-height: 53px;
}

.screen-h2.black {
  font-weight: 900;
}

.screen-h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 15px;
}

.screen-h3-in {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.panel {
  border-radius: 20px;
  position: relative;
}

.panel__content {
  position: relative;
  z-index: 2;
  border-radius: 20px;
}

.panel__bg {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 20px;
}

.panel--testimonial {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(28, 109, 214, 0.1);
  border-radius: 15px;
  padding-left: 29px;
  padding-right: 29px;
}

.panel--feedback {
  background: #dbf0db;
  padding: 50px 29px;
}

.panel--quick {
  background: linear-gradient(180deg, #ecf2ff 0%, #c5defe 100%);
  padding: 50px 95px;
}

.panel--quick .panel__bg {
  background: url(/img/quick-bg.png) no-repeat 50% 101px;
  background-size: 749px auto;
}

.panel--contact {
  background: linear-gradient(180deg, #ecf2ff 0%, #c5defe 100%);
  padding: 50px;
}

.panel--contact .panel__bg {
  background: url(/img/contact-overlay.png) no-repeat 50% 50%;
  background-size: 848px auto;
}

.panel--contact .panel__content {
  width: 414px;
  margin: 0 auto;
}

.panel--contact .form {
  padding-top: 50px;
}

.panel--pricing {
  background: #dbf0db;
  padding: 50px;
}

.panel--ecosystem {
  background: #dbf0db;
  padding: 50px 63px;
}

.panel--green {
  background: #b9e7b9;
  border-radius: 15px;
  padding: 0 20px;
}

.panel--white-50 {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  padding: 0 40px;
  width: 100%;
}

.panel--white {
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(28, 109, 214, 0.1);
  border-radius: 15px;
}

.panel--platform {
  background: linear-gradient(360deg, #fff6c5 -7.7%, rgba(255, 246, 197, 0.6) 103.34%);
  border-radius: 20px;
  padding-left: 33px;
  padding-right: 33px;
  padding-top: 50px;
}

.flex {
  display: flex;
}

.flex--row {
  flex-direction: row;
}

.flex--column {
  flex-direction: column;
}

.flex--1 {
  flex: 1;
}

.flex--v-center {
  align-items: center;
}

.flex--h-center {
  justify-content: center;
}

.flex--half {
  gap: 15px;
}

.flex--half>div {
  min-width: 50%;
  max-width: 50%;
}

/* general */
/* form */
.form__btns {
  padding-top: 17px;
}

.field {
  margin-bottom: 13px;
}

.field__wrap {
  position: relative;
}

.field__wrap--search {
  flex: 1;
  margin: 0 15px;
}

.field__wrap .field__textfield {
  position: relative;
  z-index: 1;
  padding-right: 49px;
}

.field__wrap .field__button {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  cursor: pointer;
}

.field__wrap .field__button--search {
  width: 49px;
}

.field__button {
  height: var(--base-control-height);
  width: var(--base-control-height);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border-top-right-radius: var(--base-border-radius);
  border-bottom-right-radius: var(--base-border-radius);
}

.field__button--disabled {
  cursor: default;
}

.field__icon {
  width: var(--icon-small-height);
  height: var(--icon-small-height);
  fill: var(--gray-5-color);
  transition: fill ease 0.3s;
  display: block;
}

.field__icon--normal {
  width: var(--icon-height);
  height: var(--icon-height);
}

.field__icon--active {
  fill: var(--gray-3-color);
}

.field__icon--primary {
  fill: var(--gray-ff-color);
}

.field__label {
  line-height: 20px;
  margin-bottom: 4px;
  display: block;
}

.field__helper {
  line-height: 20px;
  margin-top: 4px;
  color: var(--gray-4-color);
}

.field__helper--error {
  color: var(--error-color);
}

.field__text {
  flex: 1;
}

.field__textfield {
  height: var(--base-control-height);
  border-radius: var(--base-border-radius);
  width: 100%;
  border: 1px solid var(--gray-6-color);
  padding-left: 12px;
  padding-right: 12px;
  transition: color ease 0.3s, border-color ease 0.3s, font-size ease 0.3s;
  font-size: var(--font-size-base);
  color: var(--color-main);
  line-height: var(--base-control-line-height);
}

.field__textfield::placeholder {
  color: var(--color-gray);
  font-size: var(--font-size-small);
  opacity: 1;
}

.field__textfield--active {
  border-color: var(--primary-color);
}

.field__textfield--error {
  border-color: var(--error-color);
}

.field__textfield--disabled {
  border-color: var(--color-border);
  background-color: var(--color-bg-disabled);
  color: var(--color-gray);
  cursor: default;
}

.field__textfield--disabled::placeholder {
  color: var(--color-gray);
}

/* form */
/* select */
.select {
  position: relative;
  padding-bottom: 1px;
  margin-bottom: -1px;
}

.select__visual {
  height: var(--base-control-height);
  border-radius: var(--base-border-radius);
  width: 100%;
  border: 1px solid var(--gray-6-color);
  padding-left: 12px;
  padding-right: 44px;
  transition: color ease 0.3s, border-color ease 0.3s, font-size ease 0.3s;
  cursor: pointer;
  font-size: var(--font-size-base);
  color: var(--secondary-1-color);
}

.select__visual--placeholder {
  color: var(--color-gray);
  font-size: var(--font-size-small);
  opacity: 1;
}

.select__visual--active {
  border-color: var(--primary-color);
}

.select__visual--disabled {
  border-color: var(--color-border);
  background-color: var(--color-bg-disabled);
  color: var(--color-gray);
  cursor: default;
}

.select__visual--disabled::placeholder {
  color: var(--color-gray);
}

.select__current {
  line-height: var(--base-control-line-height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.select__arrow {
  height: var(--base-control-height);
  width: var(--base-control-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border-top-right-radius: var(--base-border-radius);
  border-bottom-right-radius: var(--base-border-radius);
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}

.select__icon {
  height: var(--icon-small-height);
  width: var(--icon-small-height);
  stroke: var(--gray-5-color);
  fill: none;
  transition: stroke ease 0.3s;
}

.select__droplist {
  display: none;
  border-radius: var(--base-border-radius);
  background: var(--gray-ff-color);
  box-shadow: 0px 16px 32px -8px rgba(12, 12, 13, 0.4);
  position: absolute;
  z-index: 10;
  top: var(--base-control-height);
  margin-top: 1px;
  left: 0;
  width: 100%;
  min-width: 150px;
  overflow: hidden;
}

.select__droplist--expanded {
  display: block;
}

.select__scroll {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}

.select__item {
  height: var(--base-control-height);
  border-bottom: 1px solid var(--gray-6-color);
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  transition: background-color ease 0.3s;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.select__item:hover {
  background-color: var(--secondary-3-color);
}

.select__item--active {
  background-color: var(--secondary-3-color);
}

.select__item:last-child {
  border-bottom: 0;
}

.select__item .checkbox,
.select__item .radio {
  margin-right: 8px;
}

.select__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.select--location {
  min-width: 176px;
}

/* select */
/* radio */
.radio {
  display: flex;
  flex-direction: row;
  width: max-content;
  text-align: left;
  align-items: center;
  cursor: pointer;
}

.radio__item {
  padding: 15px 0;
}

.radio__input {
  height: var(--icon-small-height);
  width: var(--icon-small-height);
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 0 0 1px var(--gray-6-color) inset;
}

.radio__input:checked,
.radio__input--checked {
  background: var(--icon-radio-active) no-repeat 50% 50%;
  background-size: 10px auto;
  box-shadow: 0 0 0 1px var(--primary-color) inset;
}

.radio__input:disabled,
.radio__input--disabled {
  box-shadow: 0 0 0 1px var(--gray-6-color) inset;
  background-color: var(--secondary-3-color);
  cursor: default;
}

.radio__input:disabled:checked,
.radio__input:disabled.radio__input--checked,
.radio__input--disabled:checked,
.radio__input--disabled.radio__input--checked {
  box-shadow: 0 0 0 1px var(--gray-6-color) inset;
  background-image: var(--icon-radio-active-disabled);
}

.radio__label {
  margin-left: 10px;
  min-width: 130px;
}

.radio__label--active {
  color: var(--primary-color);
}

/* radio */
/* checkbox */
.checkbox {
  display: flex;
  flex-direction: row;
  text-align: left;
  align-items: center;
}

.checkbox--pushed {
  margin-top: 24px;
}

.checkbox__item {
  padding: 15px 0;
}

.checkbox__input {
  height: var(--icon-small-height);
  min-width: var(--icon-small-height);
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 0 0 1px var(--gray-6-color) inset;
  background: var(--gray-ff-color);
}

.checkbox__input:checked,
.checkbox__input--checked {
  background: var(--icon-checkbox-active) no-repeat 50% 50%;
  background-size: var(--icon-small-height) auto;
  box-shadow: 0 0 0 1px transparent inset;
}

.checkbox__input:disabled,
.checkbox__input--disabled {
  background-color: var(--secondary-3-color);
  box-shadow: 0 0 0 1px var(--gray-6-color) inset;
  border: 0;
}

.checkbox__input:disabled:checked,
.checkbox__input:disabled.checkbox__input--checked,
.checkbox__input--disabled:checked,
.checkbox__input--disabled.checkbox__input--checked {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: transparent;
  background-image: var(--icon-checkbox-active-disabled);
}

.checkbox__label {
  margin-left: 10px;
  min-width: 130px;
}

/* checkbox */
/* language switcher */
.lang {
  width: 106px;
  height: var(--base-control-height);
  position: relative;
}

.lang__active {
  border-radius: var(--base-border-radius);
  background: var(--gray-ff-color);
}

.lang__active .lang__item {
  border-radius: var(--base-border-radius);
  border: 1px solid var(--gray-6-color);
}

.lang__active .lang__item:hover {
  background-color: var(--gray-ff-color);
}

.lang__active--expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.lang__active--expanded .lang__item {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}

.lang__item {
  width: 100%;
  height: var(--base-control-height);
  color: var(--secondary-1-color);
  font-size: var(--font-size-base);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
  padding: 8px 10px;
  text-decoration: none;
  cursor: pointer;
}

.lang__item:hover {
  background-color: var(--secondary-3-color);
}

.lang__item--active {
  color: var(--primary-color);
  cursor: default;
}

.lang__item--active:hover {
  background-color: var(--primary-color);
  color: var(--gray-ff-color);
}

.lang__icon {
  width: 32px;
  height: 22px;
}

.lang__text {
  text-align: left;
  text-transform: uppercase;
  margin-left: 8px;
  line-height: 18px;
}

.lang__list {
  position: absolute;
  width: 106px;
  top: var(--base-control-height);
  left: 0;
  border-bottom-left-radius: var(--base-border-radius);
  border-bottom-right-radius: var(--base-border-radius);
  border: 1px solid var(--gray-6-color);
  border-top: 0;
  display: none;
  list-style: none;
  overflow: hidden;
  z-index: 6;
  background-color: var(--gray-ff-color);
}

.lang__list--expanded {
  display: block;
}

/* language switcher */
/* switcher (toggle button) */
.switcher {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: max-content;
  justify-content: center;
  align-items: center;
}

.switcher__label {
  margin-right: 12px;
}

.switcher__label:last-child {
  margin-right: 0;
}

.switcher--active .switcher__label {
  color: var(--primary-color);
}

.switch {
  height: var(--icon-height);
  width: 46px;
  border-radius: calc(var(--icon-height) / 2);
  position: relative;
  padding: 2px;
  font-size: 0;
  line-height: 0;
  background: var(--gray-5-color);
  transition: background ease 0.3s;
  margin-right: 12px;
  cursor: pointer;
}

.switch:last-child {
  margin-right: 0;
}

.switch input {
  position: absolute;
  top: -1000px;
  left: -1000px;
}

.switch:before {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--gray-ff-color);
  display: block;
  content: " ";
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left ease 0.3s;
  z-index: 1;
}

.switch--active {
  background: var(--primary-color);
}

.switch--active:before {
  left: var(--icon-height);
}

.switch--double {
  background: var(--gray-5-color);
}

.switch--double.switch--active {
  background: var(--primary-color);
}

.switch--double.switch--active.switch--disabled {
  background: var(--gray-4-color);
}

.switch--disabled {
  background: var(--gray-4-color);
  cursor: default;
}

/* switcher (toggle button) */
/* rotor */
.rotor {
  animation-name: rotation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.rotor--small {
  height: var(--rotor-small-height);
  width: var(--rotor-small-height);
  border: 2px solid var(--primary-color);
  border-bottom-color: var(--gray-ff-color);
  border-radius: 50%;
}

.rotor--normal {
  height: 64px;
  width: 64px;
  border: 3px solid var(--primary-color);
  border-radius: 50%;
}

.rotor--primary {
  border-color: var(--primary-color);
  border-bottom-color: var(--gray-6-color);
}

.rotor--inner {
  border-color: var(--gray-ff-color);
  border-bottom-color: var(--primary-color);
}

.loading {
  text-align: center;
  padding: 10px;
}

.loading .rotor {
  margin: 0 auto 26px auto;
}

.loading__text {
  font-weight: 700;
}

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

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

/* rotor */
/* normal button */
.button {
  background: var(--gray-7-color);
  color: var(--gray-3-color);
  font-size: var(--font-size-base);
  border: 1px solid var(--gray-6-color);
  display: flex;
  font-weight: 700;
  border-radius: var(--base-border-radius);
  height: var(--base-control-height);
  line-height: var(--base-control-line-height);
  cursor: pointer;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 86px;
  padding: 0 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color ease 0.3s, color ease 0.3s, border-color ease 0.3s;
  column-gap: 8px;
  text-decoration: none;
}

.button:disabled {
  color: var(--gray-6-color);
  cursor: default;
}

.button .radio__label {
  min-width: 20px;
}

.button__icon {
  height: var(--icon-height);
  width: var(--icon-height);
  fill: var(--gray-3-color);
}

.button__icon:last-child {
  margin-right: -3px;
  margin-top: 1px;
}

.button__icon--stroke {
  stroke: var(--gray-3-color);
  fill: none;
}

.button .rotor {
  margin-left: 10px;
  border-bottom-color: transparent !important;
}

.button.button--active {
  border: 1px solid var(--primary-color);
  background: var(--secondary-3-color);
}

.button--radio {
  background: var(--gray-ff-color);
}

.button.button--primary {
  background: var(--primary-color);
  border: 0;
  color: var(--gray-ff-color);
  background: linear-gradient(94.9deg, var(--primary-color-1) -39.9%, var(--primary-color) 95.93%);
}

.button.button--primary:hover {
  background: linear-gradient(94.9deg, var(--primary-color) -39.9%, var(--primary-color-1) 95.93%);
}

.button.button--primary .rotor {
  border-color: var(--gray-ff-color);
}

.button.button--primary .button__icon {
  fill: var(--gray-ff-color);
}

.button.button--primary .button__icon--stroke {
  stroke: var(--gray-ff-color);
  fill: none;
}

.button.button--primary:disabled {
  background-color: var(--info-border-color);
  border-color: var(--info-border-color);
  color: var(--gray-7-color);
}

.button.button--primary:disabled .button__icon {
  fill: var(--gray-7-color);
}

.button.button--primary:disabled .button__icon--stroke {
  stroke: var(--gray-7-color);
  fill: none;
}

.button.button--wide {
  width: 100%;
}

.button.button--highlighted {
  background: var(--highlighted-bg-color);
  border-color: var(--highlighted-bg-color);
  color: var(--gray-ff-color);
}

.button.button--highlighted .rotor {
  border-color: var(--gray-ff-color);
}

.button.button--highlighted .button__icon {
  fill: var(--gray-ff-color);
}

.button.button--highlighted .button__icon--stroke {
  stroke: var(--gray-ff-color);
  fill: none;
}

.button.button--highlighted:disabled {
  background-color: var(--info-border-color);
  border-color: var(--info-border-color);
  color: var(--gray-7-color);
}

.button.button--highlighted:disabled .button__icon {
  fill: var(--gray-7-color);
}

.button.button--highlighted:disabled .button__icon--stroke {
  stroke: var(--gray-7-color);
  fill: none;
}

/* normal button */
/* square button */
.button-square {
  display: flex;
  height: var(--base-control-height);
  width: var(--base-control-height);
  background: var(--gray-ff-color);
  border: 1px solid var(--gray-6-color);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: var(--base-border-radius);
  text-decoration: none;
  cursor: pointer;
}

.button-square__icon {
  height: var(--icon-height);
  width: var(--icon-height);
}

.button-square__icon--mono {
  fill: var(--gray-3-color);
}

.button-square__icon--file {
  height: 26px;
}

.button-square__icon--stroke {
  stroke: var(--gray-3-color) !important;
  fill: none !important;
}

.button-square--filter-expanded {
  display: none;
}

.button-square--primary {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.button-square--primary .button-square__icon--mono {
  fill: var(--gray-ff-color);
}

.button-square--primary .button-square__icon--file {
  height: 26px;
}

.button-square--primary .button-square__icon--stroke {
  stroke: var(--gray-ff-color) !important;
  fill: none !important;
}

.button-square:disabled,
.button-square--disabled {
  background: var(--gray-7-color);
  border: 1px solid var(--gray-7-color);
  cursor: default;
}

.button-square:disabled .button-square__icon--mono,
.button-square--disabled .button-square__icon--mono {
  fill: var(--gray-3-color);
}

.button-square:disabled .button-square__icon--stroke,
.button-square--disabled .button-square__icon--stroke {
  stroke: var(--gray-3-color) !important;
  fill: none !important;
}

/* square button */
/* complex loader */
.loader {
  position: relative;
  width: 79px;
  height: 79px;
  perspective: 800px;
  transform-style: preserve-3d;
  transform: translateZ(0) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);
  opacity: 1;
  transition: all 0.2s ease-out;
}

.loader__icon {
  display: block;
  height: 28px;
  width: 21px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -10px;
}

.loader__circle {
  width: 100%;
  height: 100%;
  animation: spin 5s linear infinite;
  position: relative;
  z-index: 2;
}

.loader__dot {
  position: absolute;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: var(--primary-color);
  animation: fade-in-out 5s linear infinite;
  z-index: 2;
}

.loader .loader__dot:nth-child(1) {
  top: 33px;
  left: 66px;
  animation-delay: 0s;
}

.loader .loader__dot:nth-child(2) {
  top: 50px;
  left: 62px;
  animation-delay: 0.4166666667s;
}

.loader .loader__dot:nth-child(3) {
  top: 62px;
  left: 50px;
  animation-delay: 0.8333333333s;
}

.loader .loader__dot:nth-child(4) {
  top: 66px;
  left: 33px;
  animation-delay: 1.25s;
}

.loader .loader__dot:nth-child(5) {
  top: 62px;
  left: 17px;
  animation-delay: 1.6666666667s;
}

.loader .loader__dot:nth-child(6) {
  top: 50px;
  left: 4px;
  animation-delay: 2.0833333333s;
}

.loader .loader__dot:nth-child(7) {
  top: 33px;
  left: 0px;
  animation-delay: 2.5s;
}

.loader .loader__dot:nth-child(8) {
  top: 17px;
  left: 4px;
  animation-delay: 2.9166666667s;
}

.loader .loader__dot:nth-child(9) {
  top: 4px;
  left: 16px;
  animation-delay: 3.3333333333s;
}

.loader .loader__dot:nth-child(10) {
  top: 0px;
  left: 33px;
  animation-delay: 3.75s;
}

.loader .loader__dot:nth-child(11) {
  top: 4px;
  left: 49px;
  animation-delay: 4.1666666667s;
}

.loader .loader__dot:nth-child(12) {
  top: 16px;
  left: 62px;
  animation-delay: 4.5833333333s;
}

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

  to {
    transform: rotate(360deg);
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 0.8;
  }

  25% {
    opacity: 0.2;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0.8;
  }
}

.global-loader {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

/* complex loader */
/* footer */
.footer {
  display: block;
  background: var(--footer-bg);
  color: var(--footer-color);
  font-size: 15px;
}

.footer a {
  color: var(--footer-color);
  transition: color ease 0.3s;
}

.footer a:hover {
  color: var(--link-color);
}

.footer ul,
.footer ol {
  list-style: none;
}

.footer li,
.footer .li {
  margin-top: 4px;
}

.footer h3 {
  color: #000;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}

.footer__logo {
  display: block;
  width: 238px;
  margin-bottom: 10px;
}

.footer__logo img {
  display: block;
  width: 100%;
}

.footer__top {
  padding-top: 47px;
  padding-bottom: 25px;
  line-height: 25px;
}

.footer__col-1 {
  min-width: 34%;
  max-width: 34%;
}

.footer__col-1 p {
  padding-top: 10px;
  max-width: 350px;
}

.footer__col-x {
  min-width: 22%;
  max-width: 22%;
  padding-left: 15px;
}

.footer__copyrights {
  padding: 44px 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: var(--color-main);
  border-top: 1px solid #ccc;
}

.footer__copyrights a {
  color: var(--link-color);
  transition: color ease 0.3s, border-bottom-color ease 0.3s;
  border-bottom: 1px solid var(--link-color);
}

.footer__copyrights a:hover {
  border-bottom-color: transparent;
}

.footer .wrapper {
  max-width: 1210px;
  margin: 0 auto;
}

/* footer */
/* contact screen */
.contact-screen {
  padding-bottom: 80px;
}

.contact-screen .wrapper {
  max-width: 1274px;
}

.contact-screen .checkbox--pushed:hover,
.contact-screen .checkbox--pushed [type=checkbox]:hover {
  cursor: pointer;
}

.contact-screen .panel--contact .form {
  padding-bottom: 10px;
}

.contact-screen input.invalid {
  border-color: red !important;
}

.contact-screen .name-error,
.contact-screen .phone-error,
.contact-screen .email-error {
  color: red;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}

.contact-screen .content-footer {
  margin-top: 25px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #7C96BD;
}

.contact-screen .success-message,
.contact-screen .error-message {
  display: none;
  text-align: center;
}

.contact-screen .success-message {
  border-radius: 14px;
  background-color: transparent;
  color: #2886e2;
}

.contact-screen .success-message.contact {
  border-style: none;
  font-weight: bold;
  font-size: 16px;
}

.contact-screen .error-message {
  font-size: 12px;
  line-height: 12px;
  padding: 12px;
  border-radius: 7px;
  margin-left: 9px;
}

.contact-screen .button-spinner {
  position: absolute;
  height: 80px;
  width: 80px;
  background: url(/img/Ellipsis-1.3s-80px.gif) center no-repeat transparent;
  background-size: 50px;
  opacity: 0.5;
  left: calc(50% - 40px);
  margin-top: -60px;
}

/* contact screen */
/* testimonials screen */
.testimonials-screen {
  padding-bottom: 80px;
}

.testimonials-screen .wrapper {
  max-width: 1274px;
}

/* testimonials screen */
/* quick screen */
.quick-screen {
  padding-bottom: 80px;
}

.quick-screen .screen-h2 {
  text-align: left;
  font-size: 44px;
}

.quick-screen .screen-h3 {
  text-align: left;
}

.quick-screen .wrapper {
  max-width: 1274px;
}

/* quick screen */
/* pricing screen */
.pricing-screen {
  padding-bottom: 80px;
}

.pricing-screen .wrapper {
  max-width: 1274px;
}

.pricing-footer {
  text-align: center;
  line-height: 19px;
  padding: 100px 0 30px 0;
}

.pricing-footer a {
  color: var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  transition: border-bottom-color ease 0.3s;
}

.pricing-footer a:hover {
  border-bottom-color: transparent;
}

.pricing-grid {
  gap: 40px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 75px;
  justify-content: stretch;
}

.pricing-grid__item--discount {
  width: 27%;
}

.pricing-grid__item--monthly {
  width: 33%;
}

.pricing-grid__item--f {
  min-width: 60%;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.pricing-grid__item--price {
  min-width: 60%;
  flex: 1;
  gap: 40px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: stretch;
}

.p-discount {
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(47, 123, 4, 0.2);
}

.p-discount__head {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
}

.p-discount__txt {
  line-height: 30px;
  flex: 1;
}

.p-discount__company {
  max-width: 220px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(47, 123, 4, 0.2);
  text-align: center;
  line-height: 20px;
  padding: 27px 20px;
}

.p-discount__yearly {
  font-size: var(--font-size-small);
  text-align: center;
  padding-top: 14px;
}

.p-discount__saved {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 21px;
}

.bold-sum {
  font-size: 30px;
  font-weight: 700;
}

.black-sum {
  font-size: 30px;
  font-weight: 900;
}

.big-sum {
  font-size: 56px;
  font-weight: 900;
}

.badge {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  padding: 0 10px;
  min-width: 70px;
  text-align: center;
  font-size: var(--font-size-small);
  font-weight: 700;
  color: #fff;
  background: #2d7a02;
}

.p-examples {
  border-top: 1px solid rgba(164, 171, 182, 0.3);
  padding: 15px 0;
  gap: 40px;
}

.p-examples__head {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  padding: 14px 0;
}

.p-examples__location {
  color: #4c4c4c;
  line-height: 23px;
  flex: 1;
}

.p-examples__location .bold-sum {
  font-size: 20px;
  font-weight: 700;
}

.p-examples__price {
  text-align: center;
  line-height: 30px;
}

.p-examples__price .bold-sum {
  font-size: 30px;
  font-weight: 700;
}

.p-examples__price .black-sum {
  font-size: 30px;
  font-weight: 900;
}

.p-examples__price:last-child {
  padding-right: 40px;
}

.sign {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 30px;
  color: #666666;
  overflow: hidden;
  font-weight: 700;
}

.p-subscription {
  padding: 30px;
}

.p-subscription__head {
  text-align: center;
  font-weight: 900;
  font-size: 27px;
  line-height: 33px;
  padding-bottom: 17px;
}

.p-subscription__pblock {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: fit-content;
}

.p-subscription__price {
  font-weight: 900;
  text-align: center;
  font-size: 66px;
  line-height: 1;
}

.p-subscription__label {
  text-align: right;
  font-size: var(--font-size-small);
  line-height: 1;
}

.p-subscription__users {
  text-align: center;
  font-size: 19px;
  line-height: 28px;
  padding: 21px 0 17px 0;
}

.p-subscription__info {
  border-top: 1px solid #d3d9d9;
  padding: 0 15px;
}

.p-subscription__list-ch {
  list-style: none;
  line-height: 30px;
  font-size: 22px;
  font-weight: 700;
  padding: 13px 0;
}

.p-subscription__list-ch li {
  padding: 11px 0 5px 49px;
  position: relative;
}

.p-subscription__list-ch li .marker {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  font-size: 0;
  content: " ";
  left: 0;
  z-index: 1;
  display: block;
}

.p-subscription__list-t {
  list-style: none;
  color: rgba(0, 0, 0, 0.6);
  line-height: 19px;
}

.p-subscription__list-t li {
  padding: 3px 0 3px 12px;
  position: relative;
}

.p-subscription__list-t li::before {
  position: absolute;
  top: 10px;
  margin-top: 0;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  font-size: 0;
  content: " ";
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  display: block;
}

.p-users {
  padding: 20px 35px;
  position: relative;
  overflow: hidden;
  gap: 10px;
}

.p-users__head {
  font-size: 27px;
  line-height: 33px;
}

.p-users__div {
  border-left: 1px solid #d3d9d9;
}

.p-users__col {
  padding: 27px 0;
}

.p-users__pblock {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.p-users__label {
  font-size: 10px;
  text-align: right;
  font-weight: 700;
}

.p-users .ribbon {
  background: var(--color-green);
  color: #fff;
  height: 26px;
  font-size: var(--font-size-small);
  line-height: 26px;
  white-space: nowrap;
  width: 122px;
  position: absolute;
  z-index: 1;
  text-align: center;
  transform: rotate(39.4deg);
  right: -22px;
  top: 16px;
  padding-left: 7px;
}

.p-modules {
  padding: 29px 0 50px 0;
}

.p-modules .p-users__head {
  padding: 0 35px 40px 35px;
}

.p-modules .p-subscription__list-t {
  margin-top: 54px;
}

.p-modules__cols>div {
  padding: 0 35px;
  min-width: 33.33%;
}

/* pricing screen */
/* why us screen */
.vava-screen {
  padding: 40px 0 50px 0;
}

.vava-screen .wrapper {
  max-width: 1122px;
}

.divider {
  height: 4px;
  width: 100px;
  border-radius: 2px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  display: block;
  background: #000;
  margin: 40px 0 30px 0;
}

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

.divider--orange {
  background: var(--color-orange);
}

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

.divider--green {
  background: var(--color-green);
}

.reason__txt {
  line-height: 23px;
  color: #727272;
}

.reason__txt p {
  padding: 10px 0;
}

.reason__img {
  position: absolute;
  z-index: 1;
  display: block;
}

.reason__img--1 {
  width: 548px;
  top: 49px;
  left: 0;
}

.reason__img--2 {
  width: 548px;
  top: 49px;
  left: -7px;
}

.reason__img--3 {
  width: 548px;
  top: 27px;
  left: -7px;
}

.reason__img--4 {
  width: 586px;
  top: 40px;
  left: 17px;
}

.reason__img--5 {
  width: 728px;
  top: -130px;
  right: -50px;
}

.reason__panel {
  width: 100%;
  height: 399px;
  border-radius: 20px;
  width: 527px;
  position: relative;
}

.reason__panel--blue {
  background: linear-gradient(180deg, #ecf2ff -33.58%, #c5defe 107.27%);
}

.reason__panel--yellow {
  background: #fff7c7;
}

.reason__panel--green {
  background: #dbf0db;
}

.reason__item {
  gap: 70px;
  align-items: center;
  padding: 50px 0;
}

.reason__item .screen-h2 {
  text-align: left;
  line-height: 62px;
  margin-bottom: 10px;
}

/* why us screen */
/* ecosystem screen */
.ecosystem-screen {
  padding-bottom: 40px;
}

.ecosystem-screen .wrapper {
  max-width: 1274px;
}

.ai {
  width: 60px;
  height: 60px;
  background: url(/img/ai.svg) no-repeat 50% 50%;
  background-size: contain;
  display: block;
}

.ai--big {
  height: 110px;
  width: 110px;
}

.ecosystem {
  height: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 110px;
  position: relative;
}

.ecosystem .ai {
  position: absolute;
  top: 10px;
  left: 12px;
}

.ecosystem__img-wrap {
  position: absolute;
  height: 240px;
  width: 100%;
  left: 0;
  top: -130px;
}

.ecosystem__img {
  height: 100%;
  display: block;
  margin: 0 auto;
}

.ecosystem__img--1 {
  height: 246px;
}

.ecosystem__img--3 {
  height: 277px;
  position: relative;
  top: -17px;
}

.ecosystem__img--4 {
  height: 235px;
}

.ecosystem__head {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.ecosystem__head .flex--row {
  gap: 30px;
  width: fit-content;
  margin: 0 auto;
}

.ecosystem__soon {
  position: absolute;
  left: 100%;
  white-space: nowrap;
  margin-left: 20px;
  font-size: 31px;
  line-height: 53px;
  top: 50%;
  margin-top: -21px;
}

.ecosystem__list {
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 64px;
}

.ecosystem__item {
  padding: 130px 25px 25px 25px;
  min-width: 50%;
  max-width: 50%;
}

.ecosystem__txt {
  font-size: 16px;
  line-height: 25px;
  color: #666666;
}

.ecosystem .screen-h3 {
  margin-top: 10px;
  margin-bottom: 18px;
}

.ecosystem__h2 {
  font-size: 25px;
  line-height: 44px;
  font-weight: 700;
}

/* ecosystem screen */
/* platform screen */
.platform-screen {
  padding-bottom: 40px;
}

.platform-screen .wrapper {
  max-width: 1274px;
}

.platform__img-wrap {
  height: 100px;
  position: relative;
}

.platform__img {
  position: absolute;
  bottom: 0;
  left: 50%;
}

.platform__img--1 {
  height: 232px;
  margin-left: -235px;
}

.platform__img--2 {
  height: 229px;
  margin-left: -243px;
  bottom: 3px;
}

.platform__img--3 {
  height: 192px;
  margin-left: -261px;
  bottom: 10px;
}

.platform__img--4 {
  height: 222px;
  margin-left: -146px;
  bottom: 5px;
}

.platform__img--5 {
  height: 180px;
  margin-left: -172px;
  bottom: 35px;
}

.platform__img--6 {
  height: 207px;
  margin-left: -176px;
  bottom: 5px;
}

.platform__img--7 {
  height: 175px;
  margin-left: -136px;
  bottom: 38px;
}

.platform__list {
  justify-content: center;
  flex-wrap: wrap;
}

.platform__info {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.platform__item {
  padding-top: 162px;
  padding-bottom: 50px;
  align-self: stretch;
}

.platform__item .ecosystem__h2 {
  text-align: center;
}

.platform__item .screen-h3 {
  margin-top: 10px;
}

.platform__item .ecosystem__txt {
  padding-top: 10px;
}

.platform__item .panel--white {
  height: 100%;
}

.platform__item--2 {
  min-width: 50%;
  max-width: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.platform__item--3 {
  min-width: 33.33%;
  max-width: 33.33%;
  padding-left: 19px;
  padding-right: 19px;
}

.speaking {
  position: absolute;
  right: 0;
  bottom: 48px;
}

.speaking__wrap {
  position: relative;
}

.speaking__label {
  line-height: 20px;
  margin-bottom: 10px;
}

.speaking__list {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.speaking .lang__icon {
  width: 48px;
  height: 32px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.speaking .lang__icon--br {
  width: 45px;
}

.speaking .lang__icon--es {
  width: 46px;
}

/* platform screen */
/* quick */
.quick-h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 14px;
}

.quick-screen {
  padding-bottom: 80px;
}

.quick-screen .screen-h2,
.quick-screen .screen-h3 {
  text-align: center;
}

.locked {
  position: relative;
  cursor: pointer;
}

.locked::after {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  content: " ";
}

.timezone__h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}

.timezone__head {
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

.timezone__wrap {
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.timezone__icon {
  fill: #000;
}

.ui-datepicker {
  background: var(--gray-ff-color);
  border-radius: 15px;
  max-width: 414px;
  margin: 0 auto;
  font-size: var(--font-size-base);
  padding: 17px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ui-datepicker-calendar {
  margin: 0 auto;
  line-height: 37px;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  width: 53px;
  text-align: center;
  color: var(--gray-00-color);
  font-weight: 400;
  text-transform: uppercase;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar th a {
  color: var(--gray-00-color);
  display: block;
  line-height: 37px;
  width: 100%;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  height: 16px;
  width: 16px;
  display: block;
  border: 4px solid var(--gray-00-color);
  border-right: 0;
  border-bottom: 0;
  position: absolute;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  display: none;
}

.ui-datepicker-prev {
  transform: rotate(-45deg);
  left: 11px;
  top: 8px;
}

.ui-datepicker-next {
  transform: rotate(135deg);
  border-color: var(--primary-color-1);
  right: 11px;
  top: 8px;
}

.ui-datepicker-header {
  position: relative;
  margin: 4px 5px 10px 5px;
}

.ui-datepicker-title {
  text-align: center;
  line-height: 32px;
  padding: 0 33px;
}

.ui-datepicker-today a {
  color: var(--primary-color-1) !important;
  position: relative;
}

.ui-datepicker-today a::after {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  display: block;
  font-size: 0;
  line-height: 0;
  content: " ";
  background: var(--primary-color-1);
  bottom: 0;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  z-index: 1;
}

.cols-demo .flex--half {
  margin-top: 50px;
}

.cols-demo .flex--half>div {
  max-width: none;
  min-width: 1px;
  flex: 1;
}

.cols-demo--inner {
  width: 414px;
}

.cols-demo>div {
  min-width: 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
}

.cols-demo>div:first-child {
  align-items: flex-start;
}

.cols-demo>div:last-child {
  align-items: flex-end;
}

/* quick */
/* testimonials */
.owl-prev,
.owl-next {
  border-radius: 50%;
  background: none;
}

.testimonial {
  min-height: 418px;
  display: flex;
  flex-direction: column;
}

.testimonial__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-self: center;
  gap: 40px;
  margin-top: 12px;
}

.testimonial__btn {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.testimonial__btn:hover {
  background: linear-gradient(94.9deg, #135cce -39.9%, #2e97eb 95.93%);
  filter: drop-shadow(0px 116px 46px rgba(0, 0, 0, 0.01)) drop-shadow(0px 65px 39px rgba(0, 0, 0, 0.04)) drop-shadow(0px 29px 29px rgba(0, 0, 0, 0.06)) drop-shadow(0px 7px 16px rgba(0, 0, 0, 0.07)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.08));
}

.testimonial__btn:hover .testimonial__icon {
  fill: #fff;
}

.testimonial__icon {
  height: 16px;
  width: 16px;
  fill: #000;
}

.testimonial__dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.testimonial__list {
  margin-top: 35px;
}

.testimonial__item {
  padding: 15px;
}

.testimonial__foot {
  border-top: 1px solid #ccc;
  padding: 21px 0;
  align-items: center;
}

.testimonial__foot>div:first-child {
  flex: 1;
}

.testimonial__head {
  padding: 23px 0;
}

.testimonial__head .col-logo {
  flex: 1;
  padding-right: 15px;
}

.testimonial__head .col-logo img {
  max-width: 210px;
}

.testimonial__flag {
  width: 56px;
  height: 36px;
  display: flex;
  border-radius: 8px;
}

.testimonial__body {
  font-size: 14px;
  line-height: 23px;
  padding: 0 0 11px 0;
  flex: 1;
  color: #666;
}

.testimonial__body p {
  padding: 10px 0;
}

.owl-dot {
  background: rgba(0, 0, 0, 0.25);
  height: 20px;
  width: 20px;
  display: block;
  border-radius: 10px;
}

.owl-dot.active {
  background: var(--success-color);
}

/* testimonials */
/* stars */
.stars {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}

.star {
  height: 20px;
  width: 20px;
}

/* stars */
/* video */
.videos-screen {
  padding-bottom: 50px;
  padding-top: 50px;
}

.videos-screen .wrapper {
  max-width: 1274px;
}

.video {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 270px;
  cursor: pointer;
  display: block;
}

.video::after {
  position: absolute;
  z-index: 2;
  height: 185px;
  width: 100%;
  content: " ";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%);
  transition: background ease 0.3s;
  bottom: 0;
  left: 0;
  display: block;
}

.video:hover::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
}

.video__title {
  position: absolute;
  display: block;
  z-index: 3;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px 33px;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.video__play {
  position: absolute;
  z-index: 4;
  top: 15px;
  right: 27px;
}

.video__icon {
  height: 51px;
  width: 51px;
  cursor: pointer;
  border-radius: 50%;
  filter: drop-shadow(0px 116px 46px rgba(0, 0, 0, 0.01)) drop-shadow(0px 65px 39px rgba(0, 0, 0, 0.04)) drop-shadow(0px 29px 29px rgba(0, 0, 0, 0.06)) drop-shadow(0px 7px 16px rgba(0, 0, 0, 0.07)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.08));
}

.video__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -11px;
}

.video__item {
  padding: 11px;
}

.video__item--a {
  width: 65%;
}

.video__item--b {
  width: 35%;
}

.video__item--c {
  width: 25%;
}

.video__img {
  height: 270px;
  position: relative;
  z-index: 1;
  display: block;
}

/* video */
/* top */
.stycky-header {
  padding: 6px 0;
  border-bottom: 1px solid #000;
  background: #ffd73b;
  position: relative;
}

.stycky-header .wrapper {
  max-width: 1274px;
}

.stycky-header .col-center {
  width: 173px;
}

.stycky-header .col-left,
.stycky-header .col-right {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
}

.stycky-header .col-left {
  justify-items: flex-end;
}

.phone {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  color: #000;
}

.phone__icon {
  height: 40px;
  width: 40px;
}

.big-price {
  height: 61px;
  width: 115px;
  background: #000;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -57px;
}

.big-price__num {
  font-size: 26px;
  line-height: 26px;
  padding-top: 10px;
}

.big-price__txt {
  font-size: 10px;
  line-height: 17px;
  font-weight: 700;
}

/* top */
/* home */
.home-screen {
  background: #ecf2ff;
  background: -webkit-linear-gradient(180deg, #ecf2ff -33.58%, #c5defe 107.27%);
  background: linear-gradient(180deg, #ecf2ff -33.58%, #c5defe 107.27%);
  height: 800px;
  padding-top: 153px;
  position: relative;
}

.home-screen .wrapper {
  max-width: 1274px;
}

.home-screen__head-1 {
  text-align: center;
  color: #3B88CD;
  margin-top: 9px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 700;
}

.home-screen__head-2 {
  text-align: center;
  font-weight: 700;
  font-size: 50px;
  line-height: 53px;
}

.home-screen__head-3 {
  text-align: center;
  font-size: 35px;
  line-height: 53px;
  font-weight: 400;
}

.home-screen__head-4 {
  text-align: center;
  color: #2886E2;
  font-size: 33px;
  line-height: 25px;
  font-weight: 400;
}

.home-screen__bg {
  display: block;
  position: absolute;
  height: 626px;
  width: 1574px;
  left: 50%;
  bottom: -90px;
  margin-left: -817px;
  background: url(/img/home.png) no-repeat 50% 0;
  background-size: contain;
}

.scroll-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.scroll-header.fixed .header {
  background-color: var(--gray-ff-color);
  box-shadow: 1px -1px 0px 0px var(--gray-6-color) inset;
  padding: 10px 0;
}

.header {
  display: block;
  padding: 23px 0;
  transition: background-color ease 0.3s, padding ease 0.3s;
}

.header__img {
  height: 54px;
  display: block;
}

.header__hamburger {
  display: none;
}

.header__center {
  flex: 1;
}

.header__right {
  display: flex;
  gap: 20px;
  flex-direction: row;
  align-items: center;
}

.header__nav {
  display: flex;
  justify-content: center;
}

.header__ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  align-self: center;
}

.header__ul a {
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  transition: color ease 0.3;
}

.header__ul a:hover {
  color: var(--primary-color-1);
}

.header__ul .active a {
  color: var(--primary-color-1);
}

#ui-datepicker-div {
  display: none;
}

.overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: none;
}

.overlay.fade {
  opacity: 1;
}

.overlay.show {
  display: block;
}

.overlay.on .mobile-menu {
  right: 0;
}

.mobile-lang {
  list-style: none;
  padding: 10px 0;
}

.mobile-lang li {
  padding: 10px 0;
}

.mobile-lang__item {
  border-radius: 15px;
  border: 1px solid var(--gray-6-color);
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 17px;
  gap: 17px;
  color: var(--gray-00-color);
}

.mobile-lang__item--active {
  background: #D8E8FF;
  border-color: #D8E8FF;
}

.mobile-lang__item--active .mobile-lang__shape {
  border-color: var(--primary-color-1);
}

.mobile-lang__item--active .mobile-lang__shape::before {
  background: var(--primary-color-1);
}

.mobile-lang__txt {
  flex: 1;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}

.mobile-lang__shape {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: block;
  border: 1px solid var(--gray-6-color);
  background: var(--gray-ff-color);
  position: relative;
  font-size: 0;
  line-height: 0;
}

.mobile-lang__shape::before {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: block;
  background: none;
  content: " ";
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
}

.mobile-menu {
  background: var(--gray-ff-color);
  max-width: 382px;
  width: 90%;
  position: absolute;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: right ease-in-out 0.7s;
  right: -382px;
  top: 0;
}

.mobile-menu__head {
  padding: 25px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.mobile-menu__head .header__img {
  height: 42px;
}

.mobile-menu__head .button--close {
  min-width: 40px;
  padding: 0;
  border: 0;
  background: none;
}

.mobile-menu__head .button__icon {
  fill: var(--gray-00-color);
}

.mobile-menu__ul {
  list-style: none;
  padding: 0 0 20px 0;
  border-bottom: 1px solid var(--gray-6-color);
}

.mobile-menu__ul a {
  display: block;
  font-size: 25px;
  line-height: 30px;
  padding: 15px;
  border-radius: 15px;
  text-align: center;
}

.mobile-menu__ul .active a {
  font-weight: 700;
  background: #D8E8FF;
}

.mobile-menu__body {
  flex: 1;
  padding: 30px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* home */
@media all and (max-width: 1314px) {

  .contact-screen .wrapper,
  .pricing-screen .wrapper,
  .ecosystem-screen .wrapper,
  .platform-screen .wrapper,
  .quick-screen .wrapper,
  .testimonials-screen .wrapper,
  .videos-screen .wrapper,
  .scroll-header .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-screen .wrapper--2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (max-width: 1260px) {
  .footer .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .panel--pricing {
    padding: 50px 25px;
  }

  .panel--ecosystem {
    padding: 50px 15px;
  }

  .panel--white-50 {
    padding: 0 20px;
  }

  .panel--platform {
    padding-left: 15px;
    padding-right: 15px;
  }

  .p-subscription {
    padding: 30px 20px;
  }

  .p-subscription__info {
    padding: 0;
  }

  .p-users {
    padding: 20px;
  }

  .p-modules__cols>div {
    padding: 0 20px;
  }

  .p-modules .p-users__head {
    padding: 0 20px 40px 20px;
  }

  .pricing-footer {
    padding: 50px 0 10px 0;
  }

  .pricing-grid {
    gap: 20px;
    padding-top: 50px;
  }

  .pricing-grid__item--price {
    gap: 20px;
  }

  .pricing-grid__item--discount {
    min-width: 314px;
  }

  .p-examples {
    gap: 20px;
  }

  .p-examples__price:last-child {
    padding-right: 20px;
  }

  .p-users__col {
    padding: 37px 0;
  }

  .ecosystem__item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .platform__list {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .platform__item {
    padding-top: 132px;
    padding-bottom: 20px;
  }

  .platform__item--3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .platform__item--2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .platform__item .ecosystem__h2 {
    line-height: 35px;
  }

  .header__ul {
    gap: 20px;
  }
}

@media all and (max-width: 1170px) {
  .vava-screen .wrapper {
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }

  .reason__item {
    gap: 30px;
  }

  .ecosystem__item .ai {
    position: static;
    margin: 10px auto 0 auto;
  }

  .panel--quick {
    padding-left: 50px;
    padding-right: 50px;
  }

  .video__list {
    margin: -5px;
  }

  .video__item {
    padding: 5px;
  }
}

@media all and (max-width: 1023px) {
  .quick-screen {
    padding-bottom: 40px;
  }

  .header__hamburger {
    display: block;
  }

  .header__hamburger .button {
    padding: 0;
    min-width: 40px;
  }

  .header__center {
    display: none;
  }

  .header__left {
    flex: 1;
    align-items: center;
  }

  .header__right .lang {
    display: none;
  }

  .header__logo {
    width: 235px;
    display: block;
    margin: 0 auto;
  }

  .home-screen {
    height: 763px;
  }

  .home-screen__bg {
    height: 415px;
    width: 1142px;
    bottom: -50px;
    margin-left: -531px;
  }

  .pricing-grid__item--monthly,
  .pricing-grid__item--f,
  .pricing-grid__item--discount {
    width: 100%;
    min-width: none;
  }

  .p-subscription__list-ch,
  .p-subscription__list-t {
    width: fit-content;
    margin: 0 auto;
  }

  .p-users {
    padding: 20px 35px;
  }

  .p-modules .p-users__head {
    padding: 0 35px 40px 35px;
  }

  .p-modules__cols>div {
    padding: 0 35px;
  }

  .p-discount__txt {
    text-align: right;
  }

  .ecosystem__item {
    min-width: 100%;
    max-width: 100%;
  }

  .ecosystem__item .ai {
    position: absolute;
  }

  .ecosystem__soon {
    position: static;
    margin: 0 auto;
    text-align: center;
  }

  .ecosystem__list {
    margin-top: 30px;
  }

  .platform__item {
    padding-top: 100px;
  }

  .platform__item--3,
  .platform__item--2 {
    min-width: 100%;
    max-width: 100%;
  }

  .platform__img {
    position: relative;
    margin: 0 auto;
    left: auto;
    bottom: auto;
    display: flex;
    top: -100px;
    margin-bottom: -100px;
  }

  .platform__img-wrap {
    height: auto;
  }

  .speaking {
    position: static;
    margin: 30px auto 0 auto;
    display: flex;
    flex-direction: column;
    width: fit-content;
  }

  .cols-demo {
    flex-wrap: wrap;
  }

  .cols-demo .cols-demo--inner {
    width: 100%;
    max-width: 414px;
  }

  .cols-demo>div {
    min-width: 100%;
    max-width: 100%;
    align-items: center !important;
  }

  .quick-h2 {
    margin-top: 30px;
  }
}

@media all and (max-width: 959px) {
  .panel--contact .panel__content {
    width: 100%;
    max-width: 414px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer__top .flex--row {
    flex-wrap: wrap;
  }

  .footer__copyrights {
    padding: 30px 0;
  }

  .footer__logo {
    margin-bottom: 0;
  }

  .footer__col-1 {
    min-width: 100%;
    max-width: 100%;
  }

  .footer__col-1 p {
    max-width: 100%;
    padding-top: 15px;
  }

  .footer__col-x {
    min-width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-top: 15px;
  }

  .reason__item {
    padding: 30px 0;
    flex-wrap: wrap;
    width: 527px;
    margin-left: auto;
    margin-right: auto;
  }

  .reason__item>div {
    width: 100%;
  }

  .reason__item--reverse.flex--row {
    flex-direction: column-reverse;
  }

  .video {
    height: 230px;
  }

  .video__item--a {
    width: 100%;
  }

  .video__item--b {
    width: 100%;
  }

  .video__item--c {
    width: 50%;
  }

  .video__img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 799px) {
  .panel--feedback {
    padding-left: 15px;
    padding-right: 15px;
  }

  .panel--testimonial {
    box-shadow: none;
  }

  .panel .testimonial__list {
    margin-top: 15px;
  }

  .testimonial {
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial__item {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial__nav {
    margin-top: 0;
  }
}

@media all and (max-width: 767px) {
  .panel--white-50 {
    padding: 20px 0 40px 0;
  }

  .panel--pricing {
    padding: 50px 20px;
  }

  .panel--ecosystem {
    padding: 50px 10px;
  }

  .panel--quick {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-grid {
    padding-top: 30px;
  }

  .p-examples {
    flex-direction: column;
    border-top: 0;
  }

  .p-examples:last-child {
    border-left: 1px solid rgba(164, 171, 182, 0.3);
  }

  .p-examples__price:last-child {
    padding-right: 0;
  }

  .p-examples__location {
    text-align: center;
  }

  .p-examples__head {
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;
  }

  .p-examples__wrap {
    display: flex;
    flex-direction: row;
  }

  .p-examples__wrap>div {
    min-width: 50%;
    max-width: 50%;
  }

  .p-modules {
    padding: 30px;
  }

  .p-modules .p-subscription__list-t {
    margin: 0;
  }

  .p-modules .p-users__head {
    text-align: center;
    padding: 0;
  }

  .p-modules__cols {
    flex-wrap: wrap;
  }

  .p-modules__cols>div {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    padding: 21px 0;
    align-items: center;
    gap: 30px;
  }

  .p-modules__cols .p-users__pblock {
    margin: 0;
    min-width: 140px;
    text-align: right;
  }

  .p-modules__cols .p-users__div {
    border-left: 0;
    border-top: 1px solid #d3d9d9;
  }

  .reason__panel,
  .reason__item {
    width: 100%;
    max-width: 527px;
  }

  .reason__panel {
    height: auto;
    padding-top: 75%;
  }

  .reason__img {
    width: auto;
    height: 78%;
    top: 14%;
  }

  .reason__img--2 {
    left: -1%;
  }

  .reason__img--3 {
    left: -1.2%;
    height: 84%;
    top: 8%;
  }

  .reason__img--4 {
    left: 1%;
  }

  .reason__img--5 {
    height: 131%;
    top: -34%;
  }

  .vava-screen {
    overflow: hidden;
  }

  .ecosystem {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 85px;
  }

  .ecosystem__item {
    padding-top: 85px;
  }

  .ecosystem__head .flex--row {
    gap: 10px;
  }

  .ecosystem__img-wrap {
    height: 160px;
    top: -80px;
  }

  .ecosystem__img--1,
  .ecosystem__img--4 {
    height: 100%;
  }

  .ecosystem__img--3 {
    height: 180px;
  }

  .ai--big {
    height: 80px;
    width: 80px;
  }

  .platform__item {
    padding-top: 75px;
    padding-bottom: 45px;
  }

  .platform__item:last-child {
    padding-bottom: 20px;
  }

  .platform__img {
    top: -75px;
    margin-bottom: -75px;
  }

  .platform__img--1 {
    height: 154px;
  }

  .platform__img--2 {
    height: 151px;
  }

  .platform__img--3 {
    height: 115px;
  }

  .platform__img--4 {
    height: 155px;
  }

  .platform__img--5 {
    height: 152px;
  }

  .platform__img--6 {
    height: 152px;
  }

  .platform__img--7 {
    height: 160px;
  }

  .testimonial__nav {
    gap: 20px;
  }

  .testimonial__dots {
    gap: 10px;
  }

  .video__item--a .video__img {
    width: auto;
    height: 230px;
  }

  .video__title {
    padding: 15px;
  }
}

@media all and (max-width: 700px) {

  .stycky-header .col-left,
  .stycky-header .col-right {
    font-size: 14px;
    font-weight: 400;
  }

  .p-examples__price {
    text-align: center;
    line-height: 25px;
  }
}

@media all and (max-width: 600px) {
  .video {
    height: 185px;
  }

  .video__play {
    top: 10px;
    right: 10px;
    transform: scale(0.75);
  }

  .video__title {
    font-size: 20px;
    line-height: 24px;
  }

  .big-price {
    width: 88px;
    margin-left: -44px;
  }

  .big-price__num {
    font-size: 23px;
  }

  .stycky-header .col-center {
    width: 98px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .stycky-header .col-left,
  .stycky-header .col-right {
    font-size: 12px;
    font-weight: 400;
  }

  .phone {
    gap: 3px;
  }

  .phone__icon {
    transform: scale(0.75);
    transform-origin: 50% 50%;
  }
}

@media all and (max-width: 500px) {
  .home-screen {
    height: auto;
    padding-bottom: 552px;
    overflow: hidden;
  }

  .home-screen__head-2 {
    font-size: 45px;
  }

  .home-screen__head-3,
  .home-screen__head-4 {
    font-size: 30px;
  }

  .home-screen__bg {
    width: 500px;
    height: 532px;
    margin-left: -250px;
    bottom: 0;
    background-image: url(/img/home-mobile.png);
  }

  .header__right {
    display: none;
  }

  .header__logo {
    margin: 0;
    width: 202px;
  }

  .header__img {
    height: 46px;
  }

  .header .flex {
    flex-direction: row-reverse;
  }

  .panel--green {
    padding: 0 15px;
  }

  .p-discount {
    flex-wrap: wrap;
  }

  .p-discount__head {
    width: 100%;
    text-align: center;
  }

  .p-discount__txt {
    text-align: left;
  }

  .p-modules {
    padding: 30px 20px;
  }

  .p-modules__cols>div {
    gap: 15px;
  }

  .p-examples {
    padding: 0 5px;
  }

  .p-examples__head {
    padding-bottom: 20px;
  }

  .pricing-grid__item--discount {
    min-width: 1px;
  }

  .pricing-footer {
    padding-top: 30px;
  }

  .p-users {
    padding: 20px;
  }

  .p-users__col {
    padding: 15px 0;
  }

  .p-users__head {
    font-size: 20px;
    line-height: 24px;
  }

  .p-users__pblock .big-sum {
    font-size: 45px;
    line-height: 60px;
  }

  .p-users .flex--half {
    flex-wrap: nowrap;
    gap: 0;
  }

  .p-users .flex--half>div {
    min-width: 50%;
    max-width: 50%;
  }

  .p-modules__cols .p-users__pblock {
    min-width: 105px;
  }

  .p-subscription__head {
    font-size: 20px;
  }

  .p-subscription__price {
    font-size: 60px;
  }

  .p-subscription__users {
    font-size: 15px;
    line-height: 19px;
  }

  .p-subscription__list-ch,
  .p-subscription__list-t {
    margin: 0;
    width: 100%;
  }

  .p-subscription__list-ch {
    padding-top: 17px;
  }

  .p-subscription__list-ch li {
    padding: 5px 5px 5px 30px;
    font-size: 18px;
    line-height: 24px;
  }

  .p-subscription__list-ch li .marker {
    height: 24px;
    width: 24px;
    border-radius: 12px;
    margin-top: -12px;
  }

  .contact-screen,
  .pricing-screen,
  .quick-screen,
  .testimonials-screen {
    padding-bottom: 40px;
  }

  .screen-h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .quick-screen .screen-h2 {
    font-size: 35px;
    text-align: center;
  }

  .quick-screen .screen-h3 {
    text-align: center;
  }

  .screen-h3 {
    font-size: 15px;
    line-height: 19px;
  }

  .flex--half {
    flex-wrap: wrap;
  }

  .flex--half>div {
    min-width: 100%;
    max-width: 100%;
  }

  .flex--half .checkbox--pushed {
    margin-top: 0;
  }

  .panel--contact .form {
    padding-top: 27px;
  }

  .form__btns {
    padding-top: 27px;
  }

  .panel--contact {
    padding: 50px 25px;
  }

  .panel--contact .panel__bg {
    background-size: 424px auto;
  }

  .panel--ecosystem {
    padding-bottom: 25px;
  }

  .footer__top {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer li,
  .footer .li {
    margin-top: 3px;
    font-size: 14px;
  }

  .mobile-hidden {
    display: none !important;
  }

  .reason__item {
    gap: 20px;
    padding-bottom: 10px;
  }

  .reason__item .screen-h2 {
    font-size: 30px;
    line-height: 36px;
  }

  .reason__item .screen-h3-in {
    font-size: 15px;
    line-height: 19px;
  }

  .divider {
    margin: 30px 0 20px 0;
  }

  .ecosystem__soon {
    font-size: 18px;
    line-height: 24px;
  }

  .ecosystem__list {
    margin-top: 20px;
  }

  .ecosystem__item .ai {
    position: static;
    margin: 5px auto 10px auto;
  }

  .ecosystem__h2 {
    font-size: 21px;
    line-height: 27px;
  }

  .ecosystem__txt {
    font-size: var(--font-size-base);
    line-height: 20px;
  }

  .ai--big {
    height: 50px;
    width: 50px;
  }

  .platform__item {
    padding-bottom: 30px;
  }

  .platform__list {
    padding-top: 30px;
  }

  .platform__img--1 {
    height: 128px;
  }

  .platform__img--2 {
    height: 128px;
  }

  .platform__img--3 {
    height: 96px;
  }

  .cols-demo .flex--half {
    gap: 0;
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .cols-demo .flex--half>div {
    min-width: 100%;
    max-width: 100%;
  }

  .testimonial__dots {
    display: none;
  }

  .videos-screen {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .video__item--c .video__img {
    height: 110%;
    width: auto;
  }
}

@media all and (max-width: 375px) {
  .mobile-menu {
    width: 95%;
  }

  .mobile-menu__head {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-menu__body {
    padding: 10px;
  }

  .screen-h2,
  .quick-screen .screen-h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .panel--pricing {
    padding: 50px 10px;
  }

  .panel--platform {
    padding: 50px 0 0 0;
  }

  .panel--quick {
    padding-left: 10px;
    padding-right: 10px;
  }

  .panel--feedback {
    padding-left: 10px;
    padding-right: 10px;
  }

  .panel--testimonial {
    padding-left: 15px;
    padding-right: 15px;
  }

  .p-subscription {
    padding: 30px 15px;
  }

  .p-users {
    padding: 15px;
  }

  .ecosystem {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 70px;
  }

  .ecosystem__item {
    padding-top: 70px;
    padding-left: 0;
    padding-right: 0;
  }

  .ecosystem__img-wrap {
    height: 140px;
  }

  .ai-h {
    display: none;
  }

  .platform__info {
    padding-top: 5px;
    padding-bottom: 25px;
  }

  .platform__list {
    padding-top: 20px;
  }

  .platform__item {
    padding-bottom: 20px;
  }

  .platform__info {
    padding-left: 15px;
    padding-right: 15px;
  }

  .speaking {
    margin-top: 20px;
  }

  .video__item--b .video__img {
    height: 110%;
    width: auto;
  }
}

/*# sourceMappingURL=general.css.map */