@charset "UTF-8";
/* #region Fonts */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Mulish-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Mulish-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Mulish-ExtraBold.ttf) format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Rubik-Regular.ttf) format("truetype");
}
/* #endregion ---------------------------------------------------------------*/
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes toggle-collapsed-bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.2em);
  }
}
@keyframes toggle-bounce {
  0% {
    transform: rotate(180deg) translateY(0);
  }
  100% {
    transform: rotate(180deg) translateY(0.2em);
  }
}
@keyframes modal-in-card {
  0% {
    bottom: 0;
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  70% {
    opacity: 0.25;
  }
  100% {
    bottom: 50%;
    opacity: 1;
  }
}
@keyframes modal-in-mobile-card {
  0% {
    bottom: -100%;
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  70% {
    opacity: 0.25;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes modal-out {
  0% {
    bottom: 0;
    opacity: 1;
    z-index: 500;
  }
  99% {
    bottom: 0;
    opacity: 1;
    z-index: -1;
  }
  100% {
    bottom: 100vh;
    opacity: 0;
  }
}
@keyframes modal-out-card {
  0% {
    bottom: 50%;
    opacity: 1;
  }
  30% {
    opacity: 0.2;
  }
  70% {
    opacity: 0;
  }
  100% {
    bottom: 70%;
    opacity: 0;
  }
}
@keyframes modal-out-mobile-card {
  0% {
    bottom: 0;
    opacity: 1;
  }
  30% {
    opacity: 0.2;
  }
  70% {
    opacity: 0;
  }
  100% {
    bottom: -20%;
    opacity: 0;
  }
}
* {
  font-family: "Mulish", sans-serif;
  -webkit-tap-highlight-color: transparent;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
}

*, ::before, ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

:focus, :focus-visible {
  outline: none !important;
}

:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

::moz-focus-inner {
  border-style: none;
  padding: 0;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

a {
  color: inherit;
  text-decoration: inherit;
}

body {
  min-width: 375px;
  background: #F3F7FA;
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}

b {
  font-weight: 800;
  font-weight: bolder;
}

blockquote.o-code {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2.14em;
  margin: 0px;
  overflow-x: auto;
  padding: 0.75rem;
  padding-left: 1.6875rem;
  text-align: left;
  white-space: pre;
  font-family: "Rubik", sans-serif;
  border-left: 3px solid #00b2a9;
  color: #8480ae;
  background: #e6f2ff;
}

button, input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}

button {
  text-transform: none;
  background-color: transparent;
  background-image: none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button, [role=button] {
  cursor: pointer;
}

form {
  width: 100%;
}

form .o-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  max-width: 530px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid #e3ebfe;
  border-radius: 5px;
}

@media (min-width: 1920px) {
  form .o-input {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    padding-top: 0.84375rem;
    padding-bottom: 0.84375rem;
  }
}
form .o-input > input:not([type=checkbox]), form .o-input > input:not([type=radio]) {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.87em;
  letter-spacing: 0.5px;
  width: 100%;
}

form .o-input > input:not([type=checkbox])::placeholder, form .o-input > input:not([type=radio])::placeholder {
  font-weight: 400;
}

form .o-input > input:not([type=checkbox]) + .c-icon, form .o-input > input:not([type=radio]) + .c-icon {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  height: 1.5em;
  margin-right: 0.5rem;
  opacity: 0.5;
  width: 1.5em;
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}

@media (min-width: 1440px) {
  form .o-input > input:not([type=checkbox]) + .c-icon, form .o-input > input:not([type=radio]) + .c-icon {
    margin-right: 0.625rem;
  }
}
form .o-input > input:not([type=checkbox]) + .c-icon path, form .o-input > input:not([type=radio]) + .c-icon path {
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-property: background-color, border-color, color, fill, stroke;
  -o-transition-property: background-color, border-color, color, fill, stroke;
  transition-property: background-color, border-color, color, fill, stroke;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  fill: #000;
}

form .o-input > input:not([type=checkbox]):focus + .c-icon, form .o-input > input:not([type=radio]):focus + .c-icon {
  opacity: 1;
}

form .c-btn.r-submit {
  margin-top: 1rem;
  max-width: 100%;
  width: 337px;
}

html {
  -webkit-text-size-adjust: 100%;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.5;
}

input::placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

iframe {
  display: block;
  vertical-align: middle;
}

p, .o-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.4em;
}

@media (min-width: 1920px) {
  p, .o-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.7em !important;
  }
}
p, figure {
  margin: 0;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 1024px;
  width: 100%;
}

@media (min-width: 768px) {
  .container {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    max-width: 768px;
  }
}
.c-wrap {
  position: relative;
}

.c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1920px) {
  .c-row {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.c-row > * {
  flex: 1 1;
}

.o-logo {
  display: inline-block;
  background: center/100% no-repeat url(/img/logo.svg);
}

.c-heading {
  font-size: 1.75rem;
  line-height: 1;
  line-height: 1.4em;
}

@media (min-width: 768px) {
  .c-heading {
    /* color: #3B3B3B; */
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1440px) {
  .c-heading {
    color: #3B3B3B;
    font-size: 2.5rem;
    line-height: 1;
    line-height: 1.4em;
  }
}
@media (min-width: 1920px) {
  .c-heading {
    /* color: #3B3B3B; */
    font-size: 3rem;
    line-height: 1;
    line-height: 1.77em;
  }
}
.c-heading.is-bold {
  font-weight: 800;
}

.c-heading.is-xs {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.7em;
}

@media (min-width: 768px) {
  .c-heading.is-xs {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.7em;
  }
}
.c-heading.is-sm {
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.4em;
}

@media (min-width: 768px) {
  .c-heading.is-sm {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1.7em;
  }
}
@media (min-width: 1920px) {
  .c-heading.is-sm {
    font-size: 2.375rem;
    line-height: 1;
    line-height: 1.4em;
  }
}
.c-heading.is-xl {
  font-size: 1.75rem;
  line-height: 1;
  line-height: 1.4em;
}

@media (min-width: 768px) {
  .c-heading.is-xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 1.25;
  }
}
@media (min-width: 1440px) {
  .c-heading.is-xl {
    font-size: 3.125rem;
    line-height: 1;
    line-height: 1.26em;
  }
}
@media (min-width: 1920px) {
  .c-heading.is-xl {
    font-size: 3.75rem;
    line-height: 1;
    line-height: 1.25;
  }
}
.c-icon {
  display: inline-block;
  height: 2em;
  width: 2em;
  background: center/contain no-repeat;
}

.c-icon.is-small {
  height: 1.5em;
  width: 1.5em;
}

.c-icon.is-play {
  background-image: url(/img/icons/play.svg);
}

.c-icon.is-visa {
  width: 78px;
  background-image: url(/img/icons/visa.svg);
}

.c-icon.is-mc {
  width: 65px;
  background-image: url(/img/icons/mc.svg);
}

.c-icon.is-mir {
  width: 97px;
  background-image: url(/img/icons/mir.svg);
}

.c-icon.is-yapay {
  width: 95px;
  background-image: url(/img/icons/ya-pay.svg);
}

.c-btn {
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1em;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  position: relative;
  white-space: nowrap;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  color: #252525;
  border: 1px solid #252525;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .c-btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1em;
    padding: 1rem;
  }
}
@media (min-width: 1440px) {
  .c-btn {
    padding: 1.178125rem;
  }
}
.c-btn > .c-icon {
  height: 1.8em;
  position: absolute;
  top: 50%;
  left: 0.8em;
  width: 1.8em;
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  .c-btn > .c-icon {
    height: 2em;
    width: 2em;
  }
}
.c-btn:hover {
  color: #fff;
  background: #252525;
}

.c-btn.is-lg {
  padding: 1.0625rem;
}

@media (min-width: 1440px) {
  .c-btn.is-lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1em;
    padding: 1.25rem;
  }
}
.c-btn.has-icon {
  padding-left: 3.4em !important;
}

.c-btn.is-outline {
  color: #dd0a34;
  background-color: transparent;
  border-color: #dd0a34;

}

.c-btn.is-outline:hover {
  background: rgba(0, 178, 169, 0.04);
}

.c-btn.is-outline:active {
  background: rgba(0, 178, 169, 0.04);
}

.c-btn.is-primary {
  color: #fff;
  border: none;
  /* border-color: #003EFF; */
  background: #dd0a34;

}

.c-btn.is-primary:hover {
  color: #fff;
  border-color: transparent;
  /* background: #0085FF; */
  box-shadow: 0 0.4rem 1.3rem -0.3rem #c31639;
}

.c-btn.is-white {
  color: #10002b;
  background: #fff;
}

.c-btn.is-white.is-outline {
  color: #dd0a34;
  border-color: #dd0a34;
  background: transparent;
}

.c-btn.is-white.is-outline:hover {
  background: rgba(255, 255, 255, 0.04);
}

.c-btn.is-white.is-outline:active {
  background: rgba(255, 255, 255, 0.15);
}

.c-btn.is-inverted {
  color: #fff;
  border-color: #fff;
}

.c-btn.is-inverted > .c-icon.is-play {
  background-image: url(/img/icons/play-white.svg);
}

.c-btn.is-inverted:hover {
  border-color: #252525;
}

.c-btn.is-inverted.is-primary {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  color: #00b2a9;
  border-color: #fff;
  background: #fff;
}

@media (min-width: 1440px) {
  .c-btn.is-inverted.is-primary {
    opacity: 0.97;
  }
}
.c-btn.is-inverted.is-primary:hover {
  opacity: 1;
}

.c-btn.is-ghost {
  background-color: transparent;
  border-color: transparent;
  color: #0058cc;
}

.c-btn.is-ghost:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0058cc;
  box-shadow: none;
}

.c-btn.is-ghost:hover {
  text-decoration: underline;
}

#myVideo {
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
#myVideo::poster {
    border-radius: 10px;
    object-fit: cover;
}
.has-decoration .c-video {
    position: relative;
}
#myVideo:hover {
    transform: scale(1.01);
    transition: transform 0.3s ease;
}
.c-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
}

.c-video > iframe {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
}

.c-telephones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: right;
}

.c-telephones .o-label {
  margin-right: 0.5rem;
}

.c-telephones .o-regional {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.75em;
  margin-right: 2.5rem;
  color: rgba(11, 31, 53, 0.5);
}

@media (max-width: 1439.9px) {
  .c-telephones .o-regional {
    display: none;
  }
}
.c-telephones .r-call-center a {
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .c-telephones .r-call-center a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.c-telephones .r-call-center .o-label {
  display: block;
  font-size: 12px;
  line-height: 1;
  line-height: 1.25em;
  margin: 0px;
  color: rgba(11, 31, 53, 0.5);
}

@media (min-width: 768px) {
  .c-telephones .r-call-center .o-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.c-card {
  padding: 1rem;
  padding-bottom: 1.5rem;
  border-radius: 20px;
  background-color: #fff;
}

@media (min-width: 1440px) {
  .c-card {
    padding: 1.75rem;
  }
}
.c-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  text-align: center;
  z-index: -1;
  animation: modal-out 0.5s linear forwards;
}

.c-modal .o-overlay {
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  backdrop-filter: blur(0);
  background-color: rgba(0, 0, 0, 0);
  transition: 0.5s ease;
  transition-property: backdrop-filter, background-color;
}

.c-modal .o-overlay :focus, .c-modal .o-overlay :active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.c-modal .c-card {
  border-radius: 0px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  padding: 1rem;
  position: absolute;
  bottom: 0px;
  --tw-shadow-color: 0, 0, 0;
  --tw-shadow: 0 10px 15px -3px rgba(var(--tw-shadow-color), 0.1), 0 4px 6px -2px rgba(var(--tw-shadow-color), 0.05);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-color: #fff;
  box-shadow: 0 -10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.05);
  animation: modal-out-mobile-card 0.2s ease forwards;
}

@media (min-width: 768px) {
  .c-modal .c-card {
    left: 50%;
    width: 740px;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    -webkit-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
    -ms-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
    transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
    --tw-translate-x: -50%;
    --tw-translate-y: 50%;
    border-radius: 20px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    animation-name: modal-out-card;
  }
}
@media (min-width: 1440px) {
  .c-modal .c-card {
    width: 790px;
  }
}
.c-modal .c-card .r-wrap {
  margin-top: 1rem;
  margin-bottom: -0.25rem;
}

.c-modal .c-card .r-wrap form {
  margin-bottom: -1rem;
}

@media (min-width: 768px) {
  .c-modal .c-card .r-wrap form {
    margin-bottom: -0.75rem;
  }
}
.c-modal .c-card .r-wrap form input {
  border-width: 2px;
}

.c-modal .c-card .o-body {
  overflow-y: auto;
  padding-right: 1rem;
  max-height: calc(100vh - 5rem);
}

@media (max-width: 767.9px) {
  .c-modal .c-card {
    padding-right: 0px;
  }
}
.c-modal .c-btn.r-close.is-default {
  background-color: transparent;
  border-width: 0px;
  height: 2rem;
  min-height: 0px;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  line-height: 1;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .c-modal .c-btn.r-close.is-default {
    top: 0.75rem;
    right: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .c-modal .c-btn.r-close.is-default {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
  }
}
.c-modal .c-btn.r-close.is-default::before, .c-modal .c-btn.r-close.is-default::after {
  content: "";
  height: 83.333333%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  -webkit-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  -ms-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  --tw-translate-y: -50%;
  background-color: #fff;
}

.c-modal .c-btn.r-close.is-default::before {
  --tw-rotate: -45deg;
}

.c-modal .c-btn.r-close.is-default::after {
  --tw-rotate: 45deg;
}

@media (min-width: 1024px) {
  .c-modal .c-btn.r-close.is-default:hover {
    opacity: 1;
  }
}
.c-modal .c-btn.r-close.is-default {
  top: 0px;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  -webkit-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  -ms-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  --tw-translate-y: -125%;
}

@media (min-width: 768px) {
  .c-modal .c-btn.r-close.is-default {
    right: 0px;
  }
}
.c-modal.is-active {
  opacity: 1;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 500;
  animation: none;
}

.c-modal.is-active .o-overlay {
  backdrop-filter: blur(1px);
  background-color: rgba(0, 0, 0, 0.5);
}

.c-modal.is-active .c-card {
  animation: modal-in-mobile-card 0.3s ease forwards;
}

@media (min-width: 768px) {
  .c-modal.is-active .c-card {
    animation-name: modal-in-card;
  }
}
.c-modal.has-no-overlay .o-overlay {
  display: none;
}

.c-modal.is-success form .c-btn.r-submit, .c-modal.is-error form .c-btn.r-submit {
  display: none;
}

.c-modal.is-success .o-status, .c-modal.is-error .o-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 1.2rem;
  padding-left: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .c-modal.is-success .o-status, .c-modal.is-error .o-status {
    margin-top: 1.125rem;
  }
}
@media (min-width: 1440px) {
  .c-modal.is-success .o-status, .c-modal.is-error .o-status {
    margin-top: 0.6875rem;
  }
}
.c-modal.is-success .o-status .o-msg, .c-modal.is-error .o-status .o-msg {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-right: 2rem;
  text-align: left;
}

.c-modal.is-success .o-status .o-msg .o-text, .c-modal.is-error .o-status .o-msg .o-text {
  margin-top: 1rem;
  width: 100%;
}

.c-modal.is-success .o-status .c-btn.r-ok, .c-modal.is-error .o-status .c-btn.r-ok {
  display: inline-block;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  min-height: 3rem;
}

.c-modal.is-success .o-status .c-btn.r-ok::after, .c-modal.is-error .o-status .c-btn.r-ok::after {
  content: "OK";
}

.c-modal.is-success b {
  color: #080;
}

.c-modal.is-success .r-success {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.c-modal.is-error b {
  color: #a00;
}

.c-modal.is-error .r-error {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.c-modal.is-busy form .c-btn.r-submit {
  display: none;
}

.c-modal.is-busy .o-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1.3125rem;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .c-modal.is-busy .o-status {
    margin-top: 1.225rem;
  }
}
@media (min-width: 1440px) {
  .c-modal.is-busy .o-status {
    margin-top: 0.7rem;
  }
}
.c-modal.is-busy .o-status::before {
  content: "Отправка данных...";
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  font-weight: 100;
  margin-left: 0.75rem;
  margin-top: 0.25rem;
  color: rgba(0, 0, 0, 0.67);
}

.c-modal.is-busy .o-status::after {
  display: block;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: static;
}

.c-modal.has-only-status .c-card {
  width: 100%;
}

@media (min-width: 768px) {
  .c-modal.has-only-status .c-card {
    width: 420px;
  }
}
.c-modal.has-only-status .o-status {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .c-modal.has-only-status .o-status {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.c-modal.has-only-status .o-status .o-msg {
  width: 100%;
}

@media (min-width: 768px) {
  .c-modal.has-only-status .o-status .o-msg b {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.c-modal.has-only-status .o-status .c-btn.r-ok {
  margin-top: 1rem;
  margin-left: auto;
  width: 6rem;
}

.c-modal.has-only-status .c-heading, .c-modal.has-only-status .r-wrap form, .c-modal.has-only-status .c-btn.r-close.is-default {
  display: none;
}

body > header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 4.3rem;
}

@media (min-width: 768px) {
  body > header .container {
    height: 6.6rem;
  }
}
@media (min-width: 1440px) {
  body > header .container {
    height: 8.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1920px) {
  body > header .container {
    height: 9.1rem;
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
}
body > header .o-logo {
  height: 100%;
  margin-right: auto;
  width: 170px;
}

@media (min-width: 768px) {
  body > header .o-logo {
    width: 240px;
  }
}
@media (min-width: 1440px) {
  body > header .o-logo {
    width: 190px;
  }
}
body > header .o-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 3rem;
}

@media (min-width: 1024px) {
  body > header .o-logos {
    margin-left: 1.5rem;
    margin-bottom: 0.3125rem;
  }
}
body > header .o-logos .c-icon {
  height: 100%;
}

@media (max-width: 1023.9px) {
  body > header .o-logos .c-icon.is-visa {
    width: 62px;
  }
}
@media (max-width: 575.9px) {
  body > header .o-logos .c-icon.is-visa {
    width: 39px;
  }
}
@media (min-width: 1024px) {
  body > header .o-logos .c-icon.is-mc {
    margin-left: 1.1875rem !important;
  }
}
@media (max-width: 1023.9px) {
  body > header .o-logos .c-icon.is-mc {
    margin-left: 0.875rem !important;
    width: 52px;
  }
}
@media (max-width: 575.9px) {
  body > header .o-logos .c-icon.is-mc {
    margin-left: 0.5625rem !important;
    width: 33px;
  }
}
@media (max-width: 1023.9px) {
  body > header .o-logos .c-icon.is-mir {
    width: 78px;
  }
}
@media (max-width: 575.9px) {
  body > header .o-logos .c-icon.is-mir {
    width: 46px;
  }
}
@media (max-width: 1023.9px) {
  body > header .o-logos .c-icon.is-yapay {
    width: 76px;
  }
}
@media (max-width: 575.9px) {
  body > header .o-logos .c-icon.is-yapay {
    width: 48px;
  }
}
body > header .o-logos .c-icon + .c-icon {
  margin-left: 0.5rem;
}

@media (min-width: 576px) {
  body > header .o-logos .c-icon + .c-icon {
    margin-left: 0.75rem;
  }
}
@media (min-width: 1024px) {
  body > header .o-logos .c-icon + .c-icon {
    margin-left: 1rem;
  }
}
body > header .c-telephones {
  margin-left: auto;
}

body > header .c-btn.r-connect {
  display: none;
}

@media (min-width: 768px) {
  body > header .c-btn.r-connect {
    display: inline-block;
    margin-left: 1.75rem;
    min-width: 160px;
  }
}
@media (min-width: 1440px) {
  body > header .c-btn.r-connect {
    margin-left: 3rem;
  }
}
section.c-hero {
  overflow: hidden;
  position: relative;
  text-align: center;
}

section.c-hero .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  padding-top: 4rem;
}

@media (min-width: 1440px) {
  section.c-hero .container {
    padding-top: 5rem;
  }
}
@media (min-width: 1920px) {
  section.c-hero .container {
    max-width: 1240px;
    padding-top: 7rem;
  }
}
section.c-hero .c-heading {
  max-width: 540px;
}

@media (min-width: 768px) {
  section.c-hero .c-heading {
    max-width: 700px;
  }
}
@media (min-width: 1440px) {
  section.c-hero .c-heading {
    max-width: 960px;
  }
}
@media (min-width: 1920px) {
  section.c-hero .c-heading {
    max-width: none;
  }
}
section.c-hero .r-descr {
  margin-top: 1rem;
  max-width: 545px;
}

@media (min-width: 768px) {
  section.c-hero .r-descr {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.87em;
    margin-top: 0.5rem;
    max-width: 620px;
  }
}
@media (min-width: 1440px) {
  section.c-hero .r-descr {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.67em;
    margin-top: 1.5rem;
    max-width: 730px;
  }
}
section.c-hero .c-row.r-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1.25rem;
  max-width: 260px;
}

@media (min-width: 768px) {
  section.c-hero .c-row.r-buttons {
    margin-top: 1.75rem;
    max-width: none;
  }
}
section.c-hero .c-row.r-buttons > .c-btn {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 268px;
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  section.c-hero .c-row.r-buttons > .c-btn {
    margin-left: 0.71875rem;
    margin-right: 0.71875rem;
  }
}
@media (min-width: 1440px) {
  section.c-hero .c-row.r-buttons > .c-btn {
    width: 311px;
  }
}
section.c-hero .o-dashboard {
  height: 56vw;
  margin-top: 3.25rem;
  position: relative;
  width: 77vw;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  -webkit-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  -ms-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  background: center/100% no-repeat url(/img/dashboard.png);
}

@media (min-width: 768px) {
  section.c-hero .o-dashboard {
    height: 45vw;
    margin-top: 3.75rem;
    width: 63vw;
  }
}
@media (min-width: 1440px) {
  section.c-hero .o-dashboard {
    height: 35vw;
    width: 50vw;
    --tw-translate-x: -1vw;
  }
}
@media (min-width: 1920px) {
  section.c-hero .o-dashboard {
    height: 627px;
    margin-top: 4.75rem;
    width: 875px;
  }
}
@media (max-width: 1439.9px) {
  section.c-hero .o-dashboard {
    --tw-translate-x: -2vw;
  }
}
section.c-hero .o-dashboard .o-img {
  position: absolute;
  background: center/100% no-repeat;
}

section.c-hero .o-dashboard .o-img.is-users {
  height: 19.617225%;
  top: 17.485714%;
  left: -8%;
  width: 33.142857%;
  background-image: url(/img/realtime-users.svg);
}

section.c-hero .o-dashboard .o-img.is-donutchart {
  height: 49.441786%;
  bottom: 17.142857%;
  left: -12.114286%;
  width: 32.685714%;
  background-image: url(/img/donut-chart2.svg);
}

section.c-hero .o-dashboard .o-img.is-qr {
  height: 19.936204%;
  top: 14.514286%;
  right: 0.342857%;
  width: 13.028571%;
  background-image: url(/img/qr.png);
  box-shadow: -13px 27px 60px rgba(44, 66, 141, 0.08);
}

section.c-hero .o-dashboard .o-img.is-payments {
  height: 48.00638%;
  bottom: 13.714286%;
  right: -16%;
  width: 44.571429%;
  background-image: url(/img/payments-chart.svg);
}

section.c-hero::before {
  height: 85%;
  position: absolute;
  right: -12vw;
  left: -12vw;
  top: 0px;
  bottom: auto;
  z-index: -1;
  border-bottom-left-radius: 33%;
  border-bottom-right-radius: 33%;
  content: "";
  background: #fafafa;
}

@media (min-width: 768px) {
  section.c-hero::before {
    height: 85%;
  }
}
@media (min-width: 1440px) {
  section.c-hero::before {
    height: 90%;
  }
}
section.r-intro {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.25rem;
  margin-bottom: 5.25rem;
  max-width: 1220px;
  text-align: center;
}

@media (min-width: 768px) {
  section.r-intro {
    margin-top: 5.5rem;
    margin-bottom: 10vw;
  }
}
@media (min-width: 1440px) {
  section.r-intro {
    margin-top: 4rem;
    margin-bottom: 8.25rem;
  }
}
@media (min-width: 1920px) {
  section.r-intro {
    margin-top: 7.25rem;
    margin-bottom: 16.5rem;
    max-width: 1320px;
  }
}
section.r-intro .r-descr {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.7em;
  margin-top: 1.25rem;
}

@media (min-width: 768px) {
  section.r-intro .r-descr {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.75rem;
    max-width: 640px;
  }
}
@media (min-width: 1440px) {
  section.r-intro .r-descr {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.75em;
    margin-top: 2.25rem;
    max-width: 800px;
  }
}
@media (min-width: 1920px) {
  section.r-intro .r-descr {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1.7em;
    margin-top: 1.25rem;
    max-width: none;
  }
}
section.is-feature .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (min-width: 1440px) {
  section.is-feature .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1920px) {
  section.is-feature .container {
    max-width: 1640px;
  }
}
@media (max-width: 1439.9px) {
  section.is-feature .container {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
section.is-feature figure {
  padding-bottom: 52%;
  position: relative;
  width: 100%;
}

@media (min-width: 1440px) {
  section.is-feature figure {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-bottom: 30%;
    width: 730px;
  }
}
@media (min-width: 1920px) {
  section.is-feature figure {
    padding-bottom: 490px;
    width: 920px;
  }
}
section.is-feature figure .c-video {
  height: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 93%;
  border-radius: 10px;
  box-shadow: 12px 15px 50px 3px rgba(169, 167, 170, 0.15);
}

section.is-feature figure .c-video > iframe {
  border-radius: inherit;
}

section.is-feature figure::before {
  height: 83.231084%;
  position: absolute;
  top: -11.860941%;
  left: 0px;
  width: 55.029586%;
  z-index: -1;
  content: "";
  border-radius: 10px;
  background: rgba(230, 242, 255, 0.5);
}

section.is-feature .r-descr {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
  margin-top: 2rem;
  width: 100%;
}

@media (min-width: 1440px) {
  section.is-feature .r-descr {
    margin-top: 0px;
    width: auto;
  }
}
section.is-feature .r-descr .c-heading {
  margin-bottom: 0.625rem;
}

@media (min-width: 1920px) {
  section.is-feature .r-descr .c-heading {
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 768px) {
  section.is-feature .r-descr p {
    color: #787878;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 1920px) {
  section.is-feature .r-descr p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.7em;
    max-width: 585px;
    line-height: 1.8em !important;
  }
}
section.is-feature .r-descr p {
  line-height: 1.7em !important;
}

section.is-feature .r-descr > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.4em;
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: #c31639;
}

@media (min-width: 768px) {
  section.is-feature .r-descr > a {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.28em;
  }
}
section.is-feature .r-descr > a b {
  display: inline-block;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid #c31639;
}

@media (min-width: 768px) {
  section.is-feature .r-descr > a b {
    padding-bottom: 0.5rem;
  }
}
section.is-feature .r-descr > a::after {
  display: inline-block;
  height: 1.2em;
  margin-left: 0.5em;
  width: 1.2em;
  content: "";
  background: center/100% no-repeat url(/img/arrow-right.svg);
}

@media (min-width: 768px) {
  section.is-feature .r-descr > a::after {
    height: 1.1em;
    width: 1.1em;
  }
}
section.is-feature .r-descr > a:last-child {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  section.is-feature .r-descr > a:last-child {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1920px) {
  section.is-feature .r-descr > a:last-child {
    margin-top: 3.25rem;
  }
}
section.is-feature .r-descr > a:hover {
  opacity: 0.8;
}

section.is-feature:nth-child(even) .container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

@media (min-width: 1440px) {
  section.is-feature:nth-child(even) figure {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
section.is-feature:nth-child(even) figure .c-video {
  left: 0px;
  right: auto;
}

section.is-feature:nth-child(even) figure::before {
  left: auto;
  right: 0px;
  background: rgba(0, 178, 169, 0.1);
}

@media (min-width: 1440px) {
  section.is-feature:nth-child(even) .r-descr {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 1.875rem;
  }

  section.is-feature:nth-child(odd) .r-descr {
    margin-left: 1.875rem;
  }
}
section.is-feature + .is-feature {
  margin-top: 7rem;
}

@media (min-width: 768px) {
  section.is-feature + .is-feature {
    margin-top: 8.5rem;
  }
}
@media (min-width: 1440px) {
  section.is-feature + .is-feature {
    margin-top: 16rem;
  }
}
@media (min-width: 1920px) {
  section.is-feature + .is-feature {
    margin-top: 18rem;
  }
}
section.is-feature.r-htmlform figure::after {
  height: 31.90184%;
  left: 10.215054%;
  bottom: -20.0409%;
  width: 25.698925%;
  background-image: url(/img/payments-chart2.svg);
}

section.is-feature.r-emailinvoice figure::after {
  height: 63.394683%;
  right: 0px;
  bottom: -30.674847%;
  width: 30.752688%;
  background-image: url(/img/donut-chart2.svg);
}

@media (min-width: 1440px) {
  section.is-feature.r-emailinvoice .r-descr {
    max-width: 470px;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-emailinvoice .r-descr {
    max-width: 610px;
  }
}
section.is-feature.r-cms {
  margin-top: 4.9rem;
}

@media (min-width: 768px) {
  section.is-feature.r-cms {
    margin-top: 3.4rem;
  }
}
@media (min-width: 1440px) {
  section.is-feature.r-cms {
    margin-top: 8.8rem;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-cms {
    margin-top: 10.6rem;
  }
}
section.is-feature.r-cms figure {
  padding-bottom: 64.3%;
}

@media (min-width: 1440px) {
  section.is-feature.r-cms figure {
    padding-bottom: 34%;
  }
}
section.is-feature.r-cms figure::before {
  height: 57%;
  top: 18%;
  left: 12.3%;
  width: 67%;
}

section.is-feature.r-cms figure .c-icon {
  position: absolute;
  background: center/100% no-repeat;
}

section.is-feature.r-cms figure .c-icon.is-modx {
  height: 43.294118%;
  left: 29%;
  top: 0px;
  width: 37.693222%;
  background-image: url(/img/c-modx.svg);
}

section.is-feature.r-cms figure .c-icon.is-bitrix {
  height: 44.705882%;
  right: -4%;
  top: 15%;
  width: 37.693222%;
  background-image: url(/img/c-bitrix.svg);
}

section.is-feature.r-cms figure .c-icon.is-umi {
  height: 44.705882%;
  right: 12%;
  bottom: 4%;
  width: 29.60761%;
  background-image: url(/img/c-umicms.svg);
}

section.is-feature.r-cms figure .c-icon.is-opencart {
  height: 39.764706%;
  left: 27%;
  bottom: 0px;
  width: 27.705113%;
  background-image: url(/img/c-opencart.svg);
}

section.is-feature.r-cms figure .c-icon.is-simpla {
  height: 35.764706%;
  left: 0px;
  bottom: 18%;
  width: 32.104637%;
  background-image: url(/img/c-simpla.png);
}

section.is-feature.r-cms figure .c-icon.is-joomla {
  height: 44.705882%;
  left: -4%;
  top: 11%;
  width: 33.174792%;
  background-image: url(/img/c-joomla.svg);
}

section.is-feature.r-cms figure .c-icon.is-magento {
  height: 44.705882%;
  left: 32%;
  top: 28%;
  width: 27.942925%;
  background-image: url(/img/c-magento.svg);
}

section.is-feature.r-cms .r-descr {
  margin-top: 0px;
}

@media (min-width: 768px) {
  section.is-feature.r-cms .r-descr {
    margin-top: -0.75rem;
  }
}
section.is-feature.r-jsonapi {
  margin-top: 7.875rem;
}

@media (min-width: 768px) {
  section.is-feature.r-jsonapi {
    margin-top: 9.6rem;
  }
}
@media (min-width: 1440px) {
  section.is-feature.r-jsonapi {
    margin-top: 8.7rem;
    margin-top: 10rem;
  }
}
section.is-feature.r-jsonapi figure {
  padding-bottom: 50.704225%;
}

@media (min-width: 1440px) {
  section.is-feature.r-jsonapi figure {
    padding-bottom: 29%;
  }
}
section.is-feature.r-jsonapi figure .o-img {
  position: absolute;
  background: center/100% no-repeat;
}

section.is-feature.r-jsonapi figure .o-img.is-payments {
  height: 105.128205%;
  left: 0px;
  bottom: 0px;
  width: 75.731311%;
  background-image: url(/img/c-payments-chart-big.svg);
}

section.is-feature.r-jsonapi figure .o-img.is-piechart {
  height: 57.692308%;
  right: 6%;
  bottom: 15%;
  width: 30.985915%;
  background-image: url(/img/c-piechart.svg);
}

section.is-feature.r-jsonapi figure::before {
  height: 86%;
  top: -15%;
}

@media (min-width: 576px) {
  section.is-feature.r-jsonapi .r-descr {
    padding-top: 0.5vw;
  }
}
@media (min-width: 1440px) {
  section.is-feature.r-jsonapi .r-descr {
    padding-top: 0px;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    -webkit-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
    -ms-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
    transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
    --tw-translate-y: -7%;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-jsonapi .r-descr {
    margin-right: 3.2rem;
  }
}
@media (min-width: 1440px) {
  section.is-feature.r-jsonapi .r-descr p {
    max-width: 470px;
    padding-top: 0px;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-jsonapi .r-descr p {
    max-width: 590px;
  }
}
@media (min-width: 1440px) {
  section.is-feature.r-54fz {
    margin-top: 11.5rem;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-54fz {
    margin-top: 13.5rem;
  }
}
section.is-feature.r-54fz figure::after {
  height: 23.721881%;
  left: 5.376344%;
  bottom: -10.224949%;
  width: 24.623656%;
  background-image: url(/img/realtime-users2.svg);
}

@media (min-width: 1440px) {
  section.is-feature.r-54fz .r-descr {
    max-width: 585px;
  }

  section.is-feature.r-qr {
    margin-top: 13rem;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-qr {
    margin-top: 16rem;
  }
}
section.is-feature.r-qr figure::after {
  height: 36.605317%;
  right: 2.150538%;
  bottom: -10.224949%;
  width: 17.849462%;
  background-image: url(/img/qr2.png);
}

@media (min-width: 1440px) {
  section.is-feature.r-qr .r-descr {
    max-width: 470px;
  }
}
@media (min-width: 1920px) {
  section.is-feature.r-qr .r-descr {
    margin-right: 3.5rem;
    max-width: none;
  }
}
section.r-prefooter {
  margin-top: 6rem;
  text-align: center;
}

@media (min-width: 1440px) {
  section.r-prefooter {
    margin-top: 10.5rem;
  }
}
@media (min-width: 1920px) {
  section.r-prefooter {
    margin-top: 15rem;
  }
}
@media (max-width: 1919.9px) {
  section.r-prefooter {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
section.r-prefooter .container {
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #787878;
  background: #FFFFFF;
}

@media (min-width: 768px) {
  section.r-prefooter .container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }
}
@media (min-width: 1440px) {
  section.r-prefooter .container {
    max-width: 970px;
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }
}
@media (min-width: 1920px) {
  section.r-prefooter .container {
    max-width: 1220px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4.25rem;
    padding-bottom: 5rem;
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
}
section.r-prefooter .c-heading {
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.4em;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  section.r-prefooter .c-heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1.4em;
    max-width: 560px;
  }
}
@media (min-width: 1440px) {
  section.r-prefooter .c-heading {
    max-width: 580px;
  }
}
@media (min-width: 1920px) {
  section.r-prefooter .c-heading {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 1.4em;
    max-width: none;
  }
}
@media (max-width: 560px) {
  section.r-prefooter .c-heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 290px;
  }
}
@media (min-width: 560px) and (max-width: 767.9px) {
  section.r-prefooter .c-heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 470px;
  }
}
section.r-prefooter .c-row.r-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 4rem;
}

@media (min-width: 768px) {
  section.r-prefooter .c-row.r-buttons {
    margin-top: 3.25rem;
  }
}
@media (min-width: 1440px) {
  section.r-prefooter .c-row.r-buttons {
    margin-top: 2.25rem;
    margin-top: 4rem;
  }
}
section.r-prefooter .c-row.r-buttons > .c-btn {
  margin-left: 0.71875rem;
  margin-right: 0.71875rem;
  width: 240px;
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  section.r-prefooter .c-row.r-buttons > .c-btn {
    width: 290px;
  }
}
@media (min-width: 1440px) {
  section.r-prefooter .c-row.r-buttons > .c-btn {
    width: 310px;
  }
}
@media (max-width: 700px) {
  section.r-prefooter .c-row.r-buttons {
    margin-top: 2.5rem;
  }

  section.r-prefooter .c-row.r-buttons > .c-btn {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
body > main > :last-child {
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  body > main > :last-child {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1920px) {
  body > main > :last-child {
    margin-bottom: 5rem;
  }
}
body > footer {
  padding: 1.25rem;
  padding-bottom: 1.75rem;
  position: relative;
  text-align: center;
}

body > footer p {
  font-size: 0.8125rem;
  line-height: 1;
  line-height: 1.4em;
  color: rgba(11, 31, 53, 0.5);
}

@media (min-width: 768px) {
  body > footer p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
body > footer::before {
  max-width: 80vw;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 100%;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  -webkit-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  -ms-transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  transform: rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));
  --tw-translate-x: -50%;
  content: "";
  border-top: 1px solid rgba(132, 128, 174, 0.3);
}

@media (min-width: 1920px) {
  body > footer::before {
    max-width: 1110px;
  }
}
.c-modal.is-htmlform {
  text-align: left;
}

.c-modal.is-htmlform .c-card {
  width: 100%;
}

@media (min-width: 768px) {
  .c-modal.is-htmlform .c-card {
    max-width: 90vw;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
    width: 720px;
  }
}
.c-modal.is-htmlform blockquote.o-code {
  margin-top: 2.0625rem;
}

.c-modal.is-htmlform .c-heading {
  padding: 0px;
  text-align: center;
}

.c-modal.is-htmlform .c-heading.r-subheading {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  max-width: 460px;
}

.c-modal.is-htmlform form.r-demo {
  all: revert;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  margin-top: 1.6875rem;
  padding: 0.9375rem;
  border: 1px solid grey;
  background: #eee;
}

.c-modal.is-htmlform form.r-demo > input {
  all: revert;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-modal.is-htmlform form.r-demo > input:not([type=submit]) {
  margin-top: 0.125rem;
  margin-bottom: 0.9375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  width: 100%;
}

.c-modal.is-htmlform form.r-demo > input[type=submit] {
  width: 150px;
  height: 30px;
  margin-left: calc(100% - 150px);
}

.c-modal.is-requestform .o-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .c-modal.is-requestform .o-content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 712px;
  }
}
.c-modal.is-requestform .c-heading + p {
  margin-top: 0.5rem;
  opacity: 0.5;
}

.c-modal.is-requestform form {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .c-modal.is-requestform form {
    margin-top: 2.5rem;
  }
}
@media (max-width: 767.9px) {
  .c-modal.is-requestform form .o-input {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.c-modal.is-requestform form .c-btn.r-submit {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .c-modal.is-requestform form .c-btn.r-submit {
    margin-top: 2.25rem;
  }
}
.c-modal.is-requestform .o-result {
  display: none;
}

.c-modal.is-requestform .o-result .o-status {
  margin-bottom: 3rem;
}

.c-modal.is-requestform .o-result .o-status .c-heading {
  text-align: center;
}

.c-modal.is-requestform .o-result .o-status p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.4em;
  margin-bottom: 3rem;
}

.c-modal.is-requestform .o-result .c-btn.r-back {
  max-width: 100%;
  width: 337px;
}

.c-modal.is-requestform.has-result-success .c-wrap, .c-modal.is-requestform.has-result-error .c-wrap {
  display: none;
}

.c-modal.is-requestform.has-result-success .o-result, .c-modal.is-requestform.has-result-error .o-result {
  display: block;
}

@media (min-width: 100%) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1290px) {
  .container {
    max-width: 1290px;
    max-width: 1024px;
  }
}
@media (min-width: 1640px) {
  .container {
    max-width: 1640px;
  }
}
.block {
  display: block;
}

.hidden {
  display: none;
}

@media (min-width: 768px) {
  .to-md {
    display: none;
  }
}
@media (min-width: 1440px) {
  .to-xl {
    display: none;
  }

  .only-md {
    display: none;
  }
}
@media (max-width: 767.9px) {
  .only-md {
    display: none;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1290px;
  }
}
.grecaptcha-badge {
  visibility: hidden !important;
}