@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
   * Remove default margin.
   */
body {
  margin: 0;
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active, a.nice-select.open,
a:hover {
  outline: 0;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

:root {
  /* colors */
  --bg-main: #0a0a0a;
  --color-white: #ffffff;
  --color-grey: #ffffffb7;
  --color-black: #000000;
  --blue-main: #00eaff;
  --blue-bg: #06272a;
  --blue-light-bg: #15545a;
  --highlight-bg: #c3f3f8;
  --navbar-bg-op: #0a0a0a85;
  --footer-bg: #232323;
  --blue-clouds: #00eaff31;
  --section-spacer: #06272a;
  --blue-tag: #11a2aa;
  --blue-bg-icon: #00eaff08;
  --error: #c62828;
  --warning: #f57c00;
  --success: #00eaff;
  /* breakpoints */
  --pc: 1440px;
  --laptop: 1200px;
  --tab: 600px;
  --mobile: 360px;
  --interval: 0.6s;
  --list-length: 0;
}

@keyframes infinite-glow {
  0% {
    color: var(--blue-main);
    text-shadow: 0px 0px 10px var(--blue-main);
  }
  15% {
    color: var(--color-white);
    text-shadow: 0px 0px 8px var(--color-white);
  }
  30% {
    color: var(--blue-main);
    text-shadow: 0px 0px 10px var(--blue-main);
  }
  100% {
    color: var(--blue-main);
    text-shadow: 0px 0px 8px var(--blue-main);
  }
}
@keyframes onload-orb {
  0% {
    transform: scale(0.1) rotate(120deg);
    offset-distance: 0%;
  }
  100% {
    transform: scale(1) rotate(0deg);
    offset-distance: 100%;
  }
}
@keyframes flyToCenter {
  0% {
    transform: translate(-100%, -100%) scale(0.1) rotate(0deg);
  }
  40% {
    transform: translate(-25%, -75%) scale(1) rotate(-60deg);
  }
  100% {
    /* Центрирование: сдвиг на половину окна минус половина элемента */
    transform: translate(-50%, -50%) scale(1) rotate(-360deg);
  }
}
@keyframes onload {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes links-last {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@keyframes links-before {
  0% {
    left: 50%;
  }
  100% {
    left: 0%;
  }
}
@keyframes links-after {
  0% {
    right: 50%;
  }
  100% {
    right: 0%;
  }
}
@keyframes planet {
  0% {
    background-size: auto 240px;
    background-position: bottom;
  }
  100% {
    background-size: auto 300px;
    background-position: bottom;
  }
}
@keyframes baloon {
  0%, 100% {
    transform: translateY(0) rotate(0deg) scale(1);
  }
  50% {
    transform: translateY(-15px) rotate(2deg) scale(1.01);
  }
}
@keyframes baloon-right {
  100% {
    transform: translateY(0) rotate(15deg) scale(-1, 1);
  }
  50% {
    transform: translateY(-15px) rotate(17deg) scale(-1.01, 1.01);
  }
}
@keyframes ripple {
  0% {
    border: 8px solid var(--blue-main);
    transform: scale(0.7);
    opacity: 0.8;
  }
  100% {
    border: 1px solid white;
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes ripple-mob {
  0% {
    border: 8px solid var(--blue-main);
    transform: scale(0.7);
    opacity: 0.8;
  }
  100% {
    border: 1px solid white;
    transform: scale(1.125);
    opacity: 0;
  }
}
@keyframes ripple-fill {
  0% {
    border: 8px solid var(--blue-main);
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    border: 1px solid white;
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes ripple-fill-mob {
  0% {
    border: 8px solid var(--blue-main);
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    border: 1px solid white;
    transform: scale(1.125);
    opacity: 0;
  }
}
@keyframes logo-hover {
  0% {
    box-shadow: none;
  }
  100% {
    box-shadow: 0px 0px 25px 15px var(--blue-clouds);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
    transform: scale(1, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes flex-appear {
  0% {
    display: flex;
    opacity: 0;
    transform: scale(1, 0);
  }
  100% {
    display: flex;
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes burgerAppear {
  0% {
    display: block;
    opacity: 0;
    transform: scale(1, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes burgerAppearUp {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(1, 0);
  }
}
@keyframes eye {
  0%, 100% {
    transform: translateY(-5px) translateX(0px) scale(1);
  }
  50% {
    transform: translateY(-7px) translateX(5px) scale(1.01);
  }
  75% {
    transform: translateY(-5px) translateX(0px) scale(1.01);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes list-glow {
  0%, 100% {
    box-shadow: none;
    border: 1px solid transparent;
  }
  45% {
    box-shadow: none;
    border: 1px solid transparent;
  }
  50% {
    border: 1px solid var(--blue-main);
    box-shadow: 0px 0px 15px var(--blue-main);
  }
  65% {
    box-shadow: none;
    border: 1px solid transparent;
  }
}
@keyframes showCard {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeInUpForm {
  0% {
    display: flex;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotateInfinite {
  to {
    transform: rotate(-360deg);
  }
}
.bg-glow {
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 10px var(--blue-clouds);
}
.bg-gradient {
  background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.1) 15%, rgba(0, 234, 255, 0.1) 85%, rgba(0, 234, 255, 0) 100%);
}
.bg-icms {
  background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.09) 15%, rgba(10, 10, 10, 0) 30%);
}
.bg-icms--lighten {
  mix-blend-mode: lighten;
}
.bg-icms--lighten::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  background-image: url("../src/images/planet-site-bg.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.bg-mountains {
  background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0) 15%, rgba(0, 234, 255, 0.1) 61%, rgba(0, 234, 255, 0) 100%), url("../src/images/mountains_2.webp");
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}
.bg-planets::before, .bg-planets::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -1;
  width: 692px;
  height: 831px;
  background-image: url("../src/images/planets-aside-side.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 999.98px) {
  .bg-planets::before, .bg-planets::after {
    width: 467px;
    height: 560px;
  }
}
@media (max-width: 599.98px) {
  .bg-planets::before, .bg-planets::after {
    display: none;
  }
}
.bg-planets::before {
  left: 0;
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  transform: translate(0, -50%);
}
.bg-planets::after {
  right: 0;
  transform: translate(0, -50%) scaleX(-1);
}
.bg-lights::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 2px var(--blue-clouds);
}
.bg-lights--top::before {
  top: 20px;
}
.bg-lights--left::before {
  left: 125px;
}
.bg-back--glow {
  position: relative;
}
.bg-back--glow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: flex;
  width: 25%;
  height: 12.5%;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 10px var(--blue-clouds);
  user-select: none;
  transform: translate(-50%, -50%);
}
.bg-intrid::after {
  content: "d";
  position: absolute;
  right: -52px;
  bottom: -52px;
  z-index: 2;
  font-family: "INTRID_ICONS";
  height: 176px;
  width: 176px;
  font-size: 176px;
  line-height: 176px;
  color: var(--blue-clouds);
  pointer-events: none;
}
.bg-bg-main {
  background-color: #0a0a0a !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grey {
  background-color: rgba(255, 255, 255, 0.7176470588) !important;
}
.bg-color-black {
  background-color: #000000 !important;
}
.bg-blue-main {
  background-color: #00eaff !important;
}
.bg-blue-bg {
  background-color: #06272a !important;
}
.bg-blue-light-bg {
  background-color: #15545a !important;
}
.bg-highlight-bg {
  background-color: #c3f3f8 !important;
}
.bg-navbar-bg-op {
  background-color: rgba(10, 10, 10, 0.5215686275) !important;
}
.bg-footer-bg {
  background-color: #232323 !important;
}
.bg-blue-clouds {
  background-color: rgba(0, 234, 255, 0.1921568627) !important;
}
.bg-blue-tag {
  background-color: #11a2aa !important;
}
.bg-blue-bg-icon {
  background-color: rgba(0, 234, 255, 0.031372549) !important;
}
.bg-error {
  background-color: #c62828 !important;
}
.bg-warning {
  background-color: #f57c00 !important;
}
.bg-success {
  background-color: #00eaff !important;
}

.color-bg-main {
  color: #0a0a0a !important;
}
.color-white {
  color: #ffffff !important;
}
.color-grey {
  color: rgba(255, 255, 255, 0.7176470588) !important;
}
.color-black {
  color: #000000 !important;
}
.color-blue {
  color: #00eaff !important;
}
.color-blue-bg {
  color: #06272a !important;
}
.color-blue-light-bg {
  color: #15545a !important;
}
.color-highlight-bg {
  color: #c3f3f8 !important;
}
.color-navbar-bg-op {
  color: rgba(10, 10, 10, 0.5215686275) !important;
}
.color-footer-bg {
  color: #232323 !important;
}
.color-blue-clouds {
  color: rgba(0, 234, 255, 0.1921568627) !important;
}
.color-blue-tag {
  color: #11a2aa !important;
}
.color-blue-bg-icon {
  color: rgba(0, 234, 255, 0.031372549) !important;
}
.color-error {
  color: #c62828 !important;
}
.color-warning {
  color: #f57c00 !important;
}
.color-success {
  color: #00eaff !important;
}

.container {
  max-width: 1442px;
  margin: 0 auto;
}
@media (max-width: 1499.98px) {
  .container {
    max-width: 100%;
    margin: 0 40px;
  }
}
@media (max-width: 599.98px) {
  .container {
    margin: 0px 20px;
  }
}
@media (max-width: 439.98px) {
  .container {
    margin: 0 10px;
  }
}
.container-full {
  width: 100%;
  margin: 0 auto !important;
}
@media (max-width: 1499.98px) {
  .container-full {
    padding: 0 40px;
  }
}
@media (max-width: 599.98px) {
  .container-full {
    padding: 0px 20px;
  }
}
@media (max-width: 439.98px) {
  .container-full {
    padding: 0 10px;
  }
}
.container-blog {
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 1219.98px) {
  .container-blog {
    max-width: 100%;
    margin: 0 40px;
  }
}
@media (max-width: 999.98px) {
  .container-blog {
    max-width: 970px;
  }
}
@media (max-width: 599.98px) {
  .container-blog {
    margin: 0px 20px;
    max-width: 600px;
  }
}
@media (max-width: 439.98px) {
  .container-blog {
    margin: 0 10px;
  }
}

.d-flex {
  display: flex !important;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
@media (max-width: 1199.98px) {
  .d-xl-none {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .d-xl-inline {
    display: inline !important;
  }
}
@media (max-width: 999.98px) {
  .d-lg-none {
    display: none !important;
  }
}
@media (max-width: 999.98px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media (max-width: 999.98px) {
  .d-lg-inline {
    display: inline !important;
  }
}
@media (max-width: 719.98px) {
  .d-md-none {
    display: none !important;
  }
}
@media (max-width: 599.98px) {
  .d-sm-none {
    display: none !important;
  }
}
@media (max-width: 599.98px) {
  .d-sm-block {
    display: block !important;
  }
}
@media (max-width: 599.98px) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media (max-width: 439.98px) {
  .d-xs-none {
    display: none !important;
  }
}
@media (max-width: 439.98px) {
  .d-xs-inline {
    display: inline !important;
  }
}

.flex-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-layout--2x > * {
  flex: 1 0 calc(50% - 10px);
}
@media (max-width: 719.98px) {
  .flex-layout--2x > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--3x > * {
  flex: 1 0 30%;
}
@media (max-width: 1099.98px) {
  .flex-layout--3x > * {
    flex: 1 0 48%;
  }
}
@media (max-width: 719.98px) {
  .flex-layout--3x > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--4x {
  gap: 20px;
}
@media (max-width: 439.98px) {
  .flex-layout--4x {
    gap: 12px;
  }
}
.flex-layout--4x > * {
  flex: 1 0 calc(25% - 15px);
  max-width: calc(25% - 15px);
}
@media (max-width: 999.98px) {
  .flex-layout--4x > * {
    flex: 1 0 calc(33.333333% - 14px);
    max-width: calc(33.333333% - 14px);
  }
}
@media (max-width: 719.98px) {
  .flex-layout--4x > * {
    flex: 1 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 439.98px) {
  .flex-layout--4x > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.flex-layout--filled > * {
  flex: 1 1 0;
}
@media (max-width: 999.98px) {
  .flex-layout--filled > * {
    flex: 1 1 40%;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--filled > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--tab > * {
  flex: 1 1 0;
}
@media (max-width: 1199.98px) {
  .flex-layout--tab > * {
    flex: 1 1 40%;
  }
}
@media (max-width: 719.98px) {
  .flex-layout--tab > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--advantages {
  gap: 40px 32px;
}
@media (max-width: 999.98px) {
  .flex-layout--advantages {
    gap: 20px 12px;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--advantages {
    gap: 12px 8px;
  }
}
.flex-layout--advantages > * {
  flex: 1 0 calc(33.33333% - 22px);
  max-width: calc(33.33333% - 22px);
}
@media (max-width: 999.98px) {
  .flex-layout--advantages > * {
    flex: 1 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}
@media (max-width: 599.98px) {
  .flex-layout--advantages > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.flex-layout--advantages.slim {
  gap: 16px;
}
.flex-layout--advantages.slim > * {
  flex: 1 0 calc(50% - 8px);
  max-width: calc(50% - 8px);
}
@media (max-width: 1120px) {
  .flex-layout--advantages.slim > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--advantages.slim > * {
    flex: 1 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 599.98px) {
  .flex-layout--advantages.slim > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.flex-layout--roadmap {
  align-items: stretch;
  gap: 32px;
}
@media (max-width: 599.98px) {
  .flex-layout--roadmap {
    gap: 8px;
  }
}
.flex-layout--roadmap > * {
  counter-increment: roadmapItems;
  flex: 1 0 calc(33.33333% - 22px);
  max-width: calc(33.33333% - 22px);
  order: var(--i);
}
.flex-layout--roadmap > *::before {
  content: counter(roadmapItems);
}
@media (max-width: 999.98px) {
  .flex-layout--roadmap > * {
    flex: 1 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 599.98px) {
  .flex-layout--roadmap > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.flex-layout--roadmap > *:last-child::after {
  display: none;
}
@media (min-width: 600px) {
  .flex-layout--roadmap-4x > * {
    flex: 1 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
  .flex-layout--roadmap-4x > *:nth-child(6n+1) {
    --i: 1;
  }
  .flex-layout--roadmap-4x > *:nth-child(6n+2) {
    --i: 2;
  }
  .flex-layout--roadmap-4x > *:nth-child(6n+2)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-4x > *:nth-child(6n+3) {
    --i: 4;
  }
  .flex-layout--roadmap-4x > *:nth-child(6n+3)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-4x > *:nth-child(6n+4) {
    --i: 3;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--roadmap-4x > * {
    flex: 1 0 100%;
    width: 100%;
  }
  .flex-layout--roadmap-4x > *::after {
    display: none;
  }
}
@media (min-width: 1000px) {
  .flex-layout--roadmap-3x > *:nth-child(6n+1) {
    --i: 1;
  }
  .flex-layout--roadmap-3x > *:nth-child(6n+2) {
    --i: 2;
  }
  .flex-layout--roadmap-3x > *:nth-child(6n+3) {
    --i: 3;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--roadmap-3x > *::after {
    display: none;
  }
}
@media (min-width: 1000px) {
  .flex-layout--roadmap-7x > *:nth-child(6n+1) {
    --i: 1;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+2) {
    --i: 2;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+3) {
    --i: 3;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+3)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+4) {
    --i: 6;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+4)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+5) {
    --i: 5;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+5)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+6) {
    --i: 4;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+6)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+7) {
    --i: 7;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+8) {
    --i: 8;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+9) {
    --i: 9;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--roadmap-7x > *:nth-child(6n+1) {
    --i: 1;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+2) {
    --i: 2;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+2)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+3) {
    --i: 4;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+3)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+4) {
    --i: 3;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+4)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+5) {
    --i: 5;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+6) {
    --i: 6;
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+6)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-7x > *:nth-child(6n+7) {
    --i: 7;
    margin-left: auto;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--roadmap-7x > *::after {
    display: none;
  }
}
@media (min-width: 1000px) {
  .flex-layout--roadmap-9x > *:nth-child(6n+1) {
    --i: 1;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+2) {
    --i: 2;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+3) {
    --i: 3;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+3)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+4) {
    --i: 6;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+4)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+5) {
    --i: 5;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+5)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+6) {
    --i: 4;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+6)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+7) {
    --i: 7;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+8) {
    --i: 8;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+9) {
    --i: 9;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--roadmap-9x > *:nth-child(6n+1) {
    --i: 1;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+2) {
    --i: 2;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+2)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+3) {
    --i: 4;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+3)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+4) {
    --i: 3;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+4)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+5) {
    --i: 5;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+6) {
    --i: 6;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+6)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+7) {
    --i: 8;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+7)::after {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%) rotate(180deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+8) {
    --i: 7;
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+8)::after {
    top: auto;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 115%) rotate(90deg);
  }
  .flex-layout--roadmap-9x > *:nth-child(6n+9) {
    --i: 9;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--roadmap-9x > *::after {
    display: none;
  }
}
.flex-layout--roadmap-column {
  flex-direction: column;
}
.flex-layout--roadmap-column > * {
  max-width: 100%;
  flex: 1;
}
.flex-layout--roadmap-column > *::after {
  top: auto !important;
  left: 50%;
  bottom: 0% !important;
  transform: translate(-50%, 115%) rotate(90deg) !important;
}
@media (max-width: 599.98px) {
  .flex-layout--roadmap-column > *::after {
    display: none;
  }
}
.flex-layout--roadmap-nothing > *::after {
  display: none;
}
.flex-layout--map > * {
  flex: 1 0 40%;
}
@media (max-width: 899.98px) {
  .flex-layout--map > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--about {
  gap: 100px;
}
@media (max-width: 999.98px) {
  .flex-layout--about {
    gap: 40px;
  }
}
.flex-layout--about > * {
  flex: 1 1 40%;
}
@media (max-width: 750px) {
  .flex-layout--about > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--service {
  align-items: stretch;
  justify-content: center;
  gap: 40px 20px;
}
.flex-layout--service > * {
  width: 260px;
}
@media (max-width: 1499.98px) {
  .flex-layout--service > * {
    width: unset;
    flex: 1;
  }
}
@media (max-width: 1199.98px) {
  .flex-layout--service > * {
    width: unset;
    max-width: 33%;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--service > * {
    max-width: unset;
    min-width: calc(50% - 10px);
  }
}
.flex-layout--docs {
  align-items: stretch;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 599.98px) {
  .flex-layout--docs {
    gap: 40px 12px;
  }
}
.flex-layout--docs > * {
  width: 260px;
}
@media (max-width: 1199.98px) {
  .flex-layout--docs > * {
    flex-basis: 200px;
    width: auto;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--docs > * {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 599.98px) {
  .flex-layout--docs > * {
    flex-basis: calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}
.flex-layout--use {
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  margin: 65px auto 25px;
}
@media (max-width: 599.98px) {
  .flex-layout--use {
    gap: 12px;
    margin: 45px auto 0;
  }
}
.flex-layout--use > * {
  width: 240px;
  flex-basis: 240px;
}
@media (max-width: 1199.98px) {
  .flex-layout--use > * {
    flex-basis: 220px;
    width: 220px;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--use > * {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 599.98px) {
  .flex-layout--use > * {
    flex-basis: calc(25% - 9px);
    max-width: calc(25% - 9px);
  }
}
.flex-layout--maximum {
  gap: 48px 20px;
}
.flex-layout--maximum > * {
  flex: 1 1 0;
}
@media (max-width: 1199.98px) {
  .flex-layout--maximum > * {
    flex: 1 1 40%;
  }
}
@media (max-width: 719.98px) {
  .flex-layout--maximum > * {
    flex: 1 0 100%;
    width: 100%;
  }
}
.flex-layout--prices {
  flex-wrap: nowrap;
  gap: 20px;
}
@media (max-width: 999.98px) {
  .flex-layout--prices {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.flex-layout--prices > * {
  flex: 1 1 0;
}
@media (max-width: 1399.98px) {
  .flex-layout--prices > * {
    flex: 1 0 calc(25% - 15px);
  }
}
@media (max-width: 1100px) {
  .flex-layout--prices > * {
    flex: 1 0 calc(33.33333% - 15px);
  }
}
@media (max-width: 999.98px) {
  .flex-layout--prices > * {
    flex: 1 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
    min-width: unset !important;
  }
  .flex-layout--prices > *:nth-child(5) {
    display: none;
  }
}
.flex-layout--branches {
  width: 100%;
  gap: 20px;
}
@media (max-width: 719.98px) {
  .flex-layout--branches {
    flex-direction: column;
  }
}
.flex-layout--branches > *:first-child {
  max-width: 35%;
  width: 100%;
}
@media (max-width: 719.98px) {
  .flex-layout--branches > *:first-child {
    max-width: 100%;
  }
}
.flex-layout--branches iframe {
  flex: 1;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
@media (max-width: 999.98px) {
  .flex-layout--branches iframe {
    aspect-ratio: 16/10;
    height: 100%;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--branches iframe {
    border-radius: 16px;
    aspect-ratio: 1/1;
  }
}
.flex-layout--groups > * {
  flex-direction: column;
  width: 100%;
  max-width: calc(25% - 15px);
  flex-basis: calc(25% - 15px);
  margin: 0;
}
@media (max-width: 1399.98px) {
  .flex-layout--groups > * {
    max-width: calc(33.333333% - 13.3333333333px);
    flex-basis: calc(33.333333% - 13.3333333333px);
  }
}
@media (max-width: 1199.98px) {
  .flex-layout--groups > * {
    max-width: 50%;
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 999.98px) {
  .flex-layout--groups > * {
    flex-basis: calc(50% - 10px) !important;
  }
}
@media (max-width: 768px) {
  .flex-layout--groups > * {
    max-width: 100%;
    flex-basis: 100% !important;
  }
}
.flex-layout--split {
  display: flex;
  gap: 48px;
}
@media (max-width: 999.98px) {
  .flex-layout--split {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 1199.98px) {
  .flex-layout--split.early {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.flex-layout--split.early > .left {
  max-width: calc(100% - 430px - 20px);
}
@media (max-width: 1199.98px) {
  .flex-layout--split.early > .left {
    max-width: 100%;
  }
}
.flex-layout--split.centered {
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .flex-layout--split.centered > .right {
    max-width: 400px;
    margin: 0 auto;
  }
}
.flex-layout--split > .left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  flex: 1;
}
@media (max-width: 999.98px) {
  .flex-layout--split > .left {
    max-width: 100%;
  }
}
.flex-layout--split > .right {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1 30%;
  max-width: 400px;
}
@media (max-width: 999.98px) {
  .flex-layout--split > .right {
    max-width: 100%;
  }
}
.flex-layout--split > .right .achievements-slider {
  margin: 0 auto;
}
.flex-layout--split > .right .card--leaders {
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 999.98px) {
  .flex-layout--split > .right .card--leaders {
    max-width: 400px;
  }
}
@media (max-width: 999.98px) {
  .flex-layout--split > .right.fixed-bottom {
    position: sticky;
    top: calc(100vh - 310px);
    bottom: 0;
    width: calc(100% + 80px);
    max-width: none;
    margin-left: -40px;
  }
}
@media (max-width: 599.98px) {
  .flex-layout--split > .right.fixed-bottom {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
@media (max-width: 439.98px) {
  .flex-layout--split > .right.fixed-bottom {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
.flex-layout--team {
  gap: 12px;
}
.flex-layout--team > * {
  max-width: calc(25% - 10px);
  flex: calc(25% - 10px);
}
@media (max-width: 1279.98px) {
  .flex-layout--team > * {
    max-width: calc(33.33333% - 10px);
    flex: calc(33.33333% - 10px);
  }
}
@media (max-width: 859.98px) {
  .flex-layout--team > * {
    max-width: calc(50% - 10px);
    flex: calc(50% - 10px);
  }
}
@media (max-width: 599.98px) {
  .flex-layout--team > * {
    max-width: 100%;
    flex: 1 1 100%;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-50 {
  flex: 1 1 40%;
}
@media (max-width: 1199.98px) {
  .flex-xl-column {
    flex-direction: column !important;
  }
}
@media (max-width: 1199.98px) {
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 999.98px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
}
@media (max-width: 999.98px) {
  .flex-lg-column {
    flex-direction: column !important;
  }
}
@media (max-width: 999.98px) {
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 999.98px) {
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 719.98px) {
  .flex-md-column {
    flex-direction: column !important;
  }
}
@media (max-width: 719.98px) {
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 599.98px) {
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 599.98px) {
  .flex-sm-column {
    flex-direction: column !important;
  }
}
@media (max-width: 599.98px) {
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 439.98px) {
  .flex-xs-column {
    flex-direction: column !important;
  }
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}

.align-center {
  align-items: center !important;
}
.align-baseline {
  align-items: baseline !important;
}
.align-bottom {
  align-items: flex-end !important;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
@media (max-width: 999.98px) {
  .align-self-lg-center {
    align-self: center;
  }
}
@media (max-width: 719.98px) {
  .align-self-md-stretch {
    align-self: stretch;
  }
}
@media (max-width: 599.98px) {
  .align-self-sm-center {
    align-self: center;
  }
}
.align-stretch {
  align-items: stretch !important;
}
.align-start {
  align-items: flex-start !important;
}
.align-end {
  align-items: flex-end !important;
}
@media (max-width: 719.98px) {
  .align-md-center {
    align-items: center !important;
  }
}
@media (max-width: 719.98px) {
  .align-md-stretch {
    align-items: stretch !important;
  }
}
@media (max-width: 999.98px) {
  .align-lg-center {
    align-items: center !important;
  }
}
@media (max-width: 999.98px) {
  .align-lg-stretch {
    align-items: stretch !important;
  }
}
@media (max-width: 1199.98px) {
  .align-xl-start {
    align-self: flex-start !important;
  }
}
@media (max-width: 1199.98px) {
  .align-xl-center {
    align-items: center !important;
  }
}

.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-sb {
  justify-content: space-between;
}
@media (max-width: 1360px) {
  .justify-xxl-center {
    justify-content: center;
  }
}
@media (max-width: 1199.98px) {
  .justify-xl-center {
    justify-content: center;
  }
}
@media (max-width: 999.98px) {
  .justify-lg-center {
    justify-content: center;
  }
}
@media (max-width: 719.98px) {
  .justify-md-center {
    justify-content: center;
  }
}
@media (max-width: 599.98px) {
  .justify-sm-center {
    justify-content: center;
  }
}
@media (max-width: 599.98px) {
  .justify-sm-start {
    justify-content: flex-start;
  }
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}

@font-face {
  font-family: "Roboto";
  src: url("../src/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../src/fonts/roboto/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  ascent-override: 100%;
}
@font-face {
  font-family: "INTRID_ICONS";
  src: url("../src/fonts/icons/fonts/INTRID_ICONS.eot");
  src: url("../src/fonts/icons/fonts/INTRID_ICONS.eot?#iefix") format("embedded-opentype"), url("../src/fonts/icons/fonts/INTRID_ICONS.woff") format("woff"), url("../src/fonts/icons/fonts/INTRID_ICONS.ttf") format("truetype"), url("../src/fonts/icons/fonts/INTRID_ICONS.svg#INTRID_ICONS") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[data-icon]:before {
  font-family: "INTRID_ICONS" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "INTRID_ICONS" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-adress:before {
  content: "p";
}

.icon-play:before {
  content: "a";
}

.icon-mail:before {
  content: "b";
}

.icon-reset:before {
  content: "c";
}

.icon-intrid:before {
  content: "d";
}

.icon-whatsapp:before {
  content: "e";
}

.icon-lightbulb:before {
  content: "f";
}

.icon-target:before {
  content: "g";
}

.icon-person:before {
  content: "h";
}

.icon-links:before {
  content: "i";
}

.icon-rocket:before {
  content: "j";
}

.icon-arrow:before {
  content: "k";
}

.icon-arrow_wide:before {
  content: "l";
}

.icon-shevrone:before {
  content: "m";
}

.icon-tg:before {
  content: "n";
}

.icon-phone:before {
  content: "o";
}

.icon-fire:before {
  content: "q";
}

.gap-0 {
  gap: 0 !important;
}
.gap-4 {
  gap: 4px;
}
.gap-6 {
  gap: 6px;
}
.gap-8 {
  gap: 8px;
}
.gap-10 {
  gap: 10px;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.gap-20 {
  gap: 20px;
}
.gap-24 {
  gap: 24px;
}
.gap-28 {
  gap: 28px;
}
.gap-32 {
  gap: 32px;
}
.gap-36 {
  gap: 36px;
}
.gap-48 {
  gap: 48px;
}
.gap-52 {
  gap: 52px;
}
@media (max-width: 1199.98px) {
  .gap-xl-12 {
    gap: 12px;
  }
}
@media (max-width: 1199.98px) {
  .gap-xl-16 {
    gap: 16px;
  }
}
@media (max-width: 1199.98px) {
  .gap-xl-24 {
    gap: 24px;
  }
}
@media (max-width: 1199.98px) {
  .gap-xl-32 {
    gap: 32px;
  }
}
@media (max-width: 1199.98px) {
  .gap-xl-50 {
    gap: 50px;
  }
}
@media (max-width: 1199.98px) {
  .gap-xl-72 {
    gap: 72px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-0 {
    gap: 0px !important;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-8 {
    gap: 8px !important;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-12 {
    gap: 12px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-16 {
    gap: 16px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-20 {
    gap: 20px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-24 {
    gap: 24px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-32 {
    gap: 32px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-52 {
    gap: 52px;
  }
}
@media (max-width: 999.98px) {
  .gap-lg-72 {
    gap: 72px;
  }
}
@media (max-width: 599.98px) {
  .gap-sm-12 {
    gap: 12px;
  }
}
@media (max-width: 599.98px) {
  .gap-sm-16 {
    gap: 16px;
  }
}
@media (max-width: 599.98px) {
  .gap-sm-20 {
    gap: 20px;
  }
}
@media (max-width: 599.98px) {
  .gap-sm-24 {
    gap: 24px;
  }
}
@media (max-width: 599.98px) {
  .gap-sm-50 {
    gap: 50px;
  }
}

.grid-layout {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.grid-layout--2x {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 750px) {
  .grid-layout--2x {
    grid-template-columns: 1fr;
  }
}
.grid-layout--3x {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1100px) {
  .grid-layout--3x {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 750px) {
  .grid-layout--3x {
    grid-template-columns: 1fr;
  }
}
.grid-layout--team {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1199.98px) {
  .grid-layout--team {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 839.98px) {
  .grid-layout--team {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599.98px) {
  .grid-layout--team {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1199.98px) {
  .grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 719.98px) {
  .grid-cols-3 {
    grid-template-columns: 1fr;
  }
}
.grid-cols-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 32px;
}
@media (max-width: 999.98px) {
  .grid-cols-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 599.98px) {
  .grid-cols-4 {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1280px) {
  .grid-cols--about {
    grid-template-columns: 1fr 1fr 400px;
  }
}

.m-center {
  margin-left: auto;
  margin-right: auto;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-52 {
  margin-top: 52px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-auto {
  margin-top: auto !important;
}
@media (max-width: 999.98px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
}
@media (max-width: 999.98px) {
  .mt-lg-16 {
    margin-top: 16px !important;
  }
}
@media (max-width: 999.98px) {
  .mt-lg-32 {
    margin-top: 32px !important;
  }
}
@media (max-width: 599.98px) {
  .mt-sm-32 {
    margin-top: 32px !important;
  }
}
.ml-auto {
  margin-left: auto !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-52 {
  margin-left: 52px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
@media (max-width: 999.98px) {
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
}
.mr-auto {
  margin-right: auto !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-52 {
  margin-right: 52px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
@media (max-width: 1199.98px) {
  .mr-xl-0 {
    margin-right: 0 !important;
  }
}
@media (max-width: 999.98px) {
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-52 {
  margin-bottom: 52px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.m-0 {
  margin: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.p-8 {
  padding: 8px !important;
}
.p-0 {
  padding: 0 !important;
}

:root {
  --root-font-size: 16px;
  --slider-length: 1;
  --slider-visible-count: 1;
  --slider-current-index: 0;
  --slider-slides-gap: 4px;
  --slider-slide-width: 100%;
  --orb-glow-size: 30px;
}

[data-slider] {
  touch-action: pan-y;
  transition: all 0.3s ease-in-out;
}
[data-slider] > * {
  transition: all 0.3s ease-in-out;
}
[data-slider] > *.active {
  opacity: 1 !important;
}
[data-slider]#reviews-slider {
  display: flex;
  gap: 8px;
  width: 100%;
}
@media (max-width: 599.98px) {
  [data-slider]#reviews-slider {
    padding: 0 6px;
  }
}
[data-slider]#reviews-slider > * {
  flex: 1 0 calc(50% - 4px);
  max-width: 100%;
  width: 100%;
  opacity: 0;
}
@media (max-width: 719.98px) {
  [data-slider]#reviews-slider > * {
    flex: 1 0 auto;
  }
}
[data-slider]#reviews-slider > *:not(.active) {
  pointer-events: none;
}
[data-slider]#office-slider, [data-slider]#testimonials-slider {
  width: 100%;
}
@media (max-width: 599.98px) {
  [data-slider]#office-slider, [data-slider]#testimonials-slider {
    padding: 0 6px;
  }
}
[data-slider]#office-slider > *, [data-slider]#testimonials-slider > * {
  flex: 1 1 0%;
  min-width: calc(33.333333% - 21px);
  width: 100%;
  opacity: 0;
}
@media (max-width: 999.98px) {
  [data-slider]#office-slider > *, [data-slider]#testimonials-slider > * {
    min-width: calc(50% - 16px);
  }
}
@media (max-width: 899.98px) {
  [data-slider]#office-slider > *, [data-slider]#testimonials-slider > * {
    min-width: calc(50% - 6px);
  }
}
@media (max-width: 599.98px) {
  [data-slider]#office-slider > *, [data-slider]#testimonials-slider > * {
    flex: 1 0 auto;
    max-width: 100%;
    min-width: 100%;
  }
}
[data-slider]#office-slider > *:not(.active), [data-slider]#testimonials-slider > *:not(.active) {
  pointer-events: none;
}
@media (min-width: 1000px) {
  [data-slider]#testimonials-slider {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
    transform: none !important;
  }
  [data-slider]#testimonials-slider > * {
    min-width: 0;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
  }
  [data-slider]#testimonials-slider ~ .pagination {
    display: none !important;
  }
}
@media (max-width: 599.98px) {
  [data-slider]#our-team {
    padding: 0 6px;
  }
}
[data-slider]#our-team > * {
  flex: 1 0 calc(25% - 4px);
  max-width: calc(25% - 4px);
}
@media (max-width: 1199.98px) {
  [data-slider]#our-team > * {
    flex: 1 0 calc(33.333333% - 2px);
    max-width: calc(33.333333% - 2px);
  }
}
@media (max-width: 999.98px) {
  [data-slider]#our-team > * {
    flex: 1 0 calc(50% - 2px);
    max-width: calc(50% - 2px);
  }
}
@media (max-width: 599.98px) {
  [data-slider]#our-team > * {
    flex: 1 0 auto;
    max-width: 100%;
    min-width: 100% !important;
  }
}
[data-slider]#group-slider {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
[data-slider]#support-slider > * {
  flex: 1 1 0%;
  min-width: calc(33.333333% - 6px);
  width: 100%;
  opacity: 0;
}
@media (max-width: 999.98px) {
  [data-slider]#support-slider > * {
    min-width: calc(50% - 6px);
  }
}
@media (max-width: 599.98px) {
  [data-slider]#support-slider > * {
    flex: 1 0 auto;
    max-width: 100%;
    min-width: 100%;
  }
}
[data-slider]#support-slider > *:not(.active) {
  pointer-events: none;
}
[data-slider]#site-slider, [data-slider]#portfolio-slider, [data-slider]#portfolio-slider-2, [data-slider]#design-portfolio-slider, [data-slider]#ui-portfolio-slider, [data-slider]#portfolio-web-slider, [data-slider]#portfolio-corporate-slider, [data-slider]#portfolio-shop-slider, [data-slider]#noncommercial-slider, [data-slider]#tender-portals-sites-slider, [data-slider]#internet-shop-sites-slider, [data-slider]#corporate-sites-slider {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}
@media (max-width: 599.98px) {
  [data-slider]#site-slider, [data-slider]#portfolio-slider, [data-slider]#portfolio-slider-2, [data-slider]#design-portfolio-slider, [data-slider]#ui-portfolio-slider, [data-slider]#portfolio-web-slider, [data-slider]#portfolio-corporate-slider, [data-slider]#portfolio-shop-slider, [data-slider]#noncommercial-slider, [data-slider]#tender-portals-sites-slider, [data-slider]#internet-shop-sites-slider, [data-slider]#corporate-sites-slider {
    padding: 0 6px;
  }
}
[data-slider]#site-slider > *, [data-slider]#portfolio-slider > *, [data-slider]#portfolio-slider-2 > *, [data-slider]#design-portfolio-slider > *, [data-slider]#ui-portfolio-slider > *, [data-slider]#portfolio-web-slider > *, [data-slider]#portfolio-corporate-slider > *, [data-slider]#portfolio-shop-slider > *, [data-slider]#noncommercial-slider > *, [data-slider]#tender-portals-sites-slider > *, [data-slider]#internet-shop-sites-slider > *, [data-slider]#corporate-sites-slider > * {
  flex: 1 1 0%;
  min-width: calc(33.333333% - 2px);
  width: 100%;
  opacity: 0;
}
@media (max-width: 1199.98px) {
  [data-slider]#site-slider > *, [data-slider]#portfolio-slider > *, [data-slider]#portfolio-slider-2 > *, [data-slider]#design-portfolio-slider > *, [data-slider]#ui-portfolio-slider > *, [data-slider]#portfolio-web-slider > *, [data-slider]#portfolio-corporate-slider > *, [data-slider]#portfolio-shop-slider > *, [data-slider]#noncommercial-slider > *, [data-slider]#tender-portals-sites-slider > *, [data-slider]#internet-shop-sites-slider > *, [data-slider]#corporate-sites-slider > * {
    min-width: calc(50% - 2px);
  }
}
@media (max-width: 719.98px) {
  [data-slider]#site-slider > *, [data-slider]#portfolio-slider > *, [data-slider]#portfolio-slider-2 > *, [data-slider]#design-portfolio-slider > *, [data-slider]#ui-portfolio-slider > *, [data-slider]#portfolio-web-slider > *, [data-slider]#portfolio-corporate-slider > *, [data-slider]#portfolio-shop-slider > *, [data-slider]#noncommercial-slider > *, [data-slider]#tender-portals-sites-slider > *, [data-slider]#internet-shop-sites-slider > *, [data-slider]#corporate-sites-slider > * {
    flex: 1 0 auto;
    max-width: 100%;
    min-width: 100% !important;
  }
}
[data-slider]#site-slider > *:not(.active), [data-slider]#portfolio-slider > *:not(.active), [data-slider]#portfolio-slider-2 > *:not(.active), [data-slider]#design-portfolio-slider > *:not(.active), [data-slider]#ui-portfolio-slider > *:not(.active), [data-slider]#portfolio-web-slider > *:not(.active), [data-slider]#portfolio-corporate-slider > *:not(.active), [data-slider]#portfolio-shop-slider > *:not(.active), [data-slider]#noncommercial-slider > *:not(.active), [data-slider]#tender-portals-sites-slider > *:not(.active), [data-slider]#internet-shop-sites-slider > *:not(.active), [data-slider]#corporate-sites-slider > *:not(.active) {
  pointer-events: none;
}
[data-slider]#site-slider > *:first-child, [data-slider]#portfolio-slider > *:first-child, [data-slider]#portfolio-slider-2 > *:first-child, [data-slider]#design-portfolio-slider > *:first-child, [data-slider]#ui-portfolio-slider > *:first-child, [data-slider]#portfolio-web-slider > *:first-child, [data-slider]#portfolio-corporate-slider > *:first-child, [data-slider]#portfolio-shop-slider > *:first-child, [data-slider]#noncommercial-slider > *:first-child, [data-slider]#tender-portals-sites-slider > *:first-child, [data-slider]#internet-shop-sites-slider > *:first-child, [data-slider]#corporate-sites-slider > *:first-child {
  border-radius: 20px 0 0 20px;
}
[data-slider]#site-slider > *:not(:first-child, :last-child), [data-slider]#portfolio-slider > *:not(:first-child, :last-child), [data-slider]#portfolio-slider-2 > *:not(:first-child, :last-child), [data-slider]#design-portfolio-slider > *:not(:first-child, :last-child), [data-slider]#ui-portfolio-slider > *:not(:first-child, :last-child), [data-slider]#portfolio-web-slider > *:not(:first-child, :last-child), [data-slider]#portfolio-corporate-slider > *:not(:first-child, :last-child), [data-slider]#portfolio-shop-slider > *:not(:first-child, :last-child), [data-slider]#noncommercial-slider > *:not(:first-child, :last-child), [data-slider]#tender-portals-sites-slider > *:not(:first-child, :last-child), [data-slider]#internet-shop-sites-slider > *:not(:first-child, :last-child), [data-slider]#corporate-sites-slider > *:not(:first-child, :last-child) {
  border-radius: 0;
}
[data-slider]#site-slider > *:last-child, [data-slider]#portfolio-slider > *:last-child, [data-slider]#portfolio-slider-2 > *:last-child, [data-slider]#design-portfolio-slider > *:last-child, [data-slider]#ui-portfolio-slider > *:last-child, [data-slider]#portfolio-web-slider > *:last-child, [data-slider]#portfolio-corporate-slider > *:last-child, [data-slider]#portfolio-shop-slider > *:last-child, [data-slider]#noncommercial-slider > *:last-child, [data-slider]#tender-portals-sites-slider > *:last-child, [data-slider]#internet-shop-sites-slider > *:last-child, [data-slider]#corporate-sites-slider > *:last-child {
  border-radius: 0 20px 20px 0;
}
[data-slider]#logo-slider, [data-slider]#brand-slider, [data-slider]#awards-slider {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}
[data-slider]#logo-slider > *, [data-slider]#brand-slider > *, [data-slider]#awards-slider > * {
  flex: 1 1 0%;
  min-width: calc(25% - 2px);
  width: 100%;
  opacity: 0;
}
@media (max-width: 1199.98px) {
  [data-slider]#logo-slider > *, [data-slider]#brand-slider > *, [data-slider]#awards-slider > * {
    min-width: calc(33.333333% - 2px);
  }
}
@media (max-width: 899.98px) {
  [data-slider]#logo-slider > *, [data-slider]#brand-slider > *, [data-slider]#awards-slider > * {
    min-width: calc(50% - 2px);
  }
}
@media (max-width: 439.98px) {
  [data-slider]#logo-slider > *, [data-slider]#brand-slider > *, [data-slider]#awards-slider > * {
    flex: 1 0 auto;
    max-width: 100%;
    min-width: 100% !important;
  }
}
[data-slider]#logo-slider > *:not(.active), [data-slider]#brand-slider > *:not(.active), [data-slider]#awards-slider > *:not(.active) {
  pointer-events: none;
}
[data-slider]#logo-slider:is(#logo-slider) > *:first-child, [data-slider]#logo-slider:is(#brand-slider) > *:first-child, [data-slider]#brand-slider:is(#logo-slider) > *:first-child, [data-slider]#brand-slider:is(#brand-slider) > *:first-child, [data-slider]#awards-slider:is(#logo-slider) > *:first-child, [data-slider]#awards-slider:is(#brand-slider) > *:first-child {
  border-radius: 20px 0 0 20px;
}
[data-slider]#logo-slider:is(#logo-slider) > *:not(:first-child, :last-child), [data-slider]#logo-slider:is(#brand-slider) > *:not(:first-child, :last-child), [data-slider]#brand-slider:is(#logo-slider) > *:not(:first-child, :last-child), [data-slider]#brand-slider:is(#brand-slider) > *:not(:first-child, :last-child), [data-slider]#awards-slider:is(#logo-slider) > *:not(:first-child, :last-child), [data-slider]#awards-slider:is(#brand-slider) > *:not(:first-child, :last-child) {
  border-radius: 0;
}
[data-slider]#logo-slider:is(#logo-slider) > *:last-child, [data-slider]#logo-slider:is(#brand-slider) > *:last-child, [data-slider]#brand-slider:is(#logo-slider) > *:last-child, [data-slider]#brand-slider:is(#brand-slider) > *:last-child, [data-slider]#awards-slider:is(#logo-slider) > *:last-child, [data-slider]#awards-slider:is(#brand-slider) > *:last-child {
  border-radius: 0 20px 20px 0;
}
[data-slider]#promotion-slider, [data-slider]#group-slider {
  margin-top: 0;
}
[data-slider]#promotion-slider > *, [data-slider]#group-slider > * {
  flex: 1 1 calc(25% - 4px);
  min-width: calc(25% - 4px);
}
@media (max-width: 1199.98px) {
  [data-slider]#promotion-slider > *, [data-slider]#group-slider > * {
    flex: 0 0 calc(33.333333% - 4px);
    opacity: 0;
  }
}
@media (max-width: 999.98px) {
  [data-slider]#promotion-slider > *, [data-slider]#group-slider > * {
    flex: 1 0 calc(50% - 4px);
    min-width: calc(50% - 4px);
  }
}
@media (max-width: 599.98px) {
  [data-slider]#promotion-slider > *, [data-slider]#group-slider > * {
    flex: 1 1 0%;
    min-width: 100% !important;
  }
}
@media (min-width: 1000px) and (max-width: 1440px) {
  [data-slider]#promotion-slider > *, [data-slider]#group-slider > * {
    padding: 24px 12px;
  }
}
@media (min-width: 600px) and (max-width: 700px) {
  [data-slider]#promotion-slider > *, [data-slider]#group-slider > * {
    padding: 24px 12px;
  }
}
[data-slider]#promotion-slider > * .card-header > div > a, [data-slider]#group-slider > * .card-header > div > a {
  white-space: nowrap;
}
[data-slider]#promotion-slider > * .card-body > div > b, [data-slider]#group-slider > * .card-body > div > b {
  font-size: 20px;
}
[data-slider]#tenders-keys-slider > *:not(.active) {
  opacity: 0;
  pointer-events: none;
}
[data-slider] + .pagination > .pagination--next-btn, [data-slider] + .pagination > .pagination--prev-btn {
  position: absolute;
}

[id] {
  scroll-margin-block-start: 70px;
}

[data-src]:is(.lazyload) {
  visibility: hidden;
}

input[type=radio] {
  display: none;
}

textarea[data-autosize] {
  resize: none;
  overflow: hidden;
}

span {
  display: inline;
  font-size: 14px;
}
@media (max-width: 999.98px) {
  span {
    font-size: 14px;
  }
}
@media (max-width: 599.98px) {
  span {
    font-size: 13px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto";
  margin-block-start: 0;
  margin-block-end: 1em;
  line-height: 140%;
}

p {
  margin-block-start: 0;
  margin-block-end: 1em;
}

p,
span,
a {
  font-family: "Roboto";
  line-height: 150%;
}

h1 *,
.title_h1 *,
h2 *,
.title_h2 *,
h3 *,
.title_h3 *,
h4 *,
.title_h4 *,
h5 *,
.title_h5 * {
  font-size: inherit;
}

.underlined {
  position: relative;
}
.underlined::after {
  display: block;
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='724' height='14' viewBox='0 0 724 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.983553 12.6314C206.595 1.07436 488.386 -1.45226 723.354 6.19199' stroke='url(%23paint0_linear_22_59)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_22_59' x1='0.911133' y1='6.0376' x2='56.5964' y2='189.636' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2307CCDE'/%3E%3Cstop offset='1' stop-color='%2311A2AA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  min-height: 1em;
  left: 0;
  bottom: -0.4em;
  user-select: none;
  pointer-events: none;
}

.under-title {
  text-align: center;
  color: var(--color-grey);
  width: 40%;
  margin: auto;
  margin-top: 30px;
}
.under-title-group {
  display: flex;
  width: fit-content;
  max-width: 900px;
  flex-wrap: wrap;
  column-gap: 20px;
  align-items: center;
  margin: 30px auto 0px auto;
}
.under-title-group .title_h2 {
  flex-basis: 0%;
}
.under-title-group .under-title {
  margin: 0;
  flex-grow: 1;
  flex-basis: auto;
  text-align: start;
}
.under-title-group .under-number {
  max-width: 500px;
  flex-basis: 100%;
}

h1,
.title_h1 {
  font-weight: 600;
  font-size: 40px;
  position: relative;
}
@media (max-width: 999.98px) {
  h1,
  .title_h1 {
    font-size: 28px;
  }
}
@media (max-width: 575.98px) {
  h1,
  .title_h1 {
    font-size: 24px;
  }
}

h2,
.title_h2 {
  font-weight: 600;
  font-size: 36px;
}
@media (max-width: 999.98px) {
  h2,
  .title_h2 {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  h2,
  .title_h2 {
    font-size: 22px;
  }
}

h3,
.title_h3 {
  font-weight: 600;
  font-size: 36px;
}
@media (max-width: 999.98px) {
  h3,
  .title_h3 {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  h3,
  .title_h3 {
    font-size: 22px;
  }
}

h4,
.title_h4 {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  h4,
  .title_h4 {
    font-size: 18px;
  }
}

h5,
.title_h5 {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  h5,
  .title_h5 {
    font-size: 16px;
  }
}

.title_lead1 {
  font-size: 72px;
}

a {
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  color: var(--blue-main);
}
@media (max-width: 999.98px) {
  a {
    font-size: 14px;
  }
}
@media (max-width: 599.98px) {
  a {
    font-size: 13px;
  }
}
a:not([class*=button],
[class*=card],
[class*=slide],
[class*=rating-item],
[class*=phone-line],
[class*=link-text],
[class*=pagination]) {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
}
a:not([class*=button],
[class*=card],
[class*=slide],
[class*=rating-item],
[class*=phone-line],
[class*=link-text],
[class*=pagination]):hover {
  text-decoration: none;
}

.link-text {
  text-decoration: none;
}
.link-text:hover {
  text-decoration: none;
}
.link-text:hover i {
  text-decoration: none;
}
.link-text:hover span {
  text-decoration: underline;
}

.stretched-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}

p.p_big {
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  p.p_big {
    font-size: 16px;
  }
}
@media (max-width: 599.98px) {
  p.p_big {
    font-size: 14px;
  }
}

p.small {
  font-weight: 400;
  font-size: 13px;
}
@media (max-width: 999.98px) {
  p.small {
    font-size: 12px;
  }
}

p,
.p {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 999.98px) {
  p,
  .p {
    font-size: 14px;
  }
}
@media (max-width: 599.98px) {
  p,
  .p {
    font-size: 13px;
  }
}
p a,
.p a {
  display: inline;
}
p a:hover,
.p a:hover {
  text-decoration: underline;
}

i {
  display: inline-block;
  position: relative;
}
i.left {
  transform: rotate(180deg) translateY(0.3em);
}
i.down {
  transform: rotate(90deg) translate(-0.3em, -0.3em);
}

.icon-star::before {
  min-width: 13px;
  min-height: 13px;
  content: "";
  display: inline-block;
  background-color: #fdf41f;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.icon-star-4_4::before {
  min-width: 13px;
  min-height: 13px;
  content: "";
  display: inline-block;
  background: linear-gradient(90deg, rgb(253, 244, 31) 0%, rgb(253, 244, 31) 40%, rgb(147, 147, 147) 40%, rgb(147, 147, 147) 100%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.icon-star-4_7::before {
  min-width: 12px;
  min-height: 12px;
  content: "";
  display: inline-block;
  background: linear-gradient(90deg, rgb(253, 244, 31) 0%, rgb(253, 244, 31) 70%, rgb(147, 147, 147) 70%, rgb(147, 147, 147) 100%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.icons-table {
  gap: 16px;
  flex-wrap: wrap;
}
.icons-table i {
  font-size: 52px;
}
.icons-partners {
  justify-content: center;
  display: flex;
  gap: 4px;
  margin-top: 5px;
}
.icons-partners a.lg-partner {
  width: 1.7em;
  height: 1.7em;
}
.icons-partners a.lg-partner img {
  height: auto;
  width: 1.7em;
}

div.icon-menu {
  display: flex;
  align-items: center;
  gap: 16px;
}

.icon-menu i {
  color: currentColor;
  font-size: 30px;
  transition: color 0.25s ease-in-out;
}
.icon-menu > * {
  height: 30px;
}
.icon-menu > a {
  color: var(--color-white);
  transition: color 0.25s ease-in-out;
}
.icon-menu > a:hover {
  color: var(--blue-main);
}

.img-placeholder {
  max-width: 62px;
  max-height: 62px;
  border-radius: 50%;
  background-color: var(--blue-bg);
  padding: 10px;
  transition: 0.25s ease-in-out;
}
.img-placeholder img {
  width: 100%;
  height: auto;
}
.img-placeholder:hover {
  background-color: var(--blue-clouds);
  box-shadow: 0px 0px 20px 20px var(--blue-clouds);
}

hr {
  width: 80%;
  border: 0px solid transparent;
  height: 1px;
  border-color: var(--blue-bg);
  background-color: var(--blue-bg);
}
hr.section-spacer {
  width: auto;
  border: 0.5px solid var(--section-spacer);
  margin: 52px 0;
}

main section {
  padding: 62px 0;
}
main section:first-of-type {
  padding-top: 160px;
  padding-bottom: 20px;
}
@media (max-width: 599.98px) {
  main section:first-of-type {
    padding-top: 100px;
  }
}

.section-zakaz {
  padding: 62px 0;
}

.position-absolute {
  position: absolute !important;
}
.position-relative {
  position: relative !important;
}
.position-sticky {
  position: sticky !important;
  top: 80px;
}

ul {
  list-style-type: disc;
}
ul.ordinary-list {
  padding-left: 16px;
}
ul.ordinary-list li {
  padding-left: 12px;
  margin-bottom: 4px;
  color: var(--color-white);
}
ul.ordinary-list li::marker {
  content: "•";
  color: var(--blue-main);
}
ul.generic-list {
  padding-left: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
}
ul.generic-list > li {
  padding-left: 8px;
}
ul.generic-list > li::marker {
  content: "•";
  color: var(--blue-main);
}

ul,
ol {
  padding: 0;
  padding-left: 16px;
}
ul li,
ol li {
  margin-bottom: 12px;
}
ul li::marker,
ol li::marker {
  color: var(--blue-tag);
}
ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}
ul li p,
ol li p {
  margin-bottom: unset;
}
ul li > ul, ul li > ol,
ol li > ul,
ol li > ol {
  margin: 1em 0;
}

.list--crm {
  list-style: none;
  padding: 0;
}
.list--crm > li {
  position: relative;
  counter-increment: num;
}
.list--crm > li::before {
  content: counter(num);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: var(--blue-main);
  border-radius: 50%;
  font-size: large;
  color: var(--bg-main);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 599.98px) {
  .list--crm > li::before {
    width: 25px;
    height: 25px;
  }
}
.list--crm > li::marker {
  display: none !important;
}
.list--crm.fix > .list-item {
  position: relative;
  counter-increment: num;
}
.list--crm.fix > .list-item::before {
  content: counter(num);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  background: var(--blue-main);
  border-radius: 50%;
  font-size: large;
  color: var(--bg-main);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 599.98px) {
  .list--crm.fix > .list-item::before {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }
}
.list--cooperate {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  padding: 0;
}
@media (max-width: 1199.98px) {
  .list--cooperate {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media (max-width: 999.98px) {
  .list--cooperate {
    column-gap: 20px;
    row-gap: 30px;
  }
}
.list--cooperate li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin: 0;
}
@media (max-width: 599.98px) {
  .list--cooperate li {
    width: 100%;
  }
}
.list--cooperate li i {
  border-radius: 52px;
  color: var(--blue-main);
  font-size: 40px;
  max-height: 40px;
  line-height: 40px;
  box-shadow: 0px 0px 50px 10px var(--blue-clouds), inset 0px 0px 30px -10px var(--blue-clouds);
}
.list--cooperate li img {
  border-radius: 25%;
  height: 40px;
  width: 40px;
  box-shadow: 0px 0px 50px 10px var(--blue-clouds), inset 0px 0px 30px -10px var(--blue-clouds);
}
.list--cooperate li p {
  max-width: 200px;
  margin: 0;
}
@media (max-width: 599.98px) {
  .list--cooperate li p {
    max-width: 100%;
  }
}
.list--cooperate.slim {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
@media (min-width: 1000px) {
  .list--cooperate.slim {
    gap: 40px;
  }
}
.list--cooperate.slim li {
  margin: 0;
  padding: 0;
}
.list--cooperate.stashed {
  gap: 24px;
}
@media (max-width: 999.98px) {
  .list--cooperate.stashed {
    align-items: center;
  }
}
.list--cooperate.stashed li {
  max-width: 100%;
  align-items: center;
}
@media (max-width: 999.98px) {
  .list--cooperate.stashed li {
    flex: 1 1 45%;
    max-width: 270px;
  }
}
@media (max-width: 599.98px) {
  .list--cooperate.stashed li {
    flex: 1;
    max-width: 240px;
    align-items: flex-start;
  }
}
.list--cooperate.start {
  align-items: flex-start;
}
.list--cooperate.start li {
  align-items: flex-start;
}
.list--cooperate.column {
  grid-template-columns: 1fr;
}
.list--cooperate.column li p {
  max-width: 100%;
}
.list--cooperate.flexible {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.list--cooperate.flexible.wide {
  justify-content: center;
}
.list--cooperate.flexible.wide li {
  flex: 1 1 0%;
}
@media (max-width: 999.98px) {
  .list--cooperate.flexible.wide li {
    flex: 1 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 599.98px) {
  .list--cooperate.flexible.wide li {
    align-items: center;
    flex: 1 0 auto;
    max-width: 100%;
  }
}
.list--ai {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  list-style: none;
}
.list--ai li {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--blue-bg);
}
.list--ai li p {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .list--ai li p {
    font-size: 18px;
  }
}
.list--ai li p {
  color: var(--blue-main);
}
.list--ai li p img {
  height: 2em;
  width: auto;
  margin-right: 10px;
}
.list--ai li span {
  color: var(--color-grey);
}
.list.bigger li {
  margin-bottom: 1em;
}
.list--leads {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
}
.list--leads li {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--blue-bg);
}
.list--leads li::marker {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .list--leads li::marker {
    font-size: 18px;
  }
}
.list--leads li::marker {
  color: var(--blue-main);
}
.list--leads li:last-child {
  border-bottom: none;
  padding-bottom: unset;
}
.list--leads li > p {
  margin-bottom: 20px;
}
.list--leads li > p:last-child {
  margin-bottom: 0;
}
.list--leads:is(ul) {
  list-style: none;
}
.list--leads:is(ol) {
  padding-left: 20px;
}
.list--leads.compact li {
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  gap: 8px;
  margin-bottom: 0;
  padding-bottom: 16px;
}
.list--leads.compact li:last-child {
  margin-bottom: 0;
  padding-bottom: unset;
}
.list--leads.compact.row li {
  grid-template-columns: 1fr;
}

#preloader {
  z-index: 10;
  width: 100vw;
  height: 100vh;
  position: fixed;
  contain: layout paint style;
  background-image: url("/src/images/stars.jpg");
  background-size: auto 400px;
  background-position: top;
  background-repeat: repeat;
  overflow: hidden;
  animation: onload 2.5s forwards;
  animation-delay: 1.4s;
  pointer-events: none;
  will-change: opacity;
}
#preloader .flying-orb {
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1);
  animation: onload-orb 2.5s forwards;
  will-change: transform;
}
@media (max-width: 1199.98px) {
  #preloader .flying-orb {
    width: 270px;
    height: 270px;
  }
}
@media (max-width: 999.98px) {
  #preloader .flying-orb {
    width: 240px;
    height: 240px;
  }
}
#preloader .flying-orb .ripple-circle {
  display: none !important;
}

.tooltip {
  position: relative;
  cursor: help;
  display: inline-block;
}
.tooltip .icon-tooltip:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "?";
  color: white;
  font-size: 0.85em;
  font-weight: 900 !important;
  background-color: #00eaff;
  width: 12px;
  height: 12px;
  border-radius: 1000px;
  padding: 3px;
  z-index: 0;
  position: relative;
}
.tooltip-after {
  position: absolute;
  background-color: var(--blue-bg);
  color: #fff;
  padding: 6px 10px;
  border: 1px solid var(--blue-main);
  border-radius: 4px;
  white-space: wrap;
  font-size: 14px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
  max-width: 300px;
  transition: opacity 0.3s ease-in-out;
}
.tooltip-after.visible {
  opacity: 1;
  z-index: 5;
}
.tooltip:hover::after, .tooltip:hover::before {
  opacity: 1;
}
.tooltip.hidden {
  display: none;
}

.infinite-glow {
  text-shadow: 0px 0px 8px var(--blue-main);
  animation: infinite-glow 3s infinite;
}

.text-highlight-blue {
  color: var(--text-hl-blue);
}
.text-highlight-yellow {
  color: var(--text-hl-yellow);
}
.text-highlight-red {
  color: var(--text-hl-red);
}
.text-highlight-green {
  color: var(--text-hl-green);
}
.text-dotted {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-underline-offset: 4px;
}
.text-dashed {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: dashed;
  text-decoration-skip-ink: none;
  text-underline-offset: 4px;
}
.text-unbreakable {
  text-wrap: nowrap;
}
.text-wrap-balance {
  text-wrap: balance !important;
}
.text-underline {
  text-decoration: underline;
}
.text-nowrap {
  white-space: nowrap;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
@media (max-width: 999.98px) {
  .text-lg-center {
    text-align: center;
  }
}
@media (max-width: 599.98px) {
  .text-sm-left {
    text-align: left;
  }
}
.text-decoration-none {
  text-decoration: none !important;
}

.fw-bold {
  font-weight: 600;
}
.fw-400 {
  font-weight: 400;
}
.fz-20 {
  font-size: 20px;
}
.fz-26 {
  font-size: 26px;
}
.fz-24 {
  font-size: 24px;
}

.hover-underline:hover {
  text-decoration: underline;
}
.hover-glow:hover {
  outline: 1px solid var(--blue-main);
  box-shadow: 0px 0px 16px var(--blue-main);
}

.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}

.fd-row {
  display: flex;
  flex-direction: row;
}
.fd-col {
  display: flex;
  flex-direction: column;
}

.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}

.w-900 {
  max-width: 900px;
}
.w-fit {
  width: fit-content !important;
}
.w-fill {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.w-100 {
  width: 100% !important;
}
@media (max-width: 999.98px) {
  .w-lg-100 {
    width: 100% !important;
  }
}
@media (max-width: 599.98px) {
  .w-sm-100 {
    width: 100% !important;
  }
}

.h-100 {
  height: 100%;
}
.h-auto {
  height: auto !important;
}

.mw-1000 {
  max-width: 1000px !important;
}
.mw-900 {
  max-width: 900px !important;
}
.mw-800 {
  max-width: 800px !important;
}
.mw-700 {
  max-width: 700px !important;
}
.mw-600 {
  max-width: 600px !important;
}
.mw-500 {
  max-width: 500px !important;
}
.mw-400 {
  max-width: 400px !important;
}
.mw-300 {
  max-width: 300px !important;
}
.mw-200 {
  max-width: 200px !important;
}
.mw-100 {
  max-width: 100% !important;
}
@media (max-width: 999.98px) {
  .mw-lg-100 {
    max-width: 100% !important;
  }
}

.mh-100 {
  max-height: 100% !important;
}

@media (max-width: 899.98px) {
  .br900 {
    display: none;
  }
}
@media (min-width: 900px) {
  .br900min {
    display: none !important;
  }
}
@media (max-width: 999.98px) {
  .br1000 {
    display: none !important;
  }
}
@media (max-width: 599.98px) {
  .br600 {
    display: none !important;
  }
}
@media (min-width: 600px) {
  .br600min {
    display: none !important;
  }
}
@media (max-width: 420px) {
  .br420 {
    display: none;
  }
}
@media (min-width: 420px) {
  .br420min {
    display: none;
  }
}
@media (max-width: 470px) {
  .br470 {
    display: none;
  }
}
@media (max-width: 519.98px) {
  .br520 {
    display: none;
  }
}

.radius-16 {
  border-radius: 16px !important;
}
.radius-20 {
  border-radius: 20px !important;
}
.radius-24 {
  border-radius: 24px !important;
}
.radius-32 {
  border-radius: 32px !important;
}
@media (max-width: 599.98px) {
  .radius-sm-16 {
    border-radius: 16px !important;
  }
}
@media (max-width: 599.98px) {
  .radius-sm-20 {
    border-radius: 20px !important;
  }
}
@media (max-width: 599.98px) {
  .radius-sm-24 {
    border-radius: 24px !important;
  }
}
@media (max-width: 599.98px) {
  .radius-sm-32 {
    border-radius: 32px !important;
  }
}

.croped-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.croped-text--3 {
  -webkit-line-clamp: 3;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default !important;
}

.toast {
  position: fixed;
  top: auto;
  bottom: 60px;
  left: 50%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  width: 100%;
  height: fit-content;
  padding: 16px;
  background-color: var(--bg-main);
  text-align: center;
  color: var(--color-white);
  border-radius: 12px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 100%);
  transition: 0.25s ease-in-out;
}
.toast.show {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.toast.success {
  border: 1px solid var(--success);
  color: var(--color-white);
  background: color-mix(in srgb, var(--success) 50%, var(--bg-main) 50%);
}
.toast.error {
  border: 1px solid var(--error);
  color: var(--color-white);
  background: color-mix(in srgb, var(--error) 50%, var(--bg-main) 50%);
}

fieldset {
  border-radius: 10px;
  border-color: transparent;
}
fieldset legend {
  padding: 0 10px 0px 5px;
  font-weight: 600;
}
fieldset p {
  margin: 0px 5px;
}

form {
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
form input,
form textarea {
  position: relative;
  width: 100%;
  padding: 14px 24px;
  background-color: transparent;
  color: white;
  border-radius: 28px;
  border: 1px solid var(--color-white);
  font-size: 16px;
  line-height: 1.25;
  touch-action: manipulation;
}
@media (max-width: 999.98px) {
  form input,
  form textarea {
    font-size: 15px;
  }
}
form input:focus,
form textarea:focus {
  border: 1px dashed var(--color-white);
  outline: none;
}
form input::placeholder,
form textarea::placeholder {
  color: var(--color-grey);
}
form input:disabled, form input.disabled,
form textarea:disabled,
form textarea.disabled {
  pointer-events: none;
  opacity: 0.5;
}
form .button {
  width: 100%;
  justify-content: center;
}
form .button:hover {
  background-color: var(--color-white);
}
form button[type=submit],
form input[type=submit] {
  position: relative;
}

.form-status:empty {
  display: none;
}

.input-file {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding: 14px 24px;
  background-color: transparent;
  color: white;
  border-radius: 28px;
  border: 1px solid var(--color-white);
  font-size: 16px;
  line-height: 1.25;
  touch-action: manipulation;
}
@media (max-width: 999.98px) {
  .input-file {
    font-size: 15px;
  }
}
.input-file:focus {
  border: 1px dashed var(--color-white);
  outline: none;
}
.input-file::placeholder {
  color: var(--color-grey);
}
.input-file:disabled, .input-file.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.input-file {
  padding: 0;
  border: 1px dashed;
  overflow: hidden;
}
.input-file .file-drop-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 5em;
  padding: 4px 24px;
  transition: background-color 0.25s ease-in-out;
}
.input-file .file-drop-area.drag-over {
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
}
.input-file .file-drop-area > label {
  width: 100%;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: visible;
}
.input-file .file-drop-area > label > img {
  display: initial;
  width: 16px;
  height: 16px;
  object-fit: contain;
  vertical-align: middle;
  opacity: 0.75;
  margin-left: 4px;
}
.input-file .file-drop-area > label > input {
  top: 0;
  left: 0;
  padding: 0;
}
.input-file .file-drop-area > label > span {
  font-size: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: dashed;
  text-decoration-skip-ink: none;
  text-underline-offset: 4px;
}
.input-file .drag-drop-hint {
  font-size: 14px;
  color: var(--color-grey);
}
@media (max-width: 999.98px) {
  .input-file .drag-drop-hint {
    font-size: 12px;
  }
}
.input-file {
  cursor: pointer;
}
.input-file input[type=file] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}
@supports (-moz-appearance: none) {
  .input-file .file-list {
    scrollbar-color: var(--blue-main) var(--blue-light-bg);
    scrollbar-width: thin;
  }
}
.input-file .file-list::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.input-file .file-list::-webkit-scrollbar-track {
  background: var(--blue-light-bg);
  border-radius: 8px;
}
.input-file .file-list::-webkit-scrollbar-thumb {
  background: var(--blue-main);
  border-radius: 8px;
}
.input-file .file-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 200px;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.input-file .file-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 100%;
}
.input-file .file-item > span:not(.remove-file) {
  display: block;
  width: 100%;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.input-file .remove-file {
  position: relative;
  z-index: 3;
  display: flex;
  font-size: 18px;
  line-height: 1.25;
  padding: 6px;
  user-select: none;
  cursor: pointer;
}
.input-mode {
  position: relative;
}
.input-mode > input {
  padding-right: 36px;
}
.input-mode.rubles::after {
  content: "₽";
  position: absolute;
  top: 50%;
  right: 16px;
  font-weight: 600;
  font-size: inherit;
  user-select: none;
  pointer-events: none;
  transform: translate(0, -50%);
}
.input-mode.percent::after {
  content: "%";
  position: absolute;
  top: 50%;
  right: 16px;
  font-weight: 600;
  font-size: inherit;
  user-select: none;
  pointer-events: none;
  transform: translate(0, -50%);
}

.label-checkbox {
  position: relative;
  display: inline-block;
  width: fit-content;
  cursor: pointer;
}
.label-checkbox:hover:before {
  border: 1px solid var(--blue-main) !important;
  text-decoration-color: transparent;
}
.label-checkbox:before {
  content: "✔";
  box-sizing: border-box;
  display: inline-block;
  font-size: inherit;
  width: 20px;
  height: 20px;
  color: transparent;
  border: 1px solid var(--color-white);
  border-radius: 4px;
  margin-right: 12px;
  transition: all 0.2s ease-in;
}
.label-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0%;
  width: 20px;
  cursor: pointer;
}
.label-checkbox:has(input:checked):before {
  font-size: 1em;
  width: 20px;
  height: 20px;
  color: var(--color-white);
}

.breadcrumbs {
  position: absolute;
  top: 80px;
  left: 0;
  display: flex;
  gap: 8px;
  width: 100%;
  padding: 0 0 10px;
  color: var(--color-white);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
@media (max-width: 599.98px) {
  .breadcrumbs {
    top: 60px;
  }
}
.breadcrumbs a {
  color: var(--color-white);
  text-decoration: none;
}
.breadcrumbs a.link-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs-wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0;
}

.badge {
  display: inline-block;
  max-width: fit-content;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.25;
  border-radius: 8px;
  background-color: var(--blue-tag);
  color: var(--color-white);
}
.badge.error {
  background-color: rgba(198, 40, 40, 0.1);
  color: var(--error);
}
.badge.good {
  background-color: rgba(46, 125, 50, 0.1);
  color: var(--success);
}
.badge.warning {
  background-color: rgba(245, 124, 0, 0.1);
  color: var(--warning);
}

.pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
}
.pagination button {
  padding: 5px;
  border-radius: 50%;
  background: rgba(8, 37, 60, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--blue-main);
  outline-offset: 4px;
  text-decoration: none !important;
}
@media (min-width: 1000px) {
  .pagination button:hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--color-white);
    border: 1px solid var(--color-white);
  }
}
.pagination button i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
}
.pagination--prev-btn, .pagination--next-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(8, 37, 60, 0.35);
  color: var(--blue-main);
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
@media (max-width: 999.98px) {
  .pagination--prev-btn, .pagination--next-btn {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1000px) {
  .pagination--prev-btn:hover, .pagination--next-btn:hover {
    border-color: var(--blue-main);
    background-color: rgba(26, 123, 255, 0.3);
    box-shadow: 0 0 18px rgba(33, 159, 255, 0.45);
    color: var(--color-white);
  }
}
.pagination--prev-btn i, .pagination--prev-btn svg, .pagination--next-btn i, .pagination--next-btn svg {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
}
.pagination--prev-btn svg, .pagination--next-btn svg {
  display: flex;
}
@media (min-width: 1480px) {
  .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: 16px !important;
  }
}
@media (min-width: 1500px) {
  .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: 12.5px !important;
  }
}
@media (min-width: 1550px) {
  .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: -4px !important;
  }
}
@media (min-width: 1600px) {
  .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: -20px !important;
  }
}
@media (min-width: 1480px) {
  .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: 16px !important;
  }
}
@media (min-width: 1500px) {
  .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: 12.5px !important;
  }
}
@media (min-width: 1550px) {
  .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: -4px !important;
  }
}
@media (min-width: 1600px) {
  .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: -20px !important;
  }
}
.pagination--prev-btn i.left {
  transform: rotate(180deg) translateY(0);
}
.pagination--buttons-dots {
  display: flex;
  gap: 8px;
}
.pagination--buttons-dots button {
  border: 1px solid var(--color-white);
}
.pagination--buttons-dots button.highlight {
  border-color: var(--blue-main);
  background-color: var(--blue-main);
}
@media (max-width: 899.98px) {
  .pagination#cases-pagination {
    display: flex;
  }
}
@media (min-width: 900px) {
  .pagination#cases-pagination {
    display: none !important;
  }
}

.contact-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.contact-block--address a {
  transition: 0.25s ease-in-out;
}
@media (max-width: 991.98px) {
  .contact-block--address a {
    white-space: nowrap;
  }
}
@media (max-width: 575.98px) {
  .contact-block--address a {
    white-space: wrap;
  }
}
.contact-block--address a::before {
  content: "p";
  position: absolute;
  top: 2px;
  left: 0;
  font-family: "INTRID_ICONS" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  color: var(--blue-main);
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 575.98px) {
  .contact-block--address .contact-block--content {
    max-width: 182px;
  }
}
.contact-block--phone {
  transition: 0.25s ease-in-out;
}
.contact-block--phone a::before {
  content: "o";
  position: absolute;
  top: 2px;
  left: 0;
  font-family: "INTRID_ICONS" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-size: 18px;
  color: var(--blue-main);
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1199.98px) {
  .contact-block--phone {
    height: fit-content;
  }
  .contact-block--phone .contact-block--content > a {
    width: 26px;
    height: 26px;
    font-size: 0;
  }
  .contact-block--phone .contact-block--content > a::before {
    font-size: 26px;
  }
  .contact-block--phone .contact-block--content .contact-block--schedule {
    display: none;
  }
}
.contact-block--content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: fit-content;
  max-width: 194px;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .contact-block--content {
    max-width: unset;
  }
}
.contact-block--content > a {
  position: relative;
  display: flex;
  padding-left: 24px;
  color: #ffffff;
  transition: 0.25s ease-in-out;
}
@media (max-width: 599.98px) {
  .contact-block--content > a {
    width: min-content;
    margin-left: 20px;
    padding-left: 16px;
  }
}
.contact-block--content > a:hover {
  color: var(--blue-main);
}
@media (min-width: 1000px) {
  .contact-block--content > a:hover {
    text-shadow: var(--blue-main) 0px 0px 10px;
  }
}
.contact-block--schedule {
  position: relative;
  z-index: 1;
  padding-left: 16px;
  opacity: 0.7;
}

.tabs-buttons {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.tabs-buttons:not(.container) {
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .tabs-buttons {
    gap: 12px;
  }
}
@media (max-width: 999.98px) {
  .tabs-buttons {
    gap: 8px;
  }
}
@media (max-width: 599.98px) {
  .tabs-buttons {
    gap: 4px;
  }
}
.tabs-content {
  width: 100%;
  background: rgb(10, 10, 10);
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgb(10, 10, 10) 82%, rgba(10, 10, 10, 0.8) 91%, rgba(10, 10, 10, 0.6) 96%, rgba(10, 10, 10, 0) 100%);
  border-top: 1px solid var(--blue-main);
}
.tabs-content .tab-content {
  padding: 62px 0px 0px;
  transform-origin: top;
}
.tabs-content .tab-content:not(.active) {
  display: none;
}
.tabs .tab-button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: -1px;
  padding: 16px;
  background-color: var(--blue-bg);
  border-top: 2px solid var(--blue-clouds);
  border-bottom: 1px solid var(--blue-main);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  will-change: transform;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .tabs .tab-button {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-height: unset;
    padding: 8px 4px;
    border-radius: 16px 16px 0 0;
    text-align: center;
    transform-origin: center;
  }
}
@media (max-width: 599.98px) {
  .tabs .tab-button {
    gap: 4px;
    padding: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center;
  }
}
@media (min-width: 1000px) {
  .tabs .tab-button:hover {
    background: color-mix(in srgb, var(--blue-main) 15%, transparent);
  }
}
@media (max-width: 999.98px) {
  .tabs .tab-button:hover img {
    filter: unset;
  }
}
.tabs .tab-button img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 999.98px) {
  .tabs .tab-button img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 599.98px) {
  .tabs .tab-button img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 999.98px) {
  .tabs .tab-button > span:not(.tab-header, .tab-button-content) {
    text-wrap: balance;
  }
}
.tabs .tab-button:has(:checked), .tabs .tab-button.active {
  border-top-color: var(--blue-main);
  border-bottom-color: var(--bg-main);
}
@media (max-width: 999.98px) {
  .tabs .tab-button:has(:checked), .tabs .tab-button.active {
    color: var(--blue-main);
    background-color: var(--bg-main);
  }
}
.tabs .tab-button:has(:checked) img, .tabs .tab-button.active img {
  filter: invert(1) grayscale(1) brightness(0);
}
@media (max-width: 999.98px) {
  .tabs .tab-button:has(:checked) img, .tabs .tab-button.active img {
    filter: unset;
  }
}
@media (min-width: 1000px) {
  .tabs .tab-button:has(:checked), .tabs .tab-button.active {
    background-color: var(--bg-main);
    border-top: 2px solid var(--blue-main);
    color: var(--color-white);
  }
  .tabs .tab-button:has(:checked) img, .tabs .tab-button.active img {
    filter: invert(0) grayscale(0) brightness(1);
  }
}
.tabs .tab-button input {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tabs-content, .tabs:is(.isAi) .tabs-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 0;
  }
}
.tabs:is(.isMain) .tabs-content .tab-content:not(.active), .tabs:is(.isAi) .tabs-content .tab-content:not(.active) {
  display: none;
}
@media (max-width: 599.98px) {
  .tabs:is(.isMain) .tabs-content .tab-content, .tabs:is(.isAi) .tabs-content .tab-content {
    padding: 32px 0;
  }
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tabs-content label:has(input:checked) + .tab-content, .tabs:is(.isAi) .tabs-content label:has(input:checked) + .tab-content {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 440px) {
  .tabs:is(.isMain) .tabs-buttons label:nth-of-type(1)::after, .tabs:is(.isAi) .tabs-buttons label:nth-of-type(1)::after {
    animation: eye 4s cubic-bezier(0.37, 0, 0.63, 1) 2s infinite;
  }
}
@media (min-width: 440px) {
  .tabs:is(.isMain) .tabs-buttons:has(#tab-1:checked) ~ .tabs-content .tab-content:nth-of-type(1), .tabs:is(.isAi) .tabs-buttons:has(#tab-1:checked) ~ .tabs-content .tab-content:nth-of-type(1) {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 440px) {
  .tabs:is(.isMain) .tabs-buttons label:nth-of-type(2)::after, .tabs:is(.isAi) .tabs-buttons label:nth-of-type(2)::after {
    animation: eye 4s cubic-bezier(0.37, 0, 0.63, 1) 3s infinite;
  }
}
@media (min-width: 440px) {
  .tabs:is(.isMain) .tabs-buttons:has(#tab-2:checked) ~ .tabs-content .tab-content:nth-of-type(2), .tabs:is(.isAi) .tabs-buttons:has(#tab-2:checked) ~ .tabs-content .tab-content:nth-of-type(2) {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 440px) {
  .tabs:is(.isMain) .tabs-buttons label:nth-of-type(3)::after, .tabs:is(.isAi) .tabs-buttons label:nth-of-type(3)::after {
    animation: eye 4s cubic-bezier(0.37, 0, 0.63, 1) 4s infinite;
  }
}
@media (min-width: 440px) {
  .tabs:is(.isMain) .tabs-buttons:has(#tab-3:checked) ~ .tabs-content .tab-content:nth-of-type(3), .tabs:is(.isAi) .tabs-buttons:has(#tab-3:checked) ~ .tabs-content .tab-content:nth-of-type(3) {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tabs-buttons, .tabs:is(.isAi) .tabs-buttons {
    display: none;
  }
}
.tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  flex-grow: 1;
  flex-basis: 0;
  padding: 24px 60px 16px 100px;
  background-color: var(--blue-bg);
  border-top: 2px solid var(--bg-main);
  border-bottom: 1px solid var(--blue-main);
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  text-align: left;
  overflow: hidden;
  transform: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  .tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
    padding: 16px 32px 16px 100px;
  }
}
@media (max-width: 999.98px) {
  .tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
    padding: 12px 20px 16px 100px;
  }
}
@media (max-width: 899.98px) {
  .tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
    padding: 16px 12px 16px 92px;
  }
}
@media (max-width: 719.98px) {
  .tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
    padding: 16px 12px 16px 80px;
  }
}
@media (max-width: 599.98px) {
  .tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
    padding: 8px 20px 8px 20px;
  }
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tab-button, .tabs:is(.isAi) .tab-button {
    flex-basis: unset;
    margin: 0 10px;
    padding: 12px 20px;
    border-radius: 100px 100px;
    border-top-width: 2px;
    border-width: 1px;
    border-color: var(--bg-main);
  }
}
@media (min-width: 1000px) {
  .tabs:is(.isMain) .tab-button:hover::before, .tabs:is(.isAi) .tab-button:hover::before {
    background-color: var(--blue-main);
  }
}
.tabs:is(.isMain) .tab-button:hover::after, .tabs:is(.isAi) .tab-button:hover::after {
  color: var(--color-white);
}
@media (max-width: 899.98px) {
  .tabs:is(.isMain) .tab-button:hover::after, .tabs:is(.isAi) .tab-button:hover::after {
    color: var(--blue-clouds);
  }
}
.tabs:is(.isMain) .tab-button::before, .tabs:is(.isAi) .tab-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  background-color: var(--bg-main);
  border-radius: 50%;
  transform: translate(-50%, -25%);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 899.98px) {
  .tabs:is(.isMain) .tab-button::before, .tabs:is(.isAi) .tab-button::before {
    display: none;
  }
}
.tabs:is(.isMain) .tab-button::after, .tabs:is(.isAi) .tab-button::after {
  position: absolute;
  top: 40px;
  left: 20px;
  font-family: "INTRID_ICONS";
  font-size: 52px;
  content: "d";
  color: var(--blue-main);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1420px) {
  .tabs:is(.isMain) .tab-button::after, .tabs:is(.isAi) .tab-button::after {
    top: 52px;
    left: 20px;
  }
}
@media (max-width: 899.98px) {
  .tabs:is(.isMain) .tab-button::after, .tabs:is(.isAi) .tab-button::after {
    top: 16px;
    left: 10px;
  }
}
@media (max-width: 599.98px) {
  .tabs:is(.isMain) .tab-button::after, .tabs:is(.isAi) .tab-button::after {
    top: -4px;
    left: -36px;
    z-index: 0;
    font-size: 72px;
    color: var(--blue-clouds);
  }
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tab-button::after, .tabs:is(.isAi) .tab-button::after {
    top: 50%;
    left: 0;
    transform: translate(-35%, -50%);
  }
}
.tabs:is(.isMain) .tab-button .tab-header, .tabs:is(.isAi) .tab-button .tab-header {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 1199.98px) {
  .tabs:is(.isMain) .tab-button .tab-header, .tabs:is(.isAi) .tab-button .tab-header {
    display: block;
  }
}
@media (max-width: 719.98px) {
  .tabs:is(.isMain) .tab-button .tab-header, .tabs:is(.isAi) .tab-button .tab-header {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    z-index: 1;
  }
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tab-button .tab-header, .tabs:is(.isAi) .tab-button .tab-header {
    padding-right: 1.5em;
  }
  .tabs:is(.isMain) .tab-button .tab-header::after, .tabs:is(.isAi) .tab-button .tab-header::after {
    position: absolute;
    color: var(--blue-main);
    right: 0;
    font-family: "INTRID_ICONS";
    content: "m";
    font-size: 1.5em;
    transform: rotate(90deg);
    transition: 0.25s ease-in-out;
  }
}
.tabs:is(.isMain) .tab-button .tab-button-content, .tabs:is(.isAi) .tab-button .tab-button-content {
  color: var(--color-grey);
}
@media (max-width: 899.98px) {
  .tabs:is(.isMain) .tab-button .tab-button-content, .tabs:is(.isAi) .tab-button .tab-button-content {
    display: none;
  }
}
.tabs:is(.isMain) .tab-button input, .tabs:is(.isAi) .tab-button input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  user-select: none;
}
.tabs:is(.isMain) .tab-button:has(input:checked), .tabs:is(.isAi) .tab-button:has(input:checked) {
  background-color: var(--bg-main);
  border-top: 2px solid var(--blue-main);
  border-bottom: 1px solid transparent;
  box-shadow: none;
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tab-button:has(input:checked), .tabs:is(.isAi) .tab-button:has(input:checked) {
    background-color: transparent;
    border-top-color: var(--blue-main);
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tabs:is(.isMain) .tab-button:has(input:checked) .tab-header::after, .tabs:is(.isAi) .tab-button:has(input:checked) .tab-header::after {
    transform: rotate(270deg);
  }
}
.tabs:is(.isMain) .tab-button:has(input:checked)::before, .tabs:is(.isAi) .tab-button:has(input:checked)::before {
  background-color: var(--blue-main);
}
.tabs:is(.isMain) .tab-button:has(input:checked)::after, .tabs:is(.isAi) .tab-button:has(input:checked)::after {
  color: var(--color-white);
}
@media (max-width: 599.98px) {
  .tabs:is(.isMain) .tab-button:has(input:checked)::after, .tabs:is(.isAi) .tab-button:has(input:checked)::after {
    color: var(--blue-clouds);
  }
}
.tabs:is(.isMain) .tab-button:has(input:checked) .tab-content, .tabs:is(.isAi) .tab-button:has(input:checked) .tab-content {
  color: var(--color-white);
}
.tabs:is(.isMain) .tab-button.mobile, .tabs:is(.isAi) .tab-button.mobile {
  display: none;
}
@media (max-width: 439.98px) {
  .tabs:is(.isMain) .tab-button.mobile, .tabs:is(.isAi) .tab-button.mobile {
    display: block;
  }
}
.tabs:is(.isAi) .tabs-content {
  padding-bottom: 20px;
  background-color: var(--bg-main);
}
@media (max-width: 899.98px) {
  .tabs:is(.isDesign) .tabs-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: 0;
  }
}
.tabs:is(.isDesign) .tabs-content .tab-content {
  display: none;
}
@media (max-width: 899.98px) {
  .tabs:is(.isDesign) .tabs-content .tab-content {
    padding: 16px 0;
  }
}
@media (max-width: 899.98px) {
  .tabs:is(.isDesign) .tabs-content label:has(input:checked) + .tab-content {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 900px) {
  .tabs:is(.isDesign) .tabs-buttons label:nth-of-type(1)::after {
    animation: eye 4s cubic-bezier(0.37, 0, 0.63, 1) 2s infinite;
  }
}
@media (min-width: 900px) {
  .tabs:is(.isDesign) .tabs-buttons:has(#tab-1:checked) ~ .tabs-content .tab-content:nth-of-type(1) {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 900px) {
  .tabs:is(.isDesign) .tabs-buttons label:nth-of-type(2)::after {
    animation: eye 4s cubic-bezier(0.37, 0, 0.63, 1) 3s infinite;
  }
}
@media (min-width: 900px) {
  .tabs:is(.isDesign) .tabs-buttons:has(#tab-2:checked) ~ .tabs-content .tab-content:nth-of-type(2) {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (min-width: 900px) {
  .tabs:is(.isDesign) .tabs-buttons label:nth-of-type(3)::after {
    animation: eye 4s cubic-bezier(0.37, 0, 0.63, 1) 4s infinite;
  }
}
@media (min-width: 900px) {
  .tabs:is(.isDesign) .tabs-buttons:has(#tab-3:checked) ~ .tabs-content .tab-content:nth-of-type(3) {
    animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (max-width: 899.98px) {
  .tabs:is(.isDesign) .tabs-buttons {
    display: none;
  }
}
@media (min-width: 1000px) {
  .tabs-to-select > .nice-wrapper {
    display: none !important;
  }
  .tabs-to-select > [class*=nav-tabs], .tabs-to-select > .tabs-buttons {
    display: block !important;
  }
}
@media (max-width: 999.98px) {
  .tabs-to-select > .nice-wrapper {
    display: block !important;
  }
  .tabs-to-select > [class*=nav-tabs], .tabs-to-select > .tabs-buttons {
    display: none !important;
  }
}
@media (min-width: 1000px) {
  .tabs-to-select.isTender > .nice-wrapper, .tabs-to-select.isSeo > .nice-wrapper {
    display: none !important;
  }
  .tabs-to-select.isTender > [class*=nav-tabs], .tabs-to-select.isTender > .tabs-buttons, .tabs-to-select.isSeo > [class*=nav-tabs], .tabs-to-select.isSeo > .tabs-buttons {
    display: flex !important;
  }
}
@media (max-width: 999.98px) {
  .tabs-to-select.isTender > .nice-wrapper, .tabs-to-select.isSeo > .nice-wrapper {
    display: flex !important;
  }
  .tabs-to-select.isTender > [class*=nav-tabs], .tabs-to-select.isTender > .tabs-buttons, .tabs-to-select.isSeo > [class*=nav-tabs], .tabs-to-select.isSeo > .tabs-buttons {
    display: none !important;
  }
}
@media (min-width: 1000px) {
  .tabs-to-select.isBlogs > .nice-wrapper {
    display: none !important;
  }
  .tabs-to-select.isBlogs > .blogs__buttons {
    display: flex !important;
  }
}
@media (max-width: 999.98px) {
  .tabs-to-select.isBlogs > .nice-wrapper {
    display: flex !important;
  }
  .tabs-to-select.isBlogs > .blogs__buttons {
    display: none !important;
  }
}

.article-navigation {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 300px;
  will-change: transform;
  transition: 0.6s ease-in-out;
}
@media (max-width: 1199.98px) {
  .article-navigation {
    position: sticky;
    top: 70px;
    left: 100%;
    right: 0;
    z-index: 3;
    gap: 0;
    width: fit-content;
    max-height: 600px;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-right: -44px;
  }
  .article-navigation:has(#nav-trigger:checked) .nav-list {
    max-height: 60vh;
    opacity: 1;
    visibility: visible;
  }
  .article-navigation:has(#nav-trigger:checked) .nav-trigger i {
    transform: rotate(-90deg);
  }
}
@media (max-width: 599.98px) {
  .article-navigation {
    margin-right: -26px;
  }
}
@media (max-width: 439.98px) {
  .article-navigation {
    margin-right: -18px;
  }
}
@media (min-width: 1200px) {
  .article-navigation {
    padding: 8px 16px;
    border-radius: 20px;
    background-color: var(--blue-bg);
    border: 1px solid var(--blue-bg);
  }
}
.article-navigation .nav-list {
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 8px 4px 8px 20px;
  border-radius: 8px;
  transition: 0.25s ease-in-out;
}
@supports (-moz-appearance: none) {
  .article-navigation .nav-list {
    scrollbar-color: var(--blue-main) var(--bg-main);
    scrollbar-width: thin;
  }
}
.article-navigation .nav-list::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.article-navigation .nav-list::-webkit-scrollbar-track {
  background: var(--bg-main);
  border-radius: 8px;
}
.article-navigation .nav-list::-webkit-scrollbar-thumb {
  background: var(--blue-main);
  border-radius: 8px;
}
@media (max-width: 1199.98px) {
  .article-navigation .nav-list {
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    width: 100vw;
    max-width: 300px;
    height: fit-content;
    max-height: 0;
    margin-top: 16px;
    padding: 16px 24px;
    opacity: 0;
    visibility: hidden;
    border-radius: 20px;
    background-color: var(--blue-bg);
    border: 1px solid var(--blue-bg);
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 599.98px) {
  .article-navigation .nav-list {
    max-width: 85vw;
  }
}
.article-navigation .nav-list a {
  display: block;
  color: var(--color-white);
  text-decoration: none !important;
  transition: 0.25s ease-in-out;
}
.article-navigation .nav-list a.active {
  color: var(--blue-main);
  text-shadow: 0 0 4px var(--blue-clouds);
}
.article-navigation .nav-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: 0.25s ease-in-out;
}
@media (max-width: 1199.98px) {
  .article-navigation .nav-trigger {
    height: 40px;
    padding: 14px;
    border-radius: 32px;
    background-color: var(--blue-light-bg);
    cursor: pointer;
  }
}
@media (max-width: 599.98px) {
  .article-navigation .nav-trigger {
    padding: 10px;
  }
}
.article-navigation .nav-trigger p {
  margin: 0;
  transition: 0.25s ease-in-out;
}
@media (min-width: 1200px) {
  .article-navigation .nav-trigger p {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 999.98px) {
  .article-navigation .nav-trigger p {
    font-size: 16px;
  }
}
.article-navigation .nav-trigger i {
  display: none;
}
@media (max-width: 1199.98px) {
  .article-navigation .nav-trigger i {
    display: flex;
    color: var(--blue-main);
    font-size: initial;
    transform-origin: center;
    transform: rotate(90deg);
    transition: 0.25s ease-in-out;
  }
}
.article-navigation .nav-trigger input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .article-navigation.is-scrolled .nav-trigger {
    width: 40px;
  }
  .article-navigation.is-scrolled .nav-trigger > p {
    display: none;
  }
}

.yandex {
  color: var(--color-white);
}
.yandex span {
  color: #f00;
}

.google {
  color: #4285f4;
}
.google span:nth-child(1), .google span:nth-child(4) {
  color: #ea4335;
}
.google span:nth-child(2) {
  color: #fbbc05;
}
.google span:nth-child(3) {
  color: #34a853;
}

.icms-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.icms-block img {
  width: auto;
  height: 36px;
  margin-right: 8px;
}
.icms-block p {
  margin: 0;
}

.phone-line {
  color: var(--color-white);
  display: flex;
  flex-direction: row;
  text-wrap: nowrap;
  align-items: center;
  transition: 0.25s ease-in-out;
}
.phone-line:hover {
  color: var(--blue-main);
}
@media (min-width: 1000px) {
  .phone-line:hover {
    text-shadow: var(--blue-main) 0px 0px 12px;
  }
}
.phone-line i, .phone-line svg {
  display: flex;
}
.phone-line svg, .phone-line img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.phone-line span {
  font-size: 14px;
}

.accordion .accordion-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  background-color: var(--blue-bg);
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 999.98px) {
  .accordion .accordion-item {
    border-radius: 28px;
  }
}
@media (max-width: 599.98px) {
  .accordion .accordion-item {
    border-radius: 24px;
  }
}
.accordion .accordion-item.active .accordion-content {
  max-height: unset;
  padding: 16px 32px;
  visibility: visible;
  overflow: visible;
}
@media (max-width: 599.98px) {
  .accordion .accordion-item.active .accordion-content {
    padding: 16px;
  }
}
.accordion .accordion-item.deactive {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}
.accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  padding: 16px 32px;
  background-color: var(--blue-clouds);
  border-radius: 32px;
  color: var(--color-white);
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
@media (max-width: 599.98px) {
  .accordion .accordion-header {
    padding: 8px 16px;
  }
}
.accordion .accordion-header img, .accordion .accordion-header i {
  align-self: flex-start;
  width: 32px;
  height: 32px;
  object-fit: contain;
  font-size: 32px;
  line-height: 1;
  color: var(--blue-main);
}
.accordion .accordion-header i.icon-shevrone, .accordion .accordion-header ii.icon-shevrone_double {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 24px;
  color: var(--blue-main);
  transform-origin: center;
  transform: rotate(90deg);
  transition: 0.25s ease-in-out;
}
.accordion .accordion-header.title_h4 i.icon-shevrone {
  transform: rotate(90deg);
}
.accordion .accordion-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 0 32px;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
@media (max-width: 599.98px) {
  .accordion .accordion-content {
    padding: 0 16px;
  }
}
.accordion .accordion-content .title_h5 {
  margin-top: 12px;
}
.accordion .accordion-content .quote {
  margin-bottom: 0;
}
.accordion .accordion-content input,
.accordion .accordion-content textarea {
  position: relative;
  width: 100%;
  padding: 14px 24px;
  background-color: transparent;
  color: white;
  border-radius: 28px;
  border: 1px solid var(--color-white);
  font-size: 16px;
  line-height: 1.25;
  touch-action: manipulation;
}
@media (max-width: 999.98px) {
  .accordion .accordion-content input,
  .accordion .accordion-content textarea {
    font-size: 15px;
  }
}
.accordion .accordion-content input:focus,
.accordion .accordion-content textarea:focus {
  border: 1px dashed var(--color-white);
  outline: none;
}
.accordion .accordion-content input::placeholder,
.accordion .accordion-content textarea::placeholder {
  color: var(--color-grey);
}
.accordion .accordion-content input:disabled, .accordion .accordion-content input.disabled,
.accordion .accordion-content textarea:disabled,
.accordion .accordion-content textarea.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.accordion .accordion-checkbox {
  display: none;
}
.accordion .accordion-checkbox:checked + .accordion-header i.icon-shevrone, .accordion .accordion-checkbox:checked + .accordion-header i.icon-shevrone_double {
  transform: rotate(-90deg);
}
.accordion .accordion-checkbox:checked + .accordion-header.title_h4 i.icon-shevrone {
  transform: rotate(-90deg);
}
.accordion .accordion-checkbox:checked + .accordion-header + .accordion-content {
  max-height: unset;
  padding: 16px 32px;
  visibility: visible;
  overflow: visible;
}
@media (max-width: 599.98px) {
  .accordion .accordion-checkbox:checked + .accordion-header + .accordion-content {
    padding: 16px;
  }
}

.toggle-line {
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.toggle-line:has(*.counter:not(.hidden)) label {
  flex-wrap: wrap;
}
@media (max-width: 599.98px) {
  .toggle-line:has(*.counter:not(.hidden)) label > p {
    flex: 1;
  }
}
.toggle-line label {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.toggle-line label::before {
  margin-right: 0;
}
.toggle-line label p {
  margin: 0;
  align-self: center;
}
.toggle-line .counter {
  display: flex;
  align-items: center;
  gap: 4px;
}
.toggle-line .counter > p, .toggle-line .counter > span {
  margin-right: 8px;
}
.toggle-line .counter.hidden {
  display: none;
}
@media (max-width: 599.98px) {
  .toggle-line .counter {
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0;
  }
}
@media (max-width: 439.98px) {
  .toggle-line .counter {
    max-height: fit-content;
  }
}
.toggle-line .counter input::-webkit-outer-spin-button,
.toggle-line .counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.toggle-line .counter {
  /* For Firefox */
}
.toggle-line .counter input[type=number] {
  appearance: textfield;
  width: 60px;
}
.toggle-line .counter button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 4px;
}
.toggle-line .counter button,
.toggle-line .counter input {
  height: 32px;
  padding: 12px;
}
.toggle-checkbox {
  display: none;
}
.toggle-checkbox:checked + label, .toggle-checkbox:checked + .switch-slider {
  position: relative;
}
.toggle-checkbox:checked + label::before, .toggle-checkbox:checked + .switch-slider::before {
  content: "";
  background-color: var(--blue-tag);
  border: 1px solid var(--color-white);
}
.toggle-checkbox:checked + label:after, .toggle-checkbox:checked + .switch-slider:after {
  background-color: var(--color-white);
  transform: translateX(28px);
}
.toggle-checkbox + label, .toggle-checkbox + .switch-slider {
  position: relative;
  cursor: pointer;
}
.toggle-checkbox + label::before, .toggle-checkbox + .switch-slider::before {
  content: "";
  display: inline-block;
  min-width: 52px;
  height: 24px;
  border-radius: 1000px;
  background-color: var(--blue-bg);
  border: 1px solid var(--blue-main);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-checkbox + label:after, .toggle-checkbox + .switch-slider:after {
  content: "";
  top: 3px;
  left: 3px;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 1000px;
  background-color: var(--blue-main);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-nice > input {
  display: none;
}
.toggle-nice > input:checked + label, .toggle-nice > input:checked + .switch-slider {
  position: relative;
}
.toggle-nice > input:checked + label::before, .toggle-nice > input:checked + .switch-slider::before {
  content: "";
  background-color: var(--blue-tag);
  border: 1px solid var(--color-white);
}
.toggle-nice > input:checked + label:after, .toggle-nice > input:checked + .switch-slider:after {
  background-color: var(--color-white);
  transform: translateX(28px);
}
.toggle-nice > input + label, .toggle-nice > input + .switch-slider {
  position: relative;
  cursor: pointer;
}
.toggle-nice > input + label::before, .toggle-nice > input + .switch-slider::before {
  content: "";
  display: inline-block;
  min-width: 52px;
  height: 24px;
  border-radius: 1000px;
  background-color: var(--blue-bg);
  border: 1px solid var(--blue-main);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-nice > input + label:after, .toggle-nice > input + .switch-slider:after {
  content: "";
  top: 3px;
  left: 3px;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 1000px;
  background-color: var(--blue-main);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-nice > input ~ .nice-wrapper {
  z-index: unset;
}
.toggle-nice > input:is(:checked) + label + * {
  opacity: 1;
  pointer-events: all;
}
.toggle-nice > input:is(:checked) + label + *.nice-wrapper:has(.nice-select.open) {
  z-index: 9;
}
.toggle-nice .tooltip {
  align-self: center;
}
.toggle-switch {
  width: fit-content;
}
.toggle-switch .switch-label {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 24px;
}
.toggle-switch .switch-option {
  appearance: button;
  align-self: center;
  vertical-align: middle;
  cursor: pointer;
}
.toggle-switch .switch-control {
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.toggle-switch .switch-control:has(*.counter:not(.hidden)) label {
  flex-wrap: wrap;
}
@media (max-width: 599.98px) {
  .toggle-switch .switch-control:has(*.counter:not(.hidden)) label > p {
    flex: 1;
  }
}
.toggle-switch .switch-control label {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.toggle-switch .switch-control label::before {
  margin-right: 0;
}
.toggle-switch .switch-control label p {
  margin: 0;
  align-self: center;
}
.toggle-switch .switch-control .counter {
  display: flex;
  align-items: center;
  gap: 4px;
}
.toggle-switch .switch-control .counter > p, .toggle-switch .switch-control .counter > span {
  margin-right: 8px;
}
.toggle-switch .switch-control .counter.hidden {
  display: none;
}
@media (max-width: 599.98px) {
  .toggle-switch .switch-control .counter {
    width: 100%;
    flex: 1 0 auto;
    margin-left: 0;
  }
}
@media (max-width: 439.98px) {
  .toggle-switch .switch-control .counter {
    max-height: fit-content;
  }
}
.toggle-switch .switch-control .counter input::-webkit-outer-spin-button,
.toggle-switch .switch-control .counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.toggle-switch .switch-control .counter {
  /* For Firefox */
}
.toggle-switch .switch-control .counter input[type=number] {
  appearance: textfield;
  width: 60px;
}
.toggle-switch .switch-control .counter button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 4px;
}
.toggle-switch .switch-control .counter button,
.toggle-switch .switch-control .counter input {
  height: 32px;
  padding: 12px;
}
.toggle-switch .switch-control .switch-slider::before {
  background-color: var(--blue-tag) !important;
  border: 1px solid var(--color-white) !important;
}
.toggle-switch .switch-control .switch-slider::after {
  background-color: var(--color-white) !important;
}
.toggle-switch .switch-checkbox {
  display: none;
}
.toggle-switch .switch-checkbox:checked + label, .toggle-switch .switch-checkbox:checked + .switch-slider {
  position: relative;
}
.toggle-switch .switch-checkbox:checked + label::before, .toggle-switch .switch-checkbox:checked + .switch-slider::before {
  content: "";
  background-color: var(--blue-tag);
  border: 1px solid var(--color-white);
}
.toggle-switch .switch-checkbox:checked + label:after, .toggle-switch .switch-checkbox:checked + .switch-slider:after {
  background-color: var(--color-white);
  transform: translateX(28px);
}
.toggle-switch .switch-checkbox + label, .toggle-switch .switch-checkbox + .switch-slider {
  position: relative;
  cursor: pointer;
}
.toggle-switch .switch-checkbox + label::before, .toggle-switch .switch-checkbox + .switch-slider::before {
  content: "";
  display: inline-block;
  min-width: 52px;
  height: 24px;
  border-radius: 1000px;
  background-color: var(--blue-bg);
  border: 1px solid var(--blue-main);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-switch .switch-checkbox + label:after, .toggle-switch .switch-checkbox + .switch-slider:after {
  content: "";
  top: 3px;
  left: 3px;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 1000px;
  background-color: var(--blue-main);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.flying-orb {
  position: absolute;
  top: 180px;
  left: 55%;
  z-index: 3;
  animation-delay: 3s;
  transform-origin: center;
  will-change: transform, opacity, box-shadow;
}
.flying-orb.straight > img {
  left: 50% !important;
}
.flying-orb img {
  width: 282px;
  height: auto;
}
.flying-orb::before {
  display: block;
  position: absolute;
  background-color: var(--blue-main);
  border-radius: 50%;
  transform: translate(24px, 19px);
  content: "";
  width: 230px;
  height: 230px;
  z-index: -1;
}
.flying-mockup {
  position: relative;
  z-index: -1;
  width: 280px;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  animation-delay: 3s;
  user-select: none;
  pointer-events: none;
  transition: 0.25s ease-in-out;
}
@media (max-width: 599.98px) {
  .flying-mockup {
    width: 240px;
    height: 240px;
  }
}
.flying-mockup .water-ripple {
  z-index: -2;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.flying-mockup img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.flying-mockup::before {
  display: block;
  position: absolute;
  background-color: var(--blue-main);
  border-radius: 50%;
  transform: translate(24px, 19px);
  content: "";
  width: 0;
  height: 0;
  z-index: -1;
}
@media (max-width: 999.98px) {
  .flying-mockup--icms {
    margin-top: -20px;
  }
}
.flying-mockup--icms img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  transform: translate(-50%, -25%);
}
@media (max-width: 999.98px) {
  .flying-mockup--icms img {
    width: 190px;
    height: 190px;
  }
}
.flying-mockup--clients .ripple-circle {
  animation: ripple-fill 10s infinite cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 999.98px) {
  .flying-mockup--clients .ripple-circle {
    animation: ripple-fill-mob 8s infinite cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.flying-mockup--clients .ripple-circle:nth-child(1) {
  animation-delay: 0s;
}
.flying-mockup--clients .ripple-circle:nth-child(2) {
  animation-delay: 1s;
}
.flying-mockup--clients .ripple-circle:nth-child(3) {
  animation-delay: 2s;
}
.flying-mockup--clients .ripple-circle:nth-child(3) {
  animation-delay: 3s;
}

.water-ripple {
  z-index: -2;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ripple-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 5px solid var(--blue-main);
  border-radius: 50%;
  opacity: 0;
  animation: ripple 10s infinite cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -2;
  filter: drop-shadow(0 0 10px var(--blue-main));
  transform-origin: center;
  will-change: transform, opacity, box-shadow;
}
@media (max-width: 999.98px) {
  .ripple-circle {
    animation: ripple-mob 8s infinite cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.ripple-circle:nth-child(1) {
  animation-delay: 0s;
}
.ripple-circle:nth-child(2) {
  animation-delay: 1s;
}
.ripple-circle:nth-child(3) {
  animation-delay: 2s;
}
.ripple-circle:nth-child(3) {
  animation-delay: 3s;
}

.video-diagramm {
  width: 240px;
  height: 240px;
  margin: 160px auto;
  border-radius: 50%;
  position: relative;
  background-image: url("../src/images/planet-bg.webp");
  background-size: auto 240px;
  background-position: top;
  background-repeat: no-repeat;
}
.video-diagramm:has(button:hover) {
  animation: planet 10s ease-in;
  background-size: auto 300px;
  background-position: bottom;
}
.video-diagramm .play-video-button {
  z-index: 1;
  max-height: unset;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(2px) hue-rotate(340deg) brightness(80%);
  font-size: 92px;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--blue-clouds);
}
.video-diagramm .play-video-button::before {
  content: "Смотреть видео";
  position: absolute;
  top: auto;
  bottom: 15%;
  left: 50%;
  z-index: 1;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, 0);
}
.video-diagramm .play-video-button i.icon-play {
  height: 1em;
}
.video-diagramm .play-video-button:hover {
  color: var(--blue-main);
}
.video-diagramm .water-ripple-video {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-diagramm .connections {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-diagramm .connections .line {
  position: absolute;
  width: 305%;
  height: 2px;
  background-color: var(--blue-main);
}
.video-diagramm .connections .line.active-left::before {
  background-color: var(--blue-main) !important;
}
.video-diagramm .connections .line.active-left:after {
  background-color: transparent;
}
.video-diagramm .connections .line.active-left {
  background: linear-gradient(270deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0) 52%, rgb(0, 234, 255) 52%, rgb(0, 234, 255) 100%);
}
.video-diagramm .connections .line.active-right::before {
  background-color: transparent;
}
.video-diagramm .connections .line.active-right:after {
  background-color: var(--blue-main) !important;
}
.video-diagramm .connections .line.active-right {
  background: linear-gradient(90deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0) 52%, rgb(0, 234, 255) 52%, rgb(0, 234, 255) 100%);
}
.video-diagramm .connections .line::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: var(--blue-main);
  border-radius: 50%;
  left: 0;
  top: -3px;
  animation: links-before 3s ease-in-out infinite;
}
.video-diagramm .connections .line::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: var(--blue-main);
  right: 0;
  border-radius: 50%;
  top: -3px;
  animation: links-after 3s ease-in-out infinite;
}
.video-diagramm .connections .line:nth-child(1) {
  transform: rotate(0deg);
}
.video-diagramm .connections .line:nth-child(2) {
  transform: rotate(30deg);
}
.video-diagramm .connections .line:nth-child(3) {
  transform: rotate(-30deg);
}
.video-diagramm .connections .line:nth-child(4) {
  width: 200px;
  top: 320px;
  transform: rotate(90deg);
}
.video-diagramm .connections .line:nth-child(4)::after {
  display: none;
}
.video-diagramm .connections .line:nth-child(4):before {
  animation: links-last 3s ease-in-out infinite;
}
.video-diagramm--block {
  width: 100%;
  min-height: unset;
  max-height: unset;
  height: unset;
  border-radius: 24px;
  margin: 0;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: top;
  transition: 0.25s ease-in-out;
}
.video-diagramm--block .play-video-button {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background-size: cover;
  animation: unset;
}
.video-diagramm--block:has(button:hover) {
  animation: unset;
  background-size: cover;
  background-position: bottom;
}
@media (min-width: 1000px) {
  .video-diagramm--block:hover {
    background-size: cover;
    background-position: bottom;
  }
}

progress {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 8px;
  display: block;
  border-radius: 1000px;
  overflow: hidden;
  border: 1px solid var(--blue-tag);
  background-color: transparent;
  transition: 0.25s ease-in-out;
}
progress::-webkit-progress-bar {
  background-color: transparent;
  border-radius: 1000px;
}
progress::-webkit-progress-value {
  background: var(--blue-main);
  border-radius: 1000px;
}
progress::-moz-progress-bar {
  background: var(--blue-main);
  border-radius: 1000px;
}

.map-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-height: 270px;
  border-radius: 40px;
  overflow: hidden;
}
@media (min-width: 720px) and (max-width: 1199.98px) {
  .map-wrapper {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.map-wrapper iframe {
  width: 100%;
  height: 100%;
}

.from-to-arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 16px;
}
.from-to-arrows i {
  color: var(--blue-main);
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
@media (max-width: 599.98px) {
  .from-to-arrows {
    margin: 16px 0;
    flex-direction: row;
  }
  .from-to-arrows i {
    transform: rotate(90deg);
  }
}

button,
.button,
.button-link,
.button-highlight {
  display: flex;
  justify-content: center;
  border-radius: 32px;
  background-color: transparent;
  padding: 16px 24px;
  font-weight: 500;
  width: fit-content;
  font-size: 14px;
  color: var(--color-white);
  border: 1px solid var(--color-white);
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  line-height: 1.3;
  white-space: nowrap;
  gap: 4px;
  max-height: 52px;
  align-items: center;
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
}
@media (max-width: 599.98px) {
  button,
  .button,
  .button-link,
  .button-highlight {
    gap: 4px;
    max-height: 44px;
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.25;
  }
}
button span,
.button span,
.button-link span,
.button-highlight span {
  font-size: inherit !important;
  line-height: 1em;
}
button img,
.button img,
.button-link img,
.button-highlight img {
  display: flex;
  transition: all 0.3s ease-in-out;
}
button i, button svg,
.button i,
.button svg,
.button-link i,
.button-link svg,
.button-highlight i,
.button-highlight svg {
  transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
}
button i.icon-arrow_wide,
.button i.icon-arrow_wide,
.button-link i.icon-arrow_wide,
.button-highlight i.icon-arrow_wide {
  display: flex;
  font-size: 1.4em;
  line-height: 14px;
}
button.small,
.button.small,
.button-link.small,
.button-highlight.small {
  min-height: 44px;
  padding: 8px 16px;
  line-height: 1.2;
}
button.small i.icon-arrow_wide,
.button.small i.icon-arrow_wide,
.button-link.small i.icon-arrow_wide,
.button-highlight.small i.icon-arrow_wide {
  font-size: 1.2em;
  line-height: 1.2;
  margin-left: 2px;
}
button.big i.icon-arrow_wide,
.button.big i.icon-arrow_wide,
.button-link.big i.icon-arrow_wide,
.button-highlight.big i.icon-arrow_wide {
  font-size: 2em;
  line-height: 16px;
  margin-left: 4px;
}
button.no-border,
.button.no-border,
.button-link.no-border,
.button-highlight.no-border {
  border-color: transparent;
}
button:disabled, button.disabled,
.button:disabled,
.button.disabled,
.button-link:disabled,
.button-link.disabled,
.button-highlight:disabled,
.button-highlight.disabled {
  pointer-events: none;
  opacity: 0.5;
}
button.is-feedback,
.button.is-feedback,
.button-link.is-feedback,
.button-highlight.is-feedback {
  min-height: 52px;
  white-space: normal;
  text-align: center;
  pointer-events: none;
}
button.is-feedback-success,
.button.is-feedback-success,
.button-link.is-feedback-success,
.button-highlight.is-feedback-success {
  background: var(--color-white);
  border-color: var(--color-white);
  color: var(--bg-main);
}
button.is-feedback-error,
.button.is-feedback-error,
.button-link.is-feedback-error,
.button-highlight.is-feedback-error {
  background: color-mix(in srgb, var(--error) 35%, transparent);
  border-color: color-mix(in srgb, var(--error) 35%, transparent);
  color: var(--color-white);
}

.button-white {
  background-color: var(--color-white);
  color: var(--bg-main);
}
@media (min-width: 1000px) {
  .button-white:hover {
    transform: scale(1.05);
  }
}
.button-highlight {
  border: 1px solid var(--blue-main);
  background-color: var(--blue-main);
  color: var(--color-black);
}
@media (min-width: 1000px) {
  .button-highlight:hover {
    box-shadow: 0px 0px 16px var(--blue-main);
  }
}
.button-highlighted {
  box-shadow: 0px 0px 16px var(--blue-main);
}

.button-link i {
  color: var(--blue-main);
}
.button-link:hover {
  text-decoration: none;
}
@media (min-width: 1000px) {
  .button-link:hover i {
    color: var(--color-black);
  }
}
.button-link input[type=radio],
.button-link input[type=checkbox] {
  display: none;
}
.button-link:has(:checked) {
  background-color: var(--blue-main);
  color: var(--color-black);
  box-shadow: 0px 0px 16px var(--blue-main);
}

@media (min-width: 1000px) {
  button:hover,
  .button:hover,
  .button-link:hover,
  .button-highlight:hover {
    border: 1px solid var(--blue-main);
    background-color: var(--blue-main);
    color: var(--color-black);
    box-shadow: 0px 0px 16px var(--blue-main);
  }
  button:hover img,
  button:hover svg,
  .button:hover img,
  .button:hover svg,
  .button-link:hover img,
  .button-link:hover svg,
  .button-highlight:hover img,
  .button-highlight:hover svg {
    filter: invert(1) grayscale(1) brightness(0);
  }
}

.button-link--tab {
  gap: 8px;
}
@media (max-width: 999.98px) {
  .button-link--tab {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: unset;
    background: color-mix(in srgb, var(--bg-main) 70%, transparent);
    border-color: transparent;
    border-radius: 16px;
    text-align: center;
    transform-origin: center;
  }
}
@media (max-width: 599.98px) {
  .button-link--tab {
    padding: 4px 4px 16px;
    background: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center;
  }
}
@media (max-width: 999.98px) {
  .button-link--tab:hover {
    color: var(--color-white);
    background: color-mix(in srgb, var(--bg-main) 70%, transparent);
    transform: scale(1.125);
  }
}
@media (max-width: 599.98px) {
  .button-link--tab:hover {
    border-color: transparent;
    transform: none;
  }
}
@media (max-width: 999.98px) {
  .button-link--tab:hover img {
    filter: unset;
  }
}
.button-link--tab img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 999.98px) {
  .button-link--tab img {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 599.98px) {
  .button-link--tab img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 999.98px) {
  .button-link--tab span {
    text-wrap: balance;
    font-size: 12px !important;
  }
}
@media (max-width: 599.98px) {
  .button-link--tab span {
    font-size: 10px !important;
  }
}
.button-link--tab:has(:checked) {
  background-color: var(--blue-main);
  color: var(--color-black);
  box-shadow: 0px 0px 16px var(--blue-main);
}
@media (max-width: 999.98px) {
  .button-link--tab:has(:checked) {
    color: var(--blue-main);
    background: color-mix(in srgb, var(--bg-main) 70%, transparent);
  }
}
@media (max-width: 599.98px) {
  .button-link--tab:has(:checked) {
    box-shadow: unset;
  }
}
.button-link--tab:has(:checked) img {
  filter: invert(1) grayscale(1) brightness(0);
}
@media (max-width: 999.98px) {
  .button-link--tab:has(:checked) img {
    filter: unset;
  }
}
.button-link--tab i {
  color: currentColor;
}
@media (max-width: 999.98px) {
  .button-link--tab i {
    display: none;
  }
}
.button--tab {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: -1px;
  padding: 16px;
  background-color: var(--blue-bg);
  border-top: 2px solid var(--blue-clouds);
  border-bottom: 1px solid var(--blue-main);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  will-change: transform;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .button--tab {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-height: unset;
    padding: 8px 4px;
    border-radius: 16px 16px 0 0;
    text-align: center;
    transform-origin: center;
  }
}
@media (max-width: 599.98px) {
  .button--tab {
    gap: 4px;
    padding: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center;
  }
}
@media (min-width: 1000px) {
  .button--tab:hover {
    background: color-mix(in srgb, var(--blue-main) 15%, transparent);
  }
}
@media (max-width: 999.98px) {
  .button--tab:hover img {
    filter: unset;
  }
}
.button--tab img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 999.98px) {
  .button--tab img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 599.98px) {
  .button--tab img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 999.98px) {
  .button--tab > span:not(.tab-header, .tab-button-content) {
    text-wrap: balance;
  }
}
.button--tab:has(:checked), .button--tab.active {
  border-top-color: var(--blue-main);
  border-bottom-color: var(--bg-main);
}
@media (max-width: 999.98px) {
  .button--tab:has(:checked), .button--tab.active {
    color: var(--blue-main);
    background-color: var(--bg-main);
  }
}
.button--tab:has(:checked) img, .button--tab.active img {
  filter: invert(1) grayscale(1) brightness(0);
}
@media (max-width: 999.98px) {
  .button--tab:has(:checked) img, .button--tab.active img {
    filter: unset;
  }
}
@media (min-width: 1000px) {
  .button--tab:has(:checked), .button--tab.active {
    background-color: var(--bg-main);
    border-top: 2px solid var(--blue-main);
    color: var(--color-white);
  }
  .button--tab:has(:checked) img, .button--tab.active img {
    filter: invert(0) grayscale(0) brightness(1);
  }
}
.button--tab input {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.tag {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid var(--color-white);
  border-radius: 1000px;
  color: var(--color-white);
  transition: 0.25s ease-in-out;
}

.mobile-visible {
  display: none !important;
}
@media (max-width: 999.98px) {
  .mobile-visible {
    display: block !important;
  }
}

@media (max-width: 1280px) {
  .pc-visible {
    display: none !important;
  }
}

.cup {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cup::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 0;
  height: 0;
  border-radius: 300px;
  box-shadow: 0px 0px 40px 30px var(--blue-clouds);
  transform: translate(-50%, -50%);
  will-change: transform, top, left, bottom, right;
  transition: box-shadow 0.25s ease-in-out;
}
.cup-number {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 0.75;
  text-align: center;
  color: var(--blue-main);
}
.cup-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 46px;
  height: 20px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  background-image: url("/src/icons/cup-body.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.cup:not(.isAdvantage) .cup-number {
  font-weight: 600;
  font-size: 40px;
}
.cup.isHerb .cup-body {
  width: 42px;
  height: 42px;
  margin: 0;
  background-image: url("/src/icons/herb-blue.svg");
}
.cup.isNumber .cup-body {
  display: none;
}
.cup.isArrows .cup-number::before, .cup.isArrows .cup-number::after {
  content: "";
  position: absolute;
  top: 50%;
  display: flex;
  width: 22px;
  height: 36px;
  background-image: url("/src/images/olive-left.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  will-change: transform, top, left, bottom, right;
}
.cup.isArrows .cup-number::before {
  left: 0;
  transform: translate(-100%, -50%);
}
.cup.isArrows .cup-number::after {
  right: 0;
  transform: translate(100%, -50%) scaleX(-1);
}
.cup.isAdvantage .cup-number {
  align-items: baseline;
}
.cup.isAdvantage > p {
  text-align: center;
}

.advantages-cups {
  display: grid;
  grid-template-columns: repeat(4, minmax(100px, 1fr));
  gap: 16px;
  max-width: 600px;
}
@media (max-width: 575.98px) {
  .advantages-cups {
    grid-template-columns: repeat(2, 1fr);
  }
}

.testimonials {
  color: var(--color-grey);
}
.testimonials a {
  text-decoration: underline dashed !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-style: dashed;
  color: var(--color-white);
}

.card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--blue-bg);
  background-color: var(--bg-main);
  border-radius: 32px;
  padding: 32px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.card > .card-header > div > a, .card > .card-header > div > .title_h4 {
  height: 3em;
}
.card.hiding {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}
.card[hidden] {
  display: none;
}
.card.showing {
  opacity: 0;
  transform: scale(0.95);
  animation: showCard 0.3s forwards;
}
.card.small {
  padding: 24px 16px;
}
@media (max-width: 999.98px) {
  .card.small {
    padding: 16px 8px;
  }
}
.card.thin {
  padding: 16px;
}
.card.compact {
  padding: 16px;
}
@media (max-width: 575.98px) {
  .card.compact {
    padding: 16px;
  }
}
.card:is(.empty) {
  background-color: var(--blue-clouds);
  border-radius: 40px;
  padding: 16px 32px;
}
@media (max-width: 599.98px) {
  .card:is(.empty) {
    padding: 16px;
  }
}
.card:is(.empty) .card-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
}
.card-form-seo-audit {
  display: grid;
  grid-template-columns: minmax(25%, 1fr) 1fr;
  align-items: center;
  gap: 20px;
}
@media (max-width: 899.98px) {
  .card-form-seo-audit {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.card-form-seo-audit > .card-header {
  align-self: center;
}
.card-form-seo-audit .order-form, .card-form-seo-audit #quick-form, .card-form-seo-audit form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card-form-seo-audit .order-form .form-inputs, .card-form-seo-audit #quick-form .form-inputs, .card-form-seo-audit form .form-inputs {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  gap: 12px;
}
@media (max-width: 1279.98px) {
  .card-form-seo-audit .order-form .form-inputs, .card-form-seo-audit #quick-form .form-inputs, .card-form-seo-audit form .form-inputs {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}
@media (max-width: 899.98px) {
  .card-form-seo-audit .order-form .form-inputs, .card-form-seo-audit #quick-form .form-inputs, .card-form-seo-audit form .form-inputs {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 900px) {
  .card-form-seo-audit .order-form .form-inputs .testimonials, .card-form-seo-audit #quick-form .form-inputs .testimonials, .card-form-seo-audit form .form-inputs .testimonials {
    grid-area: 3/1/4/3;
    order: 999;
  }
}
@media (min-width: 1280px) {
  .card-form-seo-audit .order-form .form-inputs .testimonials, .card-form-seo-audit #quick-form .form-inputs .testimonials, .card-form-seo-audit form .form-inputs .testimonials {
    grid-area: 2/1/3/5;
  }
}
.card[style*="display: none"] {
  height: 0;
  overflow: hidden;
}
.card--photo {
  background: unset;
  border: 0;
  padding: 0px;
  border-radius: 24px;
  aspect-ratio: 16/9;
  cursor: pointer;
}
.card--photo::before {
  content: "d";
  position: absolute;
  right: -52px;
  bottom: -52px;
  z-index: 2;
  font-family: "INTRID_ICONS";
  height: 176px;
  width: 176px;
  font-size: 176px;
  line-height: 176px;
  color: var(--blue-clouds);
  pointer-events: none;
}
.card--photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card--testimonials::before {
  content: "d";
  position: absolute;
  right: -52px;
  bottom: -52px;
  z-index: 2;
  font-family: "INTRID_ICONS";
  height: 176px;
  width: 176px;
  font-size: 176px;
  line-height: 176px;
  color: var(--blue-clouds);
  pointer-events: none;
}
@media (max-width: 599.98px) {
  .card--testimonials::before {
    opacity: 0.5;
  }
}
.card--testimonials > p {
  color: var(--color-grey);
}
.card--testimonials > h1, .card--testimonials > h2, .card--testimonials > h3, .card--testimonials > h4, .card--testimonials > h5, .card--testimonials > h6, .card--testimonials > b {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--testimonials > h1, .card--testimonials > h2, .card--testimonials > h3, .card--testimonials > h4, .card--testimonials > h5, .card--testimonials > h6, .card--testimonials > b {
    font-size: 16px;
  }
}
.card--testimonials > h1, .card--testimonials > h2, .card--testimonials > h3, .card--testimonials > h4, .card--testimonials > h5, .card--testimonials > h6, .card--testimonials > b {
  color: var(--color-white);
  line-height: 140%;
}
.card--testimonials > b {
  margin-bottom: 1em;
}
.card--testimonials-minified > b {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--testimonials-minified > b {
    font-size: 16px;
  }
}
.card--testimonials-minified > b {
  color: var(--color-white);
  line-height: 140%;
  margin-bottom: 1em;
}
@media (max-width: 599.98px) {
  .card--testimonials-minified {
    padding: 12px 14px;
    border-radius: 25px;
  }
  .card--testimonials-minified::before {
    display: none;
  }
}
.card--review {
  background-color: var(--blue-bg);
  padding: 24px 40px;
}
@media (max-width: 599.98px) {
  .card--review {
    padding: 24px 20px;
  }
}
.card--review .card-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1360px) {
  .card--review .card-header {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.card--review .card-name {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.card--review .card-name > b {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--review .card-name > b {
    font-size: 16px;
  }
}
.card--review .card-name > b {
  color: var(--color-white);
  line-height: 140%;
}
.card--review .card-name > p {
  color: var(--blue-main);
  margin: 0;
}
.card--review .card-footer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: auto;
}
.card--review .card-body {
  position: relative;
  display: block;
  margin-bottom: 16px;
  padding-left: 20px;
}
.card--review .card-body > p {
  color: var(--color-grey);
  margin-bottom: 20px;
}
.card--review .card-body > p:first-child:before {
  content: ",,";
  font-size: 2.5em;
  color: var(--blue-main);
  position: absolute;
  left: 0px;
  top: -0.6em;
}
@media (max-width: 599.98px) {
  .card--review .card-body > p:first-child:before {
    display: none;
  }
}
.card--review .card-body > p:last-child {
  margin-bottom: 0;
}
.card--review .card-body > p:last-child:after {
  content: ",,";
  font-size: 2.5em;
  line-height: 0px;
  color: var(--blue-main);
  position: relative;
}
@media (max-width: 599.98px) {
  .card--review .card-body > p:last-child:after {
    display: none;
  }
}
@media (max-width: 599.98px) {
  .card--review .card-body {
    padding-left: 0px;
  }
}
.card--review .card-link {
  margin-top: auto;
  text-decoration: underline dashed !important;
  text-underline-offset: 4px;
  text-transform: uppercase;
}
.card--review .card-link i {
  top: 0.2em;
}
.card--review .card-rate {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
}
.card--review .card-rate i {
  display: flex;
}
.card--review .card-date {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-left: auto;
}
.card--review .card-date > p {
  margin: 0;
  color: var(--color-grey);
}
.card--review .card-source {
  position: relative;
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.card--review .card-source.yandex {
  background-image: url("../src/icons/reviews/min/yandex-min.svg");
}
.card--review .card-source.doublegis {
  background-image: url("../src/icons/reviews/min/2gis-min.svg");
}
.card--review .card-source.google {
  background-image: url("../src/icons/reviews/min/google-min.svg");
}
.card--review .card-source.yell {
  background-image: url("../src/icons/reviews/min/yell-min.svg");
}
.card--review .card-source.runet {
  background-image: url("../src/icons/reviews/min/runet-min.svg");
}
.card--recent {
  gap: 20px;
  padding: 24px 32px;
  background-color: var(--blue-bg);
  border: 1px solid var(--blue-clouds);
}
@media (max-width: 899.98px) {
  .card--recent {
    padding: 24px;
  }
}
.card--recent::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  border-radius: 100%;
  aspect-ratio: 1/1;
  box-shadow: 0px 0px 70px 60px var(--blue-clouds), inset 0px 0px 70px 2px var(--blue-clouds);
  transform: translate(-50%, 0%);
}
.card--recent > a:not(.absolute-link) {
  display: flex;
  flex-direction: column;
}
@media (max-width: 599.98px) {
  .card--recent > a:not(.absolute-link) img {
    margin: 0 auto;
  }
}
@media (min-width: 1000px) {
  .card--recent:hover {
    outline: 1px solid var(--blue-main);
    box-shadow: 0px 0px 16px var(--blue-main);
  }
}
.card--recent img {
  max-width: 224px;
  height: 144px;
  max-height: 144px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1250px) {
  .card--recent img {
    width: 100%;
    max-height: 144px;
  }
}
.card--recent .card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
.card--recent .card-body .card-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--blue-tag);
  font-size: 16px;
}
.card--recent .card-body .card-tag i {
  display: flex;
  font-size: larger;
}
.card--recent .card-body p {
  color: var(--color-grey);
  min-height: 40px;
}
.card--recent .card-body b {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--recent .card-body b {
    font-size: 18px;
  }
}
.card--recent .card-body b {
  color: var(--color-white);
  line-height: 140%;
}
.card--recent .card-body span {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--recent .card-body span {
    font-size: 18px;
  }
}
.card--recent .card-body span {
  color: var(--color-white);
}
.card--recent .card-body a {
  margin-top: 16px;
}
.card--recent .absolute-link {
  position: absolute;
  bottom: 24px;
  flex-direction: row !important;
}
.card--recent .absolute-link:hover {
  text-decoration: underline;
}
.card--logo {
  padding: 16px 20px;
  background-color: var(--blue-clouds);
  opacity: 0;
}
.card--logo.active {
  opacity: 1;
}
.card--logo > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.card--logo > a .card-body {
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: center;
}
.card--logo > a img {
  align-self: center;
  width: unset;
  height: unset;
  max-width: 100%;
  max-height: unset;
  object-fit: cover;
  border-radius: 16px;
  aspect-ratio: 16/10;
}
.card--award {
  gap: 16px;
  min-height: 300px;
  border-radius: 32px;
  color: var(--color-white);
  cursor: pointer;
  transform-origin: bottom center;
  transform: translateY(0);
}
.card--award::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  content: "";
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 2px var(--blue-clouds);
  transform: translate(-50%, -50%);
}
@media (min-width: 1000px) {
  .card--award:hover {
    border-color: var(--blue-main);
    transform: translateY(-5%);
  }
}
.card--award .card-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 4px;
  padding-bottom: 16px;
  font-weight: 600;
}
.card--award .card-header > img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.card--award .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1;
  text-align: center;
}
.card--award .card-body .achievement {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
.card--award .card-body .achievement b {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 48px;
  color: var(--blue-main);
}
.card--award .card-body .achievement b::before, .card--award .card-body .achievement b::after {
  content: "";
  display: flex;
  width: 100%;
  max-width: 36px;
  flex: 0 0 36px;
  height: 100%;
  background-image: url("/src/images/olive-left.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.card--award .card-body .achievement b::after {
  transform: scaleX(-1);
}
.card--award .card-body > p {
  font-weight: 600;
  font-size: 20px;
  min-height: 2.5em;
  margin: 0 0 auto 0;
}
@media (max-width: 999.98px) {
  .card--award .card-body > p {
    font-size: 14px;
  }
}
.card--award .card-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.card--award .card-footer > p {
  margin: 0;
}
.card--award .card-footer > span {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--award .card-footer > span {
    font-size: 16px;
  }
}
.card--award .card-footer > span {
  font-weight: 600;
  color: var(--blue-main);
}
.card--group {
  padding: 24px 36px;
  background-color: var(--bg-main);
}
@media (max-width: 1600px) {
  .card--group {
    padding: 24px;
  }
}
@media (max-width: 599.98px) {
  .card--group {
    padding: 24px 20px;
  }
}
@media (min-width: 1000px) {
  .card--group:hover, .card--group:active, .card--group.nice-select.open {
    outline: 1px solid var(--blue-main);
    box-shadow: 0px 0px 16px var(--blue-main);
  }
}
@media (min-width: 1000px) {
  .card--group:focus {
    outline: 1px solid var(--blue-main);
    box-shadow: none;
  }
}
.card--group .card-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.card--group .card-header > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.card--group .card-header > img {
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 5em;
  max-height: 2.5em;
  min-width: 80px;
  min-height: 52px;
  object-fit: contain;
  user-select: none;
}
.card--group .card-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  margin-top: 20px;
  width: 100%;
  flex: 1;
  color: var(--color-white);
}
@media (max-width: 599.98px) {
  .card--group .card-body {
    max-width: 100%;
  }
}
.card--group .card-body > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 2em;
  height: 4em;
}
.card--group .card-body > div > b {
  padding: 10px;
  background-color: #031618;
  border-radius: 10px;
  text-align: center;
  font-size: 24px;
  white-space: nowrap;
}
@media (max-width: 599.98px) {
  .card--group .card-body > div > b {
    font-size: 16px;
  }
}
.card--group .card-body > div > p {
  margin: 0;
}
.card--group .card-body > div > i {
  display: flex;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 1;
  color: var(--blue-main);
  user-select: none;
}
.card--group .card-body > div > img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
  object-position: center;
  user-select: none;
}
.card--group .card-body > div > *:last-child {
  margin-left: auto;
}
.card--group .card-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
}
.card--group.minified {
  gap: 16px;
}
.card--group.minified .card-header > div {
  overflow: hidden;
}
.card--group.minified .card-header > div > .title_h4 {
  height: 2em;
}
.card--group.minified .card-header > div > a {
  position: relative;
  z-index: 2;
  max-width: 100%;
  height: unset;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.card--group.minified > .absolute-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.card--outline {
  gap: 0;
  padding: 20px;
  background-color: transparent;
  border: 1px solid var(--blue-main);
}
.card--outline.muted {
  border: 1px solid var(--blue-bg);
  box-shadow: 0px 0px 0px 0px var(--blue-clouds), inset 0px 0px 20px 2px var(--blue-clouds);
}
@media (min-width: 1000px) {
  .card--outline.muted:hover {
    box-shadow: 0px 0px 16px var(--blue-main), 0px 0px 0px 0px var(--blue-clouds), inset 0px 0px 20px 2px var(--blue-clouds);
    transform: scale(1.025);
  }
}
.card--outline .card-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: auto;
}
.card--outline .card-price {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--outline .card-price {
    font-size: 16px;
  }
}
.card--outline .card-price {
  color: var(--blue-main);
}
.card--keys {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  padding: 20px;
  border-radius: 40px;
  background-color: var(--bg-main);
  overflow: hidden;
}
.card--keys > .card-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
}
@media (min-width: 1000px) {
  .card--keys > .card-header {
    flex: 1;
  }
}
@media (max-width: 599.98px) {
  .card--keys > .card-header {
    flex-direction: column-reverse;
  }
}
.card--keys > .card-header > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card--keys > .card-header > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  max-width: 240px;
  flex: 1;
}
@media (max-width: 599.98px) {
  .card--keys > .card-header > div:nth-child(2) {
    margin: 0 auto;
  }
}
.card--keys > .card-header > div:nth-child(2) > img {
  width: 100px;
  height: auto;
  max-height: 80px;
  object-fit: contain;
  object-position: center;
}
.card--keys > .card-body {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  margin-top: auto;
  margin-bottom: 12px;
}
@media (max-width: 899.98px) {
  .card--keys > .card-body {
    display: none;
  }
}
.card--keys > .card-body > .card {
  flex: 1 1 0px;
}
@media (max-width: 599.98px) {
  .card--keys > .card-body > .card {
    flex: 1 0 auto;
  }
}
.card--keys > a {
  align-self: flex-end;
  margin-top: auto;
}
.card--keys.big {
  height: 100%;
}
.card--result {
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 24px;
  gap: 0;
  padding: 0;
  background-color: var(--blue-bg);
  color: var(--color-white);
}
.card--result .card-header {
  display: flex;
  font-weight: 600;
  padding: 16px 40px;
  border-radius: 32px;
  color: var(--color-white);
  background-color: var(--blue-light-bg);
}
.card--result .card-body {
  display: block;
  padding: 20px 40px;
  flex: 1;
}
@media (max-width: 599.98px) {
  .card--result .card-body {
    padding: 20px;
  }
}
.card--result .card-body .highlight {
  color: var(--blue-tag);
  font-weight: 600;
}
.card--result .card-body .link {
  color: var(--blue-main);
}
.card--result .card-body .link:hover {
  text-decoration: underline;
}
.card--result .card-body ul li::marker {
  color: var(--blue-tag);
}
.card--result .card-body ul li:last-child {
  margin-bottom: 0;
}
.card--result.to {
  background-color: var(--highlight-bg);
  color: var(--color-black);
}
.card--result.to .card-header {
  background-color: var(--blue-main);
  color: var(--color-black);
}
.card--result.to .card-body .highlight {
  color: var(--color-black);
}
.card--result.to .card-body .link {
  color: var(--blue-tag);
}
.card--result.to .card-body ul li::marker {
  color: var(--blue-bg);
}
.card--result.to .card-body ul li:last-child {
  margin-bottom: 0;
}
.card--result.min .card-body {
  padding: 20px;
}
.card--result.fields .card-body fieldset {
  padding: 0 0 1em;
}
.card--result.fields .card-body fieldset legend {
  padding: 0 12px 4px 4px;
}
.card--icon {
  min-height: 130px;
  padding: 32px 32px 32px 72px;
}
@media (max-width: 999.98px) {
  .card--icon {
    padding: 20px 20px 20px 72px;
  }
}
@media (max-width: 599.98px) {
  .card--icon {
    min-height: 100px;
  }
}
.card--icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 80px;
  height: 80px;
  display: flex;
  background-color: var(--blue-bg);
  border-radius: 50%;
  transform: translate(-15%, -15%);
}
@media (max-width: 599.98px) {
  .card--icon::before {
    display: none;
  }
}
.card--icon > h1, .card--icon > h2, .card--icon > h3, .card--icon > h4, .card--icon > h5, .card--icon > h6, .card--icon > b {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--icon > h1, .card--icon > h2, .card--icon > h3, .card--icon > h4, .card--icon > h5, .card--icon > h6, .card--icon > b {
    font-size: 16px;
  }
}
.card--icon > h1, .card--icon > h2, .card--icon > h3, .card--icon > h4, .card--icon > h5, .card--icon > h6, .card--icon > b {
  color: var(--color-white);
  line-height: 140%;
}
.card--icon > b {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--icon > b {
    font-size: 16px;
  }
}
.card--icon > b {
  margin-bottom: 1em;
  color: var(--blue-main);
}
.card--icon > img, .card--icon > i {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  display: flex;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 1;
  object-fit: contain;
  object-position: center;
}
.card--icon ul {
  margin-top: 0;
  padding-left: 0;
  list-style-type: disc;
}
.card--icon ul li::marker {
  color: var(--blue-tag);
}
.card--icon ul li:last-child {
  margin-bottom: 0;
}
.card--icon > .card-price {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--icon > .card-price {
    font-size: 16px;
  }
}
.card--icon > .card-price {
  margin-top: auto;
  margin-bottom: unset;
  color: var(--blue-main);
}
.card--icon > p {
  color: var(--color-grey);
}
.card--benefit {
  border: 0;
  box-shadow: inset 0 1px 0 1px var(--blue-light-bg), inset 0 -1px 0 1px var(--bg-main);
  cursor: pointer;
  transform-origin: center;
  transition: 0.25s ease-in-out;
}
@media (min-width: 1000px) {
  .card--benefit:hover {
    transform: scale(1.025);
  }
}
@media (max-width: 599.98px) {
  .card--benefit {
    padding: 20px 20px 20px 84px;
  }
}
@media (min-width: 1000px) {
  .card--benefit.webdev:hover {
    border: 1px solid var(--blue-main);
    box-shadow: 0px 0px 16px var(--blue-main);
  }
}
@media (max-width: 599.98px) {
  .card--benefit.webdev::before {
    top: -4px;
    left: -16px;
    display: flex;
  }
}
.card--benefit.webdev:has(input:checked)::before {
  background-color: var(--blue-main);
  transition: 0.25s ease-in-out;
}
.card--benefit.webdev:has(input:checked) > img {
  filter: brightness(0.3);
}
.card--benefit.slim {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 640px;
  padding: 8px 20px;
  background-color: var(--blue-bg);
  border-radius: 50rem;
  overflow: hidden;
  cursor: default;
}
.card--benefit.slim::before {
  content: "d";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  font-family: "INTRID_ICONS";
  font-size: 76px;
  color: hsla(0, 0%, 100%, 0.02);
  transform: translate(-50%, -50%);
}
.card--benefit.slim > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-basis: 15%;
  flex-grow: 1;
  max-width: 100px;
  text-align: center;
  color: var(--blue-main);
  white-space: nowrap;
}
.card--benefit.slim > p {
  margin: 0;
  font-size: 16px;
  color: var(--color-grey);
}
@media (max-width: 999.98px) {
  .card--benefit.slim > p {
    font-size: 14px;
  }
}
.card--benefit.slim:is(a) {
  cursor: pointer;
}
.card--roadmap {
  overflow: unset;
}
.card--roadmap > h1, .card--roadmap > h2, .card--roadmap > h3, .card--roadmap > h4, .card--roadmap > h5, .card--roadmap > h6 {
  color: var(--blue-main);
}
.card--roadmap > b {
  margin-bottom: 1em;
}
.card--roadmap > h1::before, .card--roadmap > h2::before, .card--roadmap > h3::before, .card--roadmap > h4::before, .card--roadmap > h5::before, .card--roadmap > h6::before, .card--roadmap > b::before {
  content: counter(roadmapItems);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 1;
  color: var(--blue-main);
  font-size: 32px;
  font-weight: 600;
  transform: translate(0, 0);
}
@media (max-width: 599.98px) {
  .card--roadmap > h1::before, .card--roadmap > h2::before, .card--roadmap > h3::before, .card--roadmap > h4::before, .card--roadmap > h5::before, .card--roadmap > h6::before, .card--roadmap > b::before {
    top: 22px;
  }
}
.card--roadmap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--blue-bg);
  clip-path: ellipse(44px 44px at 30% 35%);
  border-radius: 32px 0 0 0;
  text-align: center;
  line-height: 1;
  color: var(--blue-main);
  font-size: 32px;
  font-weight: 600;
  transform: translate(0, 0);
}
@media (max-width: 599.98px) {
  .card--roadmap::before {
    display: none;
  }
}
.card--roadmap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  width: 32px;
  height: 24px;
  background-color: var(--blue-main);
  clip-path: polygon(0 40%, 75% 40%, 100% 20%, 100% 50%, 100% 80%, 75% 60%, 0 60%);
  transform: translate(100%, -50%);
}
.card--roadmap > *:last-child {
  margin-top: unset;
}
.card--achievement {
  display: flex;
  flex-direction: column;
  flex-basis: 40%;
  align-items: center;
  max-width: 200px;
  min-width: 180px;
}
@media (max-width: 599.98px) {
  .card--achievement {
    min-width: 152px;
  }
}
.card--achievement > p {
  color: var(--color-white);
  margin-top: 12px;
  margin-bottom: unset;
  text-align: center;
}
.card--achievement.horizontal {
  flex-direction: row;
  flex-basis: unset;
  gap: 32px;
  max-width: 300px;
  padding-left: 20px;
}
.card--achievement.horizontal > p {
  margin-top: unset;
  text-align: left;
}
@media (min-width: 1000px) {
  .card--achievement:hover > .img-placeholder::before, .card--achievement:hover > .cup::before {
    box-shadow: 0px 0px 40px 40px var(--blue-clouds);
  }
}
.card--stripe {
  flex-direction: row;
  width: fit-content;
  padding: 14px 24px;
  background-color: var(--blue-bg);
  border-radius: 52px;
  align-items: center;
  max-width: 372px;
  max-height: 52px;
}
@media (max-width: 599.98px) {
  .card--stripe {
    max-height: fit-content;
    padding: 4px 24px;
  }
}
.card--stripe-highlight {
  display: block;
  color: var(--blue-main);
  text-wrap: nowrap;
  flex-basis: 30%;
  flex-grow: 1;
  max-height: 52px;
  font-size: 30px;
  font-weight: 600;
}
.card--stripe-highlight > * {
  font-size: 30px;
}
@media (max-width: 519.98px) {
  .card--stripe-highlight {
    flex-basis: 30%;
    font-size: 24px;
  }
  .card--stripe-highlight > * {
    font-size: 24px;
  }
}
.card--stripe > p {
  display: block;
  flex-basis: 70%;
  flex-grow: 1;
  margin: 0;
}
.card--leaders {
  background-color: var(--blue-tag);
}
.card--leaders:not(.bg-color-black) {
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%) var(--blue-light-bg);
}
.card--leaders img {
  width: 148px;
  margin: auto;
}
@media (max-width: 899.98px) {
  .card--leaders img {
    display: none;
  }
}
.card--leaders img:is(.icms-herb) {
  width: 100px;
}
.card--leaders form {
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.card--leaders form .form-limitter {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.card--leaders form input,
.card--leaders form textarea {
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--color-white);
}
.card--leaders form input:focus,
.card--leaders form textarea:focus {
  border: 1px dashed var(--color-white);
  outline: none;
}
.card--leaders form input::placeholder,
.card--leaders form textarea::placeholder {
  color: var(--color-grey);
}
.card--leaders form .button {
  width: 100%;
  justify-content: center;
}
.card--leaders.minified {
  padding: 20px 16px;
}
.card--leaders.wider {
  align-items: flex-start;
  max-width: 1000px;
  padding: 32px;
}
@media (max-width: 899.98px) {
  .card--leaders.wider {
    align-items: center;
    padding: 20px 16px;
  }
}
.card--leaders.wider .form-cols {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.card--leaders.wider .form-cols > form {
  align-items: flex-start;
  flex: 1;
  max-width: 648px;
}
@media (max-width: 899.98px) {
  .card--leaders.wider .form-cols > form {
    max-width: 100%;
  }
}
.card--leaders.wider .form-cols > form > .form-inputs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.card--leaders.wider .form-cols > form > .form-inputs #customer-name {
  width: 100%;
}
.card--leaders.wider .form-cols > form > .form-inputs #customer-mail, .card--leaders.wider .form-cols > form > .form-inputs #customer-phone {
  flex: 1;
  max-width: 50%;
}
.card--leaders.wider .form-cols > form > .form-inputs #customer-comment {
  width: 100%;
}
.card--leaders.wider .form-cols > img {
  margin: 0 auto;
  flex: 1 1;
  width: 100%;
  max-width: 272px;
  margin-left: auto;
  margin-right: 0;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 899.98px) {
  .card--leaders.wider .form-cols > img {
    display: none;
  }
}
.card--leaders.wider .form-cols .testimonials {
  text-align: left;
}
@media (max-width: 899.98px) {
  .card--leaders.wider .form-cols .testimonials {
    text-align: center;
  }
}
.card--leaders .title_h4 {
  margin-bottom: 0.35em;
}
.card--employ {
  display: flex;
  flex-direction: column;
}
.card--employ span, .card--employ b {
  font-weight: 600;
  font-size: 72px;
  line-height: 72px;
  text-align: center;
}
.card--employ > p {
  margin-bottom: 0;
  text-align: center;
}
.card--portfolio {
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 32px;
  background: radial-gradient(60% 60% at 10% 20%, color-mix(in srgb, var(--portfolio-color) 50%, transparent) 0%, color-mix(in srgb, var(--portfolio-color) 50%, transparent) 37.79%, transparent 100%), hsla(0, 0%, 100%, 0.125);
  overflow: hidden;
}
@media (max-width: 999.98px) {
  .card--portfolio {
    border-radius: 20px;
  }
}
.card--portfolio .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100%;
  flex-wrap: nowrap;
  padding: 8px 24px;
  text-decoration: none !important;
  background: radial-gradient(60% 60% at 10% 20%, color-mix(in srgb, var(--portfolio-color) 50%, transparent) 0%, color-mix(in srgb, var(--portfolio-color) 50%, transparent) 37.79%, transparent 100%), hsla(0, 0%, 100%, 0.125);
}
@media (max-width: 999.98px) {
  .card--portfolio .card-header {
    padding: 4px 16px;
  }
}
.card--portfolio .card-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  margin-left: auto;
  backface-visibility: hidden;
  color: var(--color-white);
  transform: scale(100%) translateZ(0) rotate(0.001deg);
  transform-origin: right top;
  will-change: transform;
  overflow: hidden;
  transition: 0.4s ease-in-out;
}
.card--portfolio .card-header-text .card-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--blue-tag);
  font-size: 16px;
}
.card--portfolio .card-header-text .card-tag i {
  display: flex;
  font-size: larger;
}
.card--portfolio .card-header-text .card-tag {
  text-align: right;
  color: var(--color-white);
}
.card--portfolio .card-header-text b {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--portfolio .card-header-text b {
    font-size: 18px;
  }
}
.card--portfolio .card-header-text b {
  display: block;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
  text-align: right;
  line-height: 1.25;
  line-break: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card--portfolio .card-header-text > * {
  text-decoration: none !important;
}
.card--portfolio .portfolio-logo {
  display: flex;
  max-width: 104px;
  width: auto;
  height: 64px;
  object-fit: contain;
  object-position: left center;
  backface-visibility: hidden;
  transform: scale(100%) translateZ(0) rotate(0.001deg);
  transform-origin: left top;
  will-change: transform;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1199.98px) {
  .card--portfolio .portfolio-logo {
    height: 48px;
  }
}
@media (max-width: 999.98px) {
  .card--portfolio .portfolio-logo {
    height: 32px;
  }
}
.card--portfolio .portfolio-site {
  display: flex;
  flex: 1 0 auto;
  z-index: 0;
  width: 100%;
  margin: auto;
  aspect-ratio: 21/10;
  object-fit: cover;
  object-position: top center;
  overflow: hidden;
  transform-origin: center;
  transform: scale(100%);
  will-change: transform;
  transition: 0.4s ease-in-out;
}
.card--portfolio .card-body {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  padding: 8px 24px;
  background-color: rgba(5, 7, 12, 0.8);
  backdrop-filter: blur(6px);
  border-bottom: 8px solid var(--blue-main);
  transform: translateY(100%);
  will-change: transform;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .card--portfolio .card-body {
    padding: 8px 16px;
  }
}
.card--portfolio .card-body:has(.keysUrl) {
  padding-bottom: 8px;
  border-bottom: 0;
}
.card--portfolio .card-body > b {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--portfolio .card-body > b {
    font-size: 18px;
  }
}
.card--portfolio .card-body > b {
  width: 100%;
  flex: 1 0 auto;
  font-weight: 600;
}
.card--portfolio .card-body > p {
  width: 100%;
  flex: 1 0 auto;
  margin: 0;
  opacity: 0.85;
}
.card--portfolio .card-body > span {
  max-width: 40%;
  white-space: nowrap;
  opacity: 0.85;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card--portfolio .card-body > a {
  max-width: 60%;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: auto;
  overflow: hidden;
}
.card--portfolio .card-body > .card-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--blue-tag);
  font-size: 16px;
}
.card--portfolio .card-body > .card-tag i {
  display: flex;
  font-size: larger;
}
.card--portfolio .card-body > .keysUrl {
  position: relative;
  padding-top: 8px;
  color: var(--bg-main);
}
.card--portfolio .card-body > .keysUrl::before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  z-index: -1;
  width: 100vw;
  height: 200%;
  background: var(--blue-main);
}
.card--portfolio .card-body > .keysUrl a {
  color: inherit;
}
.card--portfolio > .absolute-link {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  height: 100%;
  text-decoration: none;
}
@media (max-width: 999.98px) {
  .card--portfolio:not(.isBrand) .card-body {
    transform: translateY(0%);
  }
}
.card--portfolio.isBrand .portfolio-site {
  flex: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  border-radius: 0;
  object-fit: contain;
  object-position: center;
}
.card--portfolio.isMain {
  max-width: 572px;
}
@media (max-width: 599.98px) {
  .card--portfolio.isMain {
    max-width: 100%;
  }
}
@media (max-width: 439.98px) {
  .card--portfolio.isMain {
    width: 100%;
  }
}
.card--portfolio.isMain .card-header {
  gap: 8px;
}
.card--portfolio.isMain .card-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  margin-left: auto;
  backface-visibility: hidden;
  transform: scale(100%) translateZ(0) rotate(0.001deg);
  transform-origin: right top;
  will-change: transform;
  transition: 0.4s ease-in-out;
}
.card--portfolio.isMain .card-header-text .card-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--blue-tag);
  font-size: 16px;
}
.card--portfolio.isMain .card-header-text .card-tag i {
  display: flex;
  font-size: larger;
}
.card--portfolio.isMain .card-header-text .card-tag {
  text-align: right;
  color: var(--color-white);
}
.card--portfolio.isMain .card-header-text b {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--portfolio.isMain .card-header-text b {
    font-size: 18px;
  }
}
.card--portfolio.isMain .card-header-text b {
  display: block;
  width: 100%;
  font-weight: 600;
  text-align: right;
  line-break: auto;
}
.card--portfolio.isMain .portfolio-logo {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  align-self: flex-start;
  flex: unset;
  max-width: calc(100% - 60px);
  margin: 0;
  aspect-ratio: unset;
  line-height: 0.75;
  overflow: unset;
}
.card--portfolio.isMain .portfolio-site {
  max-width: 572px;
}
@media (max-width: 999.98px) {
  .card--portfolio.isMain .card-body {
    transform: translateY(0%);
  }
}
.card--portfolio.isMain .card-body > a {
  margin-left: auto;
  margin-right: 0;
}
.card--portfolio.hasKeys .card-body > .links {
  display: flex;
  flex-direction: row;
  gap: 16px;
  max-width: 60%;
  width: fit-content;
  margin-left: auto;
}
.card--portfolio.hasKeys .card-key-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
@media (max-width: 999.98px) {
  .card--portfolio.hasKeys .card-key-icon {
    display: none;
  }
}
.card--portfolio.hasKeys .card-key-icon > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1000px) {
  .card--portfolio:hover .portfolio-logo, .card--portfolio:hover .card-header-text {
    transform: scale(90%) translateZ(0) rotate(0.001deg);
  }
}
@media (min-width: 1000px) {
  .card--portfolio:hover .portfolio-site {
    transform: scale(103.5%);
  }
}
@media (min-width: 1000px) {
  .card--portfolio:hover .card-body {
    transform: translateY(0%);
  }
}
.card--prices {
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 auto;
  border-radius: 32px;
  padding: 20px 52px;
  color: var(--color-grey);
  background-color: var(--blue-bg);
}
@media (max-width: 899.98px) {
  .card--prices {
    padding: 20px;
  }
}
.card--prices > h1, .card--prices > h2, .card--prices > h3, .card--prices > h4, .card--prices > h5, .card--prices > h6, .card--prices > b {
  width: 100%;
  margin-left: 240px;
  margin-bottom: 1em;
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--prices > h1, .card--prices > h2, .card--prices > h3, .card--prices > h4, .card--prices > h5, .card--prices > h6, .card--prices > b {
    font-size: 16px;
  }
}
.card--prices > h1, .card--prices > h2, .card--prices > h3, .card--prices > h4, .card--prices > h5, .card--prices > h6, .card--prices > b {
  color: var(--blue-main);
  line-height: 140%;
}
@media (max-width: 899.98px) {
  .card--prices > h1, .card--prices > h2, .card--prices > h3, .card--prices > h4, .card--prices > h5, .card--prices > h6, .card--prices > b {
    margin-left: unset;
  }
}
.card--prices > div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  flex: 1;
}
@media (max-width: 899.98px) {
  .card--prices > div {
    max-width: 100%;
    flex: 1;
  }
}
@media (max-width: 400px) {
  .card--prices > div {
    flex: unset;
  }
}
.card--prices > div:last-child {
  flex-direction: column;
}
@media (max-width: 899.98px) {
  .card--prices > div:last-child {
    min-width: 100%;
  }
}
.card--prices > div p {
  flex: 1;
}
.card--prices > div p:last-child {
  margin: 0;
}
.card--prices img {
  width: 192px;
  height: auto;
  object-fit: contain;
  object-position: center;
  margin-right: 40px;
  margin-top: -52px;
  user-select: none;
}
@media (max-width: 899.98px) {
  .card--prices img {
    width: 128px;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 599.98px) {
  .card--prices img {
    width: 96px;
    margin-top: unset;
  }
}
.card--service {
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 125px 20px 32px 20px;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
  overflow: visible;
  transform-origin: center;
  transition: 0.25s ease-in-out;
}
@media (max-width: 1199.98px) {
  .card--service {
    padding: 105px 20px 32px 20px;
  }
}
@media (max-width: 599.98px) {
  .card--service {
    padding: 85px 10px 10px 10px;
  }
}
.card--service > .card-icon {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 120px;
  height: 120px;
  user-select: none;
  transform: translate(-50%, -30%);
  transition: 0.25s ease-in-out;
}
@media (max-width: 1199.98px) {
  .card--service > .card-icon {
    transform: translate(-50%, -25%);
  }
}
@media (max-width: 599.98px) {
  .card--service > .card-icon {
    width: 84px;
    height: 84px;
  }
}
.card--service > .card-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  border-radius: 100%;
  aspect-ratio: 1/1;
  box-shadow: 0px 0px 70px 60px var(--blue-clouds), inset 0px 0px 70px 2px var(--blue-clouds);
  transform: translate(-50%, -50%);
}
.card--service > .card-icon img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top center;
  transition: 0.25s ease-in-out;
}
.card--service b {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.25;
  color: var(--color-white);
}
@media (max-width: 1199.98px) {
  .card--service b {
    min-height: 2.5em;
  }
}
@media (max-width: 400px) {
  .card--service b {
    font-size: 14px;
  }
}
.card--service p {
  display: block;
  width: 100%;
  font-size: 16px;
  color: var(--blue-main);
  text-wrap: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: 0.25s ease-in-out;
}
@media (max-width: 1199.98px) {
  .card--service p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@media (max-width: 599.98px) {
  .card--service p {
    font-size: 14px;
  }
}
.card--service p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .card--service:hover:not(.nohover) {
    padding: 164px 20px 32px 20px;
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .card--service:hover:not(.nohover) > .card-icon {
    transform: translate(-50%, 15%);
  }
  .card--service:hover:not(.nohover) p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
  }
}
.card--service.use {
  text-wrap: nowrap;
}
@media (max-width: 1199.98px) {
  .card--service.use {
    padding: 104px 20px 12px 20px;
    text-wrap: wrap;
  }
}
@media (max-width: 599.98px) {
  .card--service.use {
    padding: 0;
    border: none;
  }
}
@media (max-width: 599.98px) {
  .card--service.use > .card-icon {
    position: relative;
    top: unset;
    left: unset;
    width: 64px;
    height: 64px;
    transform: none;
  }
}
.card--service.use b {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 4px;
  width: fit-content;
  margin-top: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 599.98px) {
  .card--service.use b {
    min-height: 2.5em;
    margin-top: 6px;
    font-size: 12px;
  }
}
.card--service.use b::after {
  content: "l";
  display: flex;
  color: var(--blue-main);
  font-family: "INTRID_ICONS";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 599.98px) {
  .card--service.use b::after {
    display: none;
  }
}
@media (min-width: 1000px) {
  .card--service.use:hover > .card-icon img {
    transform: scale(1.125);
  }
}
.card--service.docs {
  padding: 124px 10px 32px 10px;
}
@media (max-width: 1199.98px) {
  .card--service.docs {
    padding: 104px 20px 12px 20px;
  }
}
@media (max-width: 599.98px) {
  .card--service.docs {
    padding: 0;
    border: none;
  }
}
.card--service.docs > .card-icon.min img {
  height: 96px;
  object-fit: contain;
}
.card--service.docs b {
  display: inline;
  width: unset;
  min-height: 2em;
  text-wrap: wrap;
}
.card--service.docs b::after {
  content: "l";
  position: relative;
  top: 3px;
  display: inline;
}
@media (max-width: 599.98px) {
  .card--service.docs b::after {
    display: none;
  }
}
@media (max-width: 599.98px) {
  .card--service.no-arrow {
    padding: 0 20px;
  }
}
@media (max-width: 1199.98px) {
  .card--service.no-arrow b {
    min-height: 2.5em;
  }
}
@media (max-width: 999.98px) {
  .card--service.no-arrow b {
    min-height: 2.5em;
  }
}
@media (max-width: 599.98px) {
  .card--service.no-arrow b {
    min-height: 5em;
  }
}
.card--service.no-arrow b::after {
  display: none;
}
.card--service.no-hidden-p p {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.card--tab {
  padding: 60px 32px 32px;
  background-color: transparent;
  color: var(--color-white);
  border: none;
  overflow: visible;
}
@media (max-width: 999.98px) {
  .card--tab {
    padding: 52px 20px 20px;
    border-radius: 24px;
  }
}
.card--tab.selected {
  box-shadow: 0px 0px 10px 5px var(--blue-clouds);
}
.card--tab:has(.card-header) {
  padding: 32px;
}
@media (max-width: 999.98px) {
  .card--tab:has(.card-header) {
    padding: 20px;
  }
}
.card--tab .card-icon {
  position: relative;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 64px;
  height: 64px;
  margin-bottom: 2em;
}
.card--tab .card-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  border-radius: 100%;
  aspect-ratio: 1/1;
  box-shadow: 0px 0px 70px 60px var(--blue-clouds), inset 0px 0px 70px 2px var(--blue-clouds);
  transform: translate(-50%, -50%);
}
.card--tab .card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform-origin: center;
  transition: 0.25s ease-in-out;
}
.card--tab .card-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: center;
  justify-content: center;
  gap: 2em;
  width: 100%;
  margin-bottom: 0.25em;
}
@media (max-width: 999.98px) {
  .card--tab .card-header {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 2em;
  }
}
.card--tab .card-header--content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  justify-content: flex-start;
  width: 100%;
}
.card--tab .card-header--content > span {
  margin: 0;
}
.card--tab .card-header > .card-icon {
  margin: 0;
}
@media (max-width: 999.98px) {
  .card--tab .card-header > .card-icon {
    width: 44px;
    height: 44px;
  }
}
.card--tab:is(.horizontal) .card-header {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: 2em;
}
.card--tab b {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 999.98px) {
  .card--tab b {
    font-size: 16px;
  }
}
.card--tab b {
  line-height: 1.25;
  color: var(--color-white);
  margin-bottom: 0.25em;
}
.card--tab span {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--tab span {
    font-size: 18px;
  }
}
.card--tab span {
  color: var(--blue-main);
  margin-bottom: 0.25em;
}
.card--tab p:last-child {
  margin-bottom: unset;
}
@media (min-width: 1000px) {
  .card--tab:not(.no-hover):hover {
    background: color-mix(in srgb, var(--bg-main) 70%, transparent);
    transform: scale(1.03);
  }
  .card--tab:not(.no-hover):hover > .card-icon img {
    transform: scale(1.125);
  }
}
@media (max-width: 899.98px) {
  .card--tab.minified {
    align-items: center;
  }
}
@media (max-width: 899.98px) {
  .card--tab.minified > span {
    text-align: center;
    margin-top: auto;
    margin-bottom: unset;
  }
}
@media (max-width: 599.98px) {
  .card--tab.minified > span {
    font-size: 14px;
  }
}
@media (max-width: 899.98px) {
  .card--tab.minified > b {
    min-height: 2.5em;
    text-align: center;
  }
}
@media (max-width: 599.98px) {
  .card--tab.minified > b {
    font-size: 14px;
  }
}
@media (max-width: 899.98px) {
  .card--tab.minified > p {
    display: none;
  }
}
.card--team {
  position: relative;
  z-index: 1;
  padding: 32px;
  overflow: hidden;
}
@media (max-width: 999.98px) {
  .card--team {
    padding: 20px;
    border-radius: 24px;
  }
}
.card--team::before {
  content: "";
  position: absolute;
  top: 15%;
  left: 50%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  aspect-ratio: 1/1;
  box-shadow: 0px 0px 70px 60px var(--blue-clouds), inset 0px 0px 70px 2px var(--blue-clouds);
  transform: translate(-50%, -15%);
}
.card--team > .card-icon {
  width: 100%;
  height: 260px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 599.98px) {
  .card--team > .card-icon {
    height: 300px;
  }
}
.card--team > .card-icon::before {
  display: none;
}
.card--team > .card-icon img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card--team > span {
  min-height: 2.5em;
}
@media (min-width: 1000px) {
  .card--team:hover > .card-icon img {
    transform: scale(1.0625);
  }
}
.card--blog {
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
}
@media (max-width: 599.98px) {
  .card--blog {
    flex-direction: column;
  }
}
.card--blog .img-wrapper {
  aspect-ratio: 1/1;
  width: 128px;
  height: 128px;
  flex: 0 0 128px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 599.98px) {
  .card--blog .img-wrapper {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    flex: unset;
  }
}
.card--blog .img-wrapper > * {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.card--blog .card-body {
  gap: 4px;
  margin-bottom: unset;
}
.card--blog .card-body > h3, .card--blog .card-body > b {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .card--blog .card-body > h3, .card--blog .card-body > b {
    font-size: 18px;
  }
}
.card--blog .card-body > h3, .card--blog .card-body > b {
  color: var(--color-white);
  margin-bottom: unset;
  transition: 0.25s ease-in-out;
}
.card--blog .card-body > p {
  margin-bottom: unset;
}
.card--blog .card-body > span {
  margin-top: auto;
  font-size: 14px;
  color: var(--blue-tag);
}
@media (min-width: 1000px) {
  .card--blog:hover .card-body > h3, .card--blog:hover .card-body > b {
    color: var(--blue-main);
  }
}
.card--blog-stacked {
  padding: 0 0 20px 0;
  border: 0;
  border-bottom: 1px solid;
  border-color: var(--blue-clouds);
  border-radius: 0;
  outline: 0;
  background-color: transparent;
}
@media (max-width: 599.98px) {
  .card--blog-stacked {
    padding: 0 0 8px 0;
  }
}
.card--blog-stacked::before {
  display: none;
}
.card--blog-stacked img {
  transform: scale(1);
  transition: 0.25s ease-in-out;
}
@media (min-width: 1000px) {
  .card--blog-stacked:hover {
    border: 0;
    border-bottom: 1px solid;
    border-color: var(--blue-clouds);
    outline: 0;
    box-shadow: none;
  }
  .card--blog-stacked:hover .img-wrapper img {
    transform: scale(1.125);
  }
}

.status-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin-right: 12px;
  flex-shrink: 0;
}
.status-good {
  color: #2e7d32;
}
.status-warning {
  color: var(--warning);
}
.status-error {
  color: #e63b3b;
}

.audit-card--good::before {
  content: "✔";
  background-color: rgba(230, 247, 230, 0.25);
}
.audit-card--warning::before {
  content: "!";
  background-color: rgba(245, 124, 0, 0.25);
}
.audit-card--error::before {
  content: "✖";
  background-color: rgba(198, 40, 40, 0.25);
}
.audit-card > .status-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: flex;
  width: 32px;
  height: 32px;
  font-weight: 100;
  font-size: 32px;
  line-height: 1;
  object-fit: contain;
  object-position: center;
}

.error-msg,
.error-domain {
  display: inline-block;
  width: 100%;
  padding: 16px;
  background-color: rgba(198, 40, 40, 0.25);
  color: #e63b3b;
  border-radius: 32px;
}
@media (max-width: 999.98px) {
  .error-msg,
  .error-domain {
    border-radius: 20px;
  }
}
.error-msg:empty,
.error-domain:empty {
  display: none;
}

.success-domain {
  display: inline-block;
  width: 100%;
  padding: 16px;
  background-color: rgba(40, 198, 56, 0.25);
  color: #28c638;
  border-radius: 32px;
}
@media (max-width: 999.98px) {
  .success-domain {
    border-radius: 20px;
  }
}
.success-domain:empty {
  display: none;
}

.preloader {
  display: none;
  width: 40px;
  height: 40px;
  border: 4px solid var(--blue-clouds);
  border-top: 4px solid var(--blue-main);
  border-radius: 50%;
  animation: rotateInfinite 1s linear infinite;
  margin: 2rem auto;
}

.audit-loader-text {
  display: none;
  max-width: 320px;
  margin: -1rem auto 2rem;
  text-align: center;
  color: var(--blue-main);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  will-change: transform, opacity;
}

.audit-loader-text--left {
  animation: auditFadeInLeft 0.45s ease both;
}

.audit-loader-text--right {
  animation: auditFadeInRight 0.45s ease both;
}

@keyframes auditFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes auditFadeInRight {
  from {
    opacity: 0;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (max-width: 767.98px) {
  .audit-loader-text {
    max-width: 260px;
    font-size: 14px;
  }
}
.spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: rotateInfinite 0.6s linear infinite;
  vertical-align: middle;
}

.fadeOutUp {
  animation: fadeOutUp 0.6s ease forwards;
  transform-origin: top center;
}

.cookies {
  position: fixed;
  box-sizing: border-box;
  bottom: 8px;
  left: 0;
  right: 0;
  z-index: 1020;
  margin: 0 auto;
  width: 96%;
  max-width: 360px;
  padding: 12px 16px 8px 16px;
  background: #f7f5f1;
  color: #443322;
  box-shadow: 0 0 8px 4px rgba(44, 33, 22, 0.2);
  border-radius: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 15px;
}
@media (max-width: 599.98px) {
  .cookies {
    font-size: 13px;
  }
}
.cookies span {
  display: block;
  padding-right: 16px;
}
.cookies .close_cookies {
  position: absolute;
  top: 10px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #223344;
  border: 1px solid transparent;
  border-radius: 4px;
}
.cookies .close_cookies:hover {
  border-color: rgba(22, 33, 44, 0.2);
}
.cookies .cookies_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #223344;
  color: #f7f5f1;
  border: none;
  border-radius: 24px;
  box-shadow: none;
  padding: 8px 16px;
  margin-top: 12px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
.cookies .cookies_button:hover {
  background: #112233;
}

[data-testid=shield],
.SmartCaptcha-Shield {
  display: none !important;
}

@supports (-moz-appearance: none) {
  .popup {
    scrollbar-color: var(--blue-main) var(--bg-main);
    scrollbar-width: thin;
  }
}
.popup::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.popup::-webkit-scrollbar-track {
  background: var(--bg-main);
  border-radius: 8px;
}
.popup::-webkit-scrollbar-thumb {
  background: var(--blue-main);
  border-radius: 8px;
}
.popup {
  position: fixed;
  top: 0;
  z-index: 5;
  display: flex;
  min-width: 200px;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  padding: 20px 12px;
  background-color: rgba(0, 0, 0, 0.85);
  border: none;
  visibility: hidden;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transform-origin: center;
  transform: scale(1.25);
  transition: 0.25s ease-in-out;
}
.popup video {
  border-radius: 12px;
  max-width: 90vw;
}
.popup.open {
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.popup-opened {
  position: static;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.popup-opened body > header, .popup-opened body > main, .popup-opened body > section, .popup-opened body > footer {
  filter: blur(4px);
}
.popup-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin: auto;
}
.popup-close {
  position: relative;
  z-index: 10;
  align-self: flex-end;
  display: flex;
  width: 40px;
  height: 40px;
  font-size: 15px;
  line-height: 15px;
  padding: 12px;
  aspect-ratio: 1/1;
}
.popup-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: currentColor;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: currentColor;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-body {
  position: relative;
  width: fit-content;
  height: auto;
  background-color: var(--bg-main);
  border-radius: 32px;
  padding: 16px;
  z-index: 9;
  margin: auto;
  color: white;
}
.popup-body hr {
  width: 97%;
  margin: 20px auto;
}
.popup-body img {
  width: auto;
  height: auto;
  max-height: 745px;
  border-radius: 24px;
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2) inset;
}
@media (max-width: 599.98px) {
  .popup-body {
    width: fit-content;
  }
  .popup-body img {
    width: 80vw;
  }
}
.popup#login-review .popup-wrapper {
  width: 100%;
  max-width: 550px;
}
.popup#login-review .popup-body {
  border-radius: 24px;
  max-width: 550px;
  width: 100%;
}
.popup#login-review .popup-body .field-comments-text {
  width: 100%;
}
.popup#site-preview .popup-wrapper {
  width: 100%;
  max-width: 1500px;
}
.popup#site-preview .popup-wrapper .popup-body {
  width: 100%;
  padding: 0;
}
.popup#privacy-policy {
  overflow-y: scroll;
}
.popup#privacy-policy p {
  max-width: 900px;
  color: var(--color-white);
}
.popup-map .popup-wrapper {
  width: 100%;
  max-width: 1400px;
}
.popup-map .popup-wrapper .popup-body {
  width: 100%;
}
.popup-map .popup-wrapper .popup-body hr {
  width: 100%;
}
.popup .map-container {
  overflow: hidden;
  border-radius: 24px;
  width: 100%;
  height: 60vh;
}
.popup .map-container iframe {
  width: 100%;
  height: 100%;
}
.popup #map-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}
.popup #map-info > span {
  white-space: nowrap;
}
.popup .map-testimonials {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 899.98px) {
  .popup .map-testimonials span.separator {
    display: none;
  }
}
.popup .map-testimonials i.icon-phone {
  display: none;
}
@media (max-width: 899.98px) {
  .popup .map-testimonials i.icon-phone {
    display: flex;
  }
}
.popup .map-testimonials .button-link {
  margin-left: auto;
}
@media (max-width: 839.98px) {
  .popup .map-testimonials {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: auto;
  }
  .popup .map-testimonials #map-info {
    grid-area: 1/1/2/2;
  }
  .popup .map-testimonials .phone-line {
    grid-area: 2/1/3/2;
  }
  .popup .map-testimonials #map-social {
    grid-area: 3/1/4/2;
  }
  .popup .map-testimonials .button-link {
    grid-area: 3/2/4/3;
  }
}
@media (max-width: 519.98px) {
  .popup .map-testimonials {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
  }
  .popup .map-testimonials .button-link {
    margin-left: 0;
  }
}
.popup-gallery .popup-body {
  max-width: 100%;
  background-color: transparent;
}
.popup-gallery .popup-body .gallery-card {
  width: calc(100vw - 60px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-gallery .popup-body .gallery-card img {
  margin: 0 auto;
  max-width: 100%;
  max-height: auto;
  width: auto;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 30px 0px;
}
.popup-docs img {
  max-height: 90vh;
  border-radius: 16px;
}
.popup-notify .popup-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  padding: 24px;
  text-align: center;
  background-color: var(--blue-bg);
}
.popup-notify .popup-body p {
  margin: 0;
}
.popup.form-popup .popup-wrapper {
  max-width: 400px;
  width: 100%;
}
.popup.form-popup .popup-wrapper .popup-body {
  width: 100%;
  background-color: var(--blue-tag);
  border-radius: 32px;
}
@media (max-width: 599.98px) {
  .popup.form-popup .popup-wrapper .popup-body {
    width: 100%;
  }
}
.popup.form-popup .popup-wrapper .popup-body .form-limitter {
  width: 100%;
  padding: unset;
  border-radius: unset;
  background-color: unset;
}

.header {
  position: fixed;
  top: 0;
  z-index: 4;
  display: flex;
  max-width: 100%;
  width: 100%;
  height: 60px;
  padding: 8px 0;
  background-color: var(--navbar-bg-op);
  transition: 0.25s ease-in-out;
}
.header:has(#menuCheckbox:checked), .header:has(#menuToggle:checked) {
  background-color: var(--bg-main);
}
.header.scrolled {
  background-color: var(--bg-main);
}
.header a {
  text-decoration: none;
}
.header-inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
  height: 100%;
}
@media (max-width: 439.98px) {
  .header-inner {
    gap: 8px;
  }
}
.header-logo {
  position: relative;
  z-index: 4;
  align-self: center;
  min-width: 28px;
  max-width: 28px;
  max-height: 28px;
  margin-right: 100px;
  border-radius: 20px;
  transition: 0.6s box-shadow 0.1s ease-in-out;
}
@media (max-width: 999.98px) {
  .header-logo {
    margin-right: auto;
  }
}
.header-logo:hover {
  box-shadow: 0px 0px 25px 15px var(--blue-clouds);
}
.header-burger {
  display: none;
}
@media (max-width: 999.98px) {
  .header-burger {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1px;
    padding: 0;
    margin: 0;
    border: none;
  }
  .header-burger:hover {
    border: none;
    box-shadow: none;
    background-color: unset;
  }
}
.header-burger span {
  display: block;
  width: 28px;
  height: 4px;
  margin-bottom: 2px;
  position: relative;
  background: var(--color-white);
  border-radius: 4px;
  transform-origin: 4px 0px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.header-burger span:last-child {
  margin: 0;
}
.header-burger[data-menu=open] {
  transform: translateY(1px);
}
.header-burger[data-menu=open] span {
  background: var(--blue-main);
}
.header-burger[data-menu=open] span:nth-child(1) {
  transform: rotate(45deg) translate(0, -1px);
}
.header-burger[data-menu=open] span:nth-child(2) {
  opacity: 0;
}
.header-burger[data-menu=open] span:nth-child(3) {
  transform: rotate(-45deg) translate(-1px, -2px);
}
.header-contacts {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
@media (max-width: 1440px) {
  .header-contacts {
    display: none;
  }
}
.header-contacts > span {
  align-self: flex-end;
}
.header .icon-menu {
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: 0;
  transition: gap 0.25s ease-in-out;
}
@media (min-width: 1000px) and (max-width: 1100px) {
  .header .icon-menu {
    gap: 4px;
  }
}
@media (max-width: 439.98px) {
  .header .icon-menu {
    gap: 12px;
  }
}
@media (max-width: 370px) {
  .header .icon-menu {
    gap: 4px;
  }
}
.header .icon-menu i {
  display: flex;
}
.header .icon-menu #lk-link {
  color: var(--blue-main);
  transition: color 0.25s ease-in-out, text-shadow 0.25s ease-in-out;
}
.header .icon-menu #lk-link:hover {
  text-shadow: var(--blue-main) 1px 0 10px;
}
.header > .container {
  flex: 1;
}

.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  transform-origin: top center;
}
@media (max-width: 999.98px) {
  .menu {
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    padding: 60px 40px 20px;
    background-color: var(--bg-main);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
  }
  @supports (-moz-appearance: none) {
    .menu {
      scrollbar-color: var(--blue-main) var(--bg-main);
      scrollbar-width: thin;
    }
  }
  .menu::-webkit-scrollbar {
    width: 8px;
    height: 4px;
  }
  .menu::-webkit-scrollbar-track {
    background: var(--bg-main);
    border-radius: 8px;
  }
  .menu::-webkit-scrollbar-thumb {
    background: var(--blue-main);
    border-radius: 8px;
  }
}
@media (max-width: 599.98px) {
  .menu {
    gap: 8px;
    padding: 60px 20px 20px;
  }
}
@media (max-width: 439.98px) {
  .menu {
    padding: 60px 10px 12px;
  }
}
@media (max-width: 999.98px) {
  .menu::before {
    content: "";
  }
}
.menu-dropdown {
  position: relative;
  z-index: 1;
}
@media (max-width: 999.98px) {
  .menu-dropdown {
    position: unset;
  }
}
.menu-dropdown--content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: fit-content;
  min-width: 240px;
  max-width: 280px;
  height: fit-content;
  margin: 52px 0 0 0;
  padding: 16px 20px;
  background-color: var(--blue-bg);
  box-shadow: 0px 0px 8px 4px var(--navbar-bg-op);
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .menu-dropdown--content {
    top: 10px;
    left: 195px;
    gap: 8px;
    min-width: 100px;
    width: 55%;
    margin: 60px 0 0 0;
    padding: 0 10px;
    background-color: transparent;
    box-shadow: none;
  }
}
@media (max-width: 599.98px) {
  .menu-dropdown--content {
    top: 0;
    left: 192px;
    width: 52%;
    margin: 68px 0 0 0;
    padding: 0 10px;
  }
}
@media (max-width: 439.98px) {
  .menu-dropdown--content {
    left: 172px;
  }
}
.menu-dropdown--content:hover {
  opacity: 1;
  visibility: visible;
}
.menu-dropdown--content::before {
  content: "";
  position: absolute;
  top: -8px;
  z-index: -1;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: var(--blue-bg);
  transform: rotate(45deg);
}
@media (max-width: 999.98px) {
  .menu-dropdown--content::before {
    display: none;
  }
}
.menu-dropdown--content::after {
  content: "";
  position: absolute;
  top: -12px;
  z-index: -1;
  width: 100%;
  height: 20px;
}
@media (max-width: 999.98px) {
  .menu-dropdown--content::after {
    display: none;
  }
}
.menu-dropdown--content hr {
  width: 80%;
  height: 1px;
  border-top: 1px solid var(--color-white);
  background-color: var(--color-white);
  margin: 2px 0 auto;
}
@media (max-width: 999.98px) {
  .menu-dropdown--content hr {
    height: 0;
    border-color: var(--blue-bg);
  }
}
.menu-dropdown--content a {
  color: var(--color-white);
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .menu-dropdown--content a {
    padding: 4px 12px 4px 0px;
    color: var(--color-grey);
  }
}
.menu-dropdown--content a:hover {
  color: var(--blue-main);
}
@media (max-width: 999.98px) {
  .menu-dropdown--content a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}
.menu-dropdown--hidden {
  display: none;
}
@media (max-width: 999.98px) {
  .menu-dropdown--hidden {
    display: flex;
    font-size: 14px;
  }
}
.menu-dropdown:hover > a {
  color: var(--blue-main);
  text-decoration: underline;
  text-decoration-thickness: none;
  text-underline-offset: 3px;
}
.menu-dropdown.active .menu-dropdown--content {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1000px) and (max-width: 1100px) {
  .menu-dropdown > a.menu-link {
    padding-left: 4px;
    padding-right: 0;
  }
  .menu-dropdown > a.menu-link::before {
    left: -4px;
  }
}
.menu-link {
  position: relative;
  display: flex;
  font-size: 16px;
  white-space: nowrap;
  padding: 12px;
  color: var(--color-white);
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .menu-link {
    padding: 4px 12px 4px 0px;
    font-size: 14px;
  }
}
.menu-link::before {
  content: "•";
  position: absolute;
  top: 50%;
  left: 0;
  color: var(--blue-main);
  transform: translate(0, -50%);
}
@media (max-width: 999.98px) {
  .menu-link::before {
    display: none;
  }
}
@media (max-width: 999.98px) {
  .menu-link::after {
    content: "»";
    color: currentColor;
    margin: auto 4px 0;
  }
}
.menu-link:hover {
  color: var(--blue-main);
}
@media (min-width: 1000px) {
  .menu-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}
@media (min-width: 1000px) {
  .menu-link:hover + .menu-dropdown--content {
    max-height: fit-content;
    opacity: 1;
    visibility: visible;
  }
}
.menu-link--minified {
  font-weight: 400;
}
@media (max-width: 599.98px) {
  .menu-link--minified {
    font-size: 13px;
  }
}
.menu-link--noicon::before, .menu-link--noicon::after {
  display: none;
}
@media (max-width: 999.98px) {
  .menu:not(.open) {
    opacity: 0;
    visibility: hidden;
    animation: burgerAppearUp 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
.menu.open {
  opacity: 1;
  visibility: visible;
  animation: burgerAppear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 999.98px) {
  .menu-open {
    position: static;
    width: 100vw;
    height: 100%;
    overflow: hidden;
  }
  .menu-open .header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 60px;
    background-color: var(--bg-main);
  }
}
.menu > hr {
  width: 50%;
  max-width: 152px;
  border-top: 1px solid;
  border-color: var(--blue-bg);
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 0;
}
@media (max-width: 599.98px) {
  .menu > hr {
    width: 40%;
  }
}
.menu > a:not(.button-highlighted, .menu-link) {
  font-size: 15px;
  white-space: nowrap;
  padding: 10px;
  color: var(--color-white);
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .menu > a:not(.button-highlighted, .menu-link) {
    padding: 4px 12px 4px 0px;
    font-size: 13px;
  }
}
.menu > a:not(.button-highlighted, .menu-link):hover {
  color: var(--blue-main);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.menu .button-highlighted {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  margin-top: auto;
}

.burger {
  position: relative;
  display: inline-block;
  align-self: center;
  border-radius: 0px;
  width: fit-content;
  margin-left: 12px;
  margin-right: 0;
  cursor: pointer;
}
@media (max-width: 999.98px) {
  .burger {
    display: none;
  }
}
.burger-content {
  display: block;
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 200px;
  height: 0px;
  z-index: 1;
  padding: 16px;
  color: var(--color-white);
  background-color: var(--bg-main);
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  overflow: hidden;
  transform-origin: top center;
  transition: height 0.5s ease-in-out;
}
.burger-content a:not(.button) {
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  color: var(--color-white);
  transition: 0.25s ease-in-out;
}
.burger-content a:not(.button):hover {
  color: var(--blue-main);
}
.burger-content a:not(.button).work-time {
  padding: 12px 16px;
  color: var(--color-grey);
  text-wrap: wrap;
  display: block;
  width: fit-content;
}
.burger-content a:not(.button).work-time:hover {
  color: var(--blue-main);
}
.burger-content hr {
  background-color: var(--color-white);
}
.burger input[type=checkbox] {
  position: absolute;
  width: 32px;
  height: 24px;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.burger span {
  display: block;
  width: 32px;
  height: 4px;
  margin-bottom: 4px;
  position: relative;
  background: var(--color-white);
  border-radius: 4px;
  transform-origin: 4px 0px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger span:last-child {
  margin: 0;
}
.burger #menuToggle:has(input:not(:checked)) ~ .burger-content {
  height: 0;
  opacity: 0;
  visibility: hidden;
  animation: burgerAppearUp 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.burger #menuToggle:has(input:checked) span {
  background: var(--blue-main);
}
.burger #menuToggle:has(input:checked) span:nth-child(2) {
  transform: rotate(45deg) translate(0, -1px);
}
.burger #menuToggle:has(input:checked) span:nth-child(3) {
  opacity: 0;
}
.burger #menuToggle:has(input:checked) span:nth-child(4) {
  transform: rotate(-45deg) translate(-2px, -2px);
}
.burger #menuToggle:has(input:checked) ~ .burger-content {
  opacity: 1;
  visibility: visible;
  height: fit-content;
  animation: burgerAppear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.footer {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--bg-main);
  border-top: 1px solid var(--blue-main);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.footer a {
  text-decoration: none;
}
.footer-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 112px;
  padding: 20px 0;
  border-bottom: 1px solid var(--footer-bg);
}
@media (max-width: 1399.98px) {
  .footer-top {
    gap: 40px;
  }
}
@media (max-width: 1199.98px) {
  .footer-top {
    gap: 20px;
  }
}
@media (max-width: 575.98px) {
  .footer-top {
    gap: 8px;
  }
}
.footer-middle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 12px 0;
}
@media (max-width: 1199.98px) {
  .footer-middle {
    align-items: flex-end;
  }
}
@media (max-width: 599.98px) {
  .footer-middle {
    align-items: flex-start;
  }
}
.footer-middle a {
  color: var(--color-white);
}
.footer-middle a:hover {
  color: var(--blue-main);
}
.footer-logo {
  min-width: 28px;
  max-width: 28px;
  max-height: 28px;
  margin-right: 100px;
  border-radius: 20px;
}
.footer-logo:hover {
  animation: logo-hover 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  box-shadow: 0px 0px 25px 15px var(--blue-clouds);
}
@media (max-width: 1199.98px) {
  .footer-logo {
    margin-right: 72px;
  }
  .footer-logo img {
    width: 100px;
    height: 24px;
  }
}
@media (max-width: 999.98px) {
  .footer-logo {
    max-height: 24px;
    max-width: 24px;
    min-width: 24px;
    margin-right: 76px;
  }
}
.footer-categories {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  margin-right: auto;
}
@media (max-width: 1399.98px) {
  .footer-categories {
    gap: 24px;
  }
}
@media (max-width: 991.98px) {
  .footer-categories {
    display: none;
  }
}
.footer-categories > a {
  position: relative;
  padding-left: 12px;
  color: var(--color-white);
  white-space: nowrap;
  transition: 0.25s ease-in-out;
}
.footer-categories > a:hover {
  color: var(--blue-main);
}
.footer-categories > a::before {
  content: "•";
  position: absolute;
  top: 50%;
  left: 0;
  color: var(--blue-main);
  transform: translate(0, -50%);
}
.footer-contacts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  flex: 1 0 auto;
  max-width: 420px;
  margin-left: auto;
}
@media (max-width: 1399.98px) {
  .footer-contacts {
    max-width: 400px;
  }
}
@media (max-width: 1199.98px) {
  .footer-contacts {
    align-items: flex-start;
    flex: unset;
    max-width: unset;
  }
}
@media (max-width: 999.98px) {
  .footer-contacts > .contact-block--phone {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .footer-contacts {
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  .footer-contacts {
    align-items: flex-start;
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
  }
}
.footer-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  .footer-menu {
    flex-wrap: wrap;
    gap: 4px 32px;
  }
}
@media (max-width: 575.98px) {
  .footer-menu {
    flex-direction: column;
    align-items: flex-start;
    max-height: 11em;
  }
}
@media (max-width: 359.98px) {
  .footer-menu {
    gap: 4px 22px;
  }
}
.footer-menu > a {
  position: relative;
  color: var(--color-white);
  white-space: nowrap;
  transition: 0.25s ease-in-out;
}
.footer-menu > a:hover {
  color: var(--blue-main);
}
.footer .icon-menu {
  flex-direction: row-reverse;
  align-self: flex-start;
  margin-left: auto;
}
@media (max-width: 575.98px) {
  .footer .icon-menu {
    flex-direction: row;
    gap: 4px;
    margin-top: -4px;
    margin-bottom: unset;
  }
}
.footer-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 0;
  background-color: var(--bg-main);
}
.footer-bottom > .container {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}
@media (max-width: 575.98px) {
  .footer-bottom > .container {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.footer-bottom > .container > * {
  opacity: 0.7;
}
.footer-bottom > .container > a {
  position: relative;
  margin-right: auto;
  text-align: left;
  color: #ffffff;
  cursor: pointer;
  padding-left: 32px;
}
.footer-bottom > .container > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  background-image: url("../src/images/herb.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(0, -50%);
}
@media (max-width: 575.98px) {
  .footer-bottom > .container > a {
    padding-top: 32px;
    padding-left: 0px;
    text-align: center;
  }
  .footer-bottom > .container > a::before {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.footer-bottom > .container > span {
  margin-left: auto;
  text-align: right;
}
@media (max-width: 575.98px) {
  .footer-bottom > .container > span {
    margin: 0 auto;
  }
}

/* BASE STYLES */
/* COMPONENTS */
html {
  box-sizing: border-box;
}
@supports (-moz-appearance: none) {
  html {
    scrollbar-color: var(--blue-main) var(--bg-main);
    scrollbar-width: thin;
  }
}
html::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
html::-webkit-scrollbar-track {
  background: var(--bg-main);
  border-radius: 8px;
}
html::-webkit-scrollbar-thumb {
  background: var(--blue-main);
  border-radius: 8px;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

* {
  box-sizing: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    transition-delay: -1ms !important;
  }
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Roboto" !important;
  font-size: 14px;
  line-height: 150%;
  background-color: var(--bg-main);
  color: var(--color-white);
  background-image: url("/src/images/stars.jpg");
  background-size: auto 400px;
  background-position: top;
  background-repeat: repeat;
  position: relative;
  overflow-x: clip;
}
@media (max-width: 599.98px) {
  body {
    font-size: 13px;
    background-size: 100% auto;
  }
}

main {
  flex: 1;
  min-height: 60vh;
}

.achievements-slider {
  position: relative;
  z-index: 3;
  width: 200px;
  height: 400px;
  margin: 0 auto;
  will-change: contents;
  overflow: hidden;
}
@media (max-width: 599.98px) {
  .achievements-slider {
    display: flex;
    width: 100%;
    height: auto;
    padding: 20px 12px;
    margin: 0 auto;
    touch-action: pan-y;
  }
}
.achievements-slider div.slides {
  display: flex;
  flex-direction: column;
  align-items: center;
  will-change: transform;
  transition: transform 0.5s ease;
}
@media (max-width: 599.98px) {
  .achievements-slider div.slides {
    align-items: flex-start;
    width: 100%;
  }
}
.achievements-slider div.slides .slide {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 0 0 0;
  padding: 0;
  width: 200px;
  height: 200px;
  text-align: center;
  font-size: 24px;
  color: white;
  will-change: contents;
}
@media (max-width: 599.98px) {
  .achievements-slider div.slides .slide {
    width: auto;
    height: unset;
    flex: 0 0 50%;
  }
}
.achievements-slider div.slides .slide .icons-partners {
  height: 1.7em;
  max-height: 0px;
}
.achievements-slider div.slides .slide .icons-partners img {
  width: 1.7em;
  height: auto;
}
.achievements-slider div.slides .slide p {
  margin: 0;
}
@media (max-width: 599.98px) {
  .achievements-slider div.slides .slide p {
    max-width: 80%;
  }
}
@media (max-width: 439.98px) {
  .achievements-slider div.slides .slide p {
    max-width: 85%;
  }
}
@media (min-width: 1000px) {
  .achievements-slider div.slides .slide:hover > .cup::before {
    box-shadow: 0px 0px 40px 40px var(--blue-clouds);
  }
}
.achievements-slider button {
  color: var(--blue-main);
  position: absolute;
  left: 100px;
  border: none;
  padding: 12px;
  cursor: pointer;
  transform-origin: center;
}
@media (min-width: 1000px) {
  .achievements-slider button:hover {
    background: transparent;
    box-shadow: none;
  }
}
.achievements-slider button i {
  display: flex;
  color: currentColor;
  font-size: 30px;
}
.achievements-slider button.prev {
  top: 0;
  left: 50%;
  right: unset;
  bottom: unset;
  transform: translate(-50%, -30%);
}
@media (max-width: 599.98px) {
  .achievements-slider button.prev {
    top: 50%;
    left: 10px;
    right: unset;
    bottom: unset;
    transform: translate(-50%, -50%);
  }
}
.achievements-slider button.prev i {
  transform: rotate(-90deg);
}
@media (max-width: 599.98px) {
  .achievements-slider button.prev i {
    transform: rotate(-180deg);
  }
}
.achievements-slider button.next {
  top: unset;
  left: 50%;
  right: unset;
  bottom: 0;
  transform: translate(-50%, 30%);
}
@media (max-width: 599.98px) {
  .achievements-slider button.next {
    top: 50%;
    left: unset;
    right: 10px;
    bottom: unset;
    transform: translate(50%, -50%);
  }
}
.achievements-slider button.next i {
  transform: rotate(90deg);
}
@media (max-width: 599.98px) {
  .achievements-slider button.next i {
    transform: rotate(0deg);
  }
}

@media (max-width: 999.98px) {
  .prices {
    background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.1) 15%, rgba(0, 234, 255, 0.1) 85%, rgba(0, 234, 255, 0) 100%);
  }
}

.nav-tabs--buttons {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 1499.98px) {
  .nav-tabs--buttons {
    max-width: 100%;
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--buttons {
    gap: 12px;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--buttons {
    gap: 0;
  }
}
.nav-tabs--buttons > * {
  flex: 1 1 0%;
}
.nav-tabs--content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 52px 0;
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgb(10, 10, 10) 82%, rgba(10, 10, 10, 0.8) 91%, rgba(10, 10, 10, 0.6) 96%, rgba(10, 10, 10, 0) 100%);
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .nav-tabs--content {
    gap: 8px;
    padding: 32px 0;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--content {
    margin-top: unset;
    background: color-mix(in srgb, var(--bg-main) 70%, transparent);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
}
.nav-tabs--content [id^=tab-slide-] {
  transform-origin: top;
}
.nav-tabs--content [id^=tab-slide-]:not(.active) {
  display: none;
}
.nav-tabs--content [id^=tab-slide-].active {
  animation: appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.nav-tabs .slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  aspect-ratio: 1/1;
  width: 64px;
  height: 64px;
  min-height: unset;
  max-height: unset;
  color: var(--blue-main);
  border: none;
  padding: 0;
  border: 2px solid;
  border-color: transparent;
  border-radius: 100%;
  font-size: 32px;
  line-height: 0;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 999.98px) {
  .nav-tabs .slider-arrow {
    display: none !important;
  }
}
@media (min-width: 1000px) {
  .nav-tabs .slider-arrow:hover {
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--blue-main);
  }
}
.nav-tabs .slider-arrow i {
  color: currentColor;
}
.nav-tabs .slider-arrow.prev {
  right: unset;
  left: 10px;
  transform: translate(0%, -50%) rotate(-180deg);
}
.nav-tabs .slider-arrow.next {
  left: unset !important;
  right: 10px;
  transform: translate(0%, -50%);
}
.nav-tabs--custom .nav-tabs--buttons > * {
  flex: 1 1 0%;
  max-width: 280px;
}
@media (max-width: 599.98px) {
  .nav-tabs--custom .nav-tabs--buttons > * {
    flex: 1 0 20%;
    max-width: 20%;
  }
}
.nav-tabs--custom .nav-tabs--content {
  padding: 32px 0;
}
@media (max-width: 999.98px) {
  .nav-tabs--custom .nav-tabs--content {
    padding: 20px 0;
  }
}
.nav-tabs--tender .nav-tabs--buttons > * {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: -1px;
  padding: 16px;
  background-color: var(--blue-bg);
  border-top: 2px solid;
  border-color: var(--bg-main);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .nav-tabs--tender .nav-tabs--buttons > * {
    gap: 8px;
    max-height: unset;
    padding: 8px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    transform: none;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--tender .nav-tabs--buttons > * {
    padding: 4px;
  }
}
@media (min-width: 1000px) {
  .nav-tabs--tender .nav-tabs--buttons > *:hover {
    background: color-mix(in srgb, var(--blue-main) 15%, transparent);
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--tender .nav-tabs--buttons > *:hover {
    color: var(--color-white);
    transform: none;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--tender .nav-tabs--buttons > *:hover {
    transform: none;
  }
}
.nav-tabs--tender .nav-tabs--buttons > * img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 999.98px) {
  .nav-tabs--tender .nav-tabs--buttons > * img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--tender .nav-tabs--buttons > * img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--tender .nav-tabs--buttons > * span {
    text-wrap: balance;
    font-size: 12px !important;
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--tender .nav-tabs--buttons > *:has(:checked), .nav-tabs--tender .nav-tabs--buttons > *.active {
    color: var(--bg-main);
    background: var(--blue-main);
  }
}
.nav-tabs--tender .nav-tabs--buttons > *:has(:checked) img, .nav-tabs--tender .nav-tabs--buttons > *.active img {
  filter: invert(1) grayscale(1) brightness(0);
}
.nav-tabs--tender .nav-tabs--buttons > *:has(:checked) .tooltip, .nav-tabs--tender .nav-tabs--buttons > *.active .tooltip {
  filter: invert(1) grayscale(1);
  mix-blend-mode: difference;
}
@media (min-width: 1000px) {
  .nav-tabs--tender .nav-tabs--buttons > *:has(:checked), .nav-tabs--tender .nav-tabs--buttons > *.active {
    color: var(--bg-main);
    background: var(--blue-main);
  }
}
.nav-tabs--tender .nav-tabs--buttons > * {
  color: var(--color-white);
  background: var(--blue-bg);
}
@media (min-width: 1000px) {
  .nav-tabs--tender .nav-tabs--buttons > *:hover {
    background: color-mix(in srgb, var(--blue-main) 25%, transparent);
  }
}
.nav-tabs--tender .nav-tabs--buttons > *:has(:checked), .nav-tabs--tender .nav-tabs--buttons > *.active {
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%) var(--blue-light-bg) !important;
  color: var(--color-white);
}
.nav-tabs--tender .nav-tabs--buttons > *:has(:checked) img, .nav-tabs--tender .nav-tabs--buttons > *.active img {
  filter: invert(1) grayscale(1) brightness(10);
}
.nav-tabs--tender .nav-tabs--buttons > *:has(:checked) .tooltip, .nav-tabs--tender .nav-tabs--buttons > *.active .tooltip {
  filter: invert(1) grayscale(1) brightness(5);
  mix-blend-mode: color-dodge;
}
.nav-tabs--tender .nav-tabs--buttons > * {
  flex: 1 1 0%;
  max-width: 45%;
  margin-bottom: 0;
}
@media (max-width: 599.98px) {
  .nav-tabs--tender .nav-tabs--buttons > * {
    flex: 1 0 40%;
    max-width: 40%;
  }
}
.nav-tabs--tender .nav-tabs--content {
  margin: 0;
  padding: 0;
  background: unset;
}
.nav-tabs--contacts .nav-tabs--buttons > * {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px;
  background-color: transparent;
  border: 1px solid;
  border-bottom: 0;
  border-color: var(--blue-main);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-height: unset;
    padding: 8px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    transform: none;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * {
    padding: 4px;
  }
}
@media (min-width: 1000px) {
  .nav-tabs--contacts .nav-tabs--buttons > *:hover {
    background: color-mix(in srgb, var(--blue-main) 15%, transparent);
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > *:hover {
    color: var(--color-white);
    transform: none;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > *:hover {
    border-color: transparent;
    transform: none;
  }
}
.nav-tabs--contacts .nav-tabs--buttons > * img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * span {
    text-wrap: balance;
    font-size: 13px !important;
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > *:has(:checked), .nav-tabs--contacts .nav-tabs--buttons > *.active {
    box-shadow: 0px 0px 16px var(--bg-main);
    color: var(--bg-main);
    background: var(--blue-main);
  }
}
@media (max-width: 599.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > *:has(:checked), .nav-tabs--contacts .nav-tabs--buttons > *.active {
    box-shadow: unset;
  }
}
.nav-tabs--contacts .nav-tabs--buttons > *:has(:checked) img, .nav-tabs--contacts .nav-tabs--buttons > *.active img {
  filter: invert(1) grayscale(1) brightness(0);
}
@media (min-width: 1000px) {
  .nav-tabs--contacts .nav-tabs--buttons > *:has(:checked), .nav-tabs--contacts .nav-tabs--buttons > *.active {
    border-color: var(--bg-main);
    color: var(--bg-main);
    background: var(--blue-main);
  }
}
.nav-tabs--contacts .nav-tabs--buttons > * {
  flex: 1 1 0%;
  max-width: 45%;
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * {
    flex: 1 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 999.98px) {
  .nav-tabs--contacts .nav-tabs--buttons > * img {
    width: 24px;
    height: 24px;
  }
}
.nav-tabs--contacts .nav-tabs--content {
  margin: 0;
  padding: 32px;
  border: 1px solid var(--blue-main);
  border-radius: 30px;
}
@media (max-width: 599.98px) {
  .nav-tabs--contacts .nav-tabs--content {
    padding: 16px;
    border-radius: 16px;
  }
}
.nav-tabs:not(.nav-tabs--tender) .nav-tabs--content {
  width: 100%;
  background: rgb(10, 10, 10);
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgb(10, 10, 10) 82%, rgba(10, 10, 10, 0.8) 91%, rgba(10, 10, 10, 0.6) 96%, rgba(10, 10, 10, 0) 100%);
  border-top: 1px solid var(--blue-main);
}

.nice-wrapper {
  position: relative;
  z-index: 3;
  display: flex;
  height: 52px;
}
.nice-wrapper--simple {
  height: auto;
}
.nice-wrapper--portfolio .list .option:not(:first-child) {
  padding-left: 28px;
}

.nice-select {
  position: relative;
  display: flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 52px;
  line-height: 40px;
  outline: none;
  padding-left: 20px;
  padding-right: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: var(--blue-light-bg);
  border-radius: 40px;
  border: 1px solid var(--blue-light-bg);
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
  color: var(--color-white);
}
.nice-select .current {
  display: block;
  width: 100%;
  margin: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.nice-select:hover {
  border-color: var(--blue-main);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: transparent;
}
.nice-select:active:not(.isTextField), .nice-select.open:not(.isTextField), .nice-select:focus:not(.isTextField) {
  transform: scaleZ(1);
}
.nice-select:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -8px;
  border-bottom: 2px solid var(--color-white);
  border-right: 2px solid var(--color-white);
  pointer-events: none;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
}
.nice-select.open {
  border-color: transparent;
  background-color: transparent;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scaleY(1) translateY(0);
}
.nice-select.disabled {
  border-color: rgba(21, 84, 90, 0.7);
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.nice-select .list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -9;
  width: 100%;
  background-color: var(--blue-light-bg);
  border-radius: 26px;
  border: 0;
  border: 1px solid var(--blue-main);
  box-sizing: border-box;
  margin-top: -52px;
  padding-top: 60px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
  opacity: 0;
  pointer-events: none;
  transform-origin: 50% 0;
  transform: scaleY(0.75) translateY(-20px);
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  color: var(--color-white);
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 1.25;
  list-style: none;
  min-height: 40px;
  outline: none;
  margin: 0;
  padding: 16px;
  color: var(--color-white);
  font-size: 14px;
  text-align: left;
  white-space: normal;
  transition: all 0.2s;
}
@media (max-width: 599.98px) {
  .nice-select .option {
    font-size: 13px;
  }
}
.nice-select .option:hover, .nice-select .option.focus {
  background-color: rgba(0, 234, 255, 0.2);
}
.nice-select .option.selected {
  background-color: var(--blue-main);
  color: var(--bg-main);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 32px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 36px;
  min-height: 36px;
}
.nice-select.isTextField {
  height: fit-content;
  margin-top: -6px;
  padding-top: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  line-height: 1;
  white-space: normal;
}
.nice-select.isTextField:not(.open) {
  background-color: transparent;
  border-color: transparent;
}
.nice-select.isTextField:after {
  height: 8px;
  width: 8px;
  margin-top: -8px;
}
.nice-select.isTextField .current {
  white-space: unset;
  text-overflow: unset;
  overflow: visible;
}
.nice-select.isTextField .list {
  left: -1px;
  width: 100.75%;
  margin-top: 0;
  padding-top: 0;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}
.nice-select.isTextField .list .option {
  min-height: unset;
  padding: 8px;
}
.nice-select.isTextField:is(.open) {
  z-index: 3;
  border: 1px solid var(--blue-main);
  border-color: var(--blue-main);
  border-bottom: 0;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.nice-select.isTextField:is(.open) .list {
  border-color: var(--blue-main);
}
.nice-select.isInput {
  background-color: transparent;
  border-color: var(--color-white);
  border-style: solid;
  padding-left: 24px;
}
.nice-select.isInput span {
  color: var(--color-grey);
  font-size: 16px;
  line-height: 1.25;
}
@media (max-width: 999.98px) {
  .nice-select.isInput span {
    font-size: 15px;
  }
}
.nice-select.isInput.open {
  border-color: transparent;
  background-color: transparent;
}
.nice-select.isInput .option {
  font-size: 16px;
  line-height: 1.25;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 999.98px) {
  .nice-select.isInput .option {
    font-size: 15px;
  }
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

.main-section {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 999.98px) {
  .main-section {
    flex-direction: column;
  }
}
.main-section--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 70%;
}
@media (max-width: 1199.98px) {
  .main-section--left {
    max-width: 65%;
  }
}
@media (max-width: 999.98px) {
  .main-section--left {
    max-width: 100%;
  }
}
.main-section--left > h1 {
  margin-bottom: 32px;
}
@media (max-width: 599.98px) {
  .main-section--left > h1 {
    margin-bottom: 20px;
  }
}
.main-section--right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  will-change: contents;
}
@media (max-width: 999.98px) {
  .main-section--right {
    max-width: 100%;
  }
}
.main-section--block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.main-section--block > h1 {
  margin-bottom: 32px;
}
@media (max-width: 599.98px) {
  .main-section--block > h1 {
    margin-bottom: 20px;
  }
}
.main-section--actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px 20px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 999.98px) {
  .main-section--actions {
    align-items: center;
    align-self: stretch;
    justify-content: center;
    gap: 20px;
  }
}
.main-section--achievements {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px 16px;
}
@media (max-width: 999.98px) {
  .main-section--achievements {
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
  }
}
.main-section--achievements-3x > * {
  max-width: 25%;
}
.main-section--achievements.group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 60px;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 1199.98px) {
  .main-section--achievements.group {
    margin-top: 40px;
  }
}
@media (max-width: 999.98px) {
  .main-section--achievements.group {
    justify-content: center;
    gap: 32px;
    width: auto;
  }
}
.main-section--achievements.group::before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 2px var(--blue-clouds);
}
.main-section--achievements.group > div {
  flex-grow: 1;
  flex-basis: 40%;
}
@media (max-width: 999.98px) {
  .main-section--achievements.group > div {
    flex-grow: 0;
  }
}
.main-section--numbers {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 24px 8px;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 439.98px) {
  .main-section--numbers {
    flex-direction: column;
  }
}
.main-section--numbers > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
@media (max-width: 999.98px) {
  .main-section--numbers > * {
    flex: 1 1 0%;
  }
}
@media (max-width: 849.98px) {
  .main-section--numbers > * {
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
}
@media (max-width: 439.98px) {
  .main-section--numbers > * {
    flex: unset;
    max-width: 100%;
  }
}
.main-section .flying-mockup {
  margin-left: auto;
  margin-right: 32px;
}
@media (max-width: 999.98px) {
  .main-section .flying-mockup {
    align-self: center;
    margin-left: unset;
    margin-right: unset;
  }
}
.main-section--index {
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .main-section--index {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 599.98px) {
  .main-section--index {
    flex-direction: column;
  }
}
.main-section--index .main-section--left {
  flex: unset;
  max-width: 700px;
}
@media (max-width: 1199.98px) {
  .main-section--index .main-section--left {
    max-width: 70%;
  }
}
@media (max-width: 1100px) {
  .main-section--index .main-section--left {
    max-width: 550px;
  }
}
.main-section--index .main-section--right {
  flex-direction: row;
  flex: unset;
  margin-left: 8%;
}
@media (max-width: 1360px) {
  .main-section--index .main-section--right {
    margin-left: unset;
  }
}
@media (max-width: 999.98px) {
  .main-section--index .main-section--right {
    margin-top: 80px;
  }
}
@media (max-width: 599.98px) {
  .main-section--index .main-section--right {
    flex-direction: column;
    align-items: center;
    margin-top: unset;
  }
}
.main-section--index .flying-mockup {
  align-self: center;
  margin-right: 80px;
}
@media (max-width: 1199.98px) {
  .main-section--index .flying-mockup {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1000px) and (max-width: 1100px) {
  .main-section--index .flying-mockup {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(90%, -20%);
  }
}
@media (min-width: 900px) and (max-width: 1000px) {
  .main-section--index .flying-mockup {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(70%, -20%);
  }
}
@media (max-width: 599.98px) {
  .main-section--index .flying-mockup {
    margin-top: 52px;
    margin-bottom: 52px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 999.98px) {
  .main-section--index .achievements-slider {
    margin-right: unset;
  }
}
.main-section--about {
  flex-wrap: wrap;
}
@media (min-width: 1100px) {
  .main-section--about .main-section--left {
    max-width: 100%;
    flex: 1;
  }
}
@media (max-width: 1100px) {
  .main-section--about .main-section--left {
    max-width: 100%;
  }
}
.main-section--about .main-section--right {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1100px) {
  .main-section--about .main-section--right {
    justify-content: space-evenly;
    margin: 40px 0;
  }
}
.main-section--about .main-section--block {
  margin-top: 40px;
}
@media (max-width: 1100px) {
  .main-section--about .main-section--block {
    margin-top: unset;
  }
}
.main-section--about .flying-mockup {
  align-self: center;
  margin-left: auto;
  margin-right: unset;
}
@media (max-width: 1199.98px) {
  .main-section--about .flying-mockup {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1100px) {
  .main-section--about .flying-mockup {
    margin: 0;
  }
}
@media (max-width: 599.98px) {
  .main-section--about .flying-mockup {
    margin-top: 52px;
    margin-bottom: 52px;
    margin-left: auto;
    margin-right: auto;
  }
}
.main-section--about .achievements-slider {
  margin-right: unset;
}
@media (max-width: 1100px) {
  .main-section--about .achievements-slider {
    margin: 0;
  }
}
.main-section--comment {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 16px;
  justify-content: space-between;
  width: 100%;
}
.main-section--blog h1 {
  margin-bottom: unset;
}
.main-section.error {
  padding-top: 132px;
}
.main-section--error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1000px) {
  .main-title {
    font-weight: 600;
    font-size: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 999.98px) {
  .main-title {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 575.98px) {
  .main-title {
    font-size: 22px;
  }
}
@media (min-width: 1000px) {
  .main-title span {
    font-size: 28px;
  }
}

.error-block {
  position: relative;
}
.error-block .back-text {
  margin: 0;
  font-size: 132px;
  color: var(--blue-main);
  opacity: 0.2;
  user-select: none;
}
.error-block .front-text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.tab-content-webDev {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.tab-content-webDev.store {
  row-gap: 48px;
}
@media (min-width: 999.98px) {
  .tab-content-webDev.store-ai .benefit-card {
    border-radius: 1000px;
  }
}
.tab-content-webDev.store-ai .benefits-left, .tab-content-webDev.store-ai .benefits-right {
  top: 50px;
}
@media (min-width: 1000px) {
  .tab-content-webDev.store .benefit-card .benefit-card-info > p:first-child {
    margin: 0;
  }
}
.tab-content-webDev .web-shop-diagram,
.tab-content-webDev .tender-diagram {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: fit-content;
  gap: 0;
}
@media (max-width: 999.98px) {
  .tab-content-webDev .web-shop-diagram .title_h4,
  .tab-content-webDev .tender-diagram .title_h4 {
    margin-bottom: 52px;
  }
}
.tab-content-webDev .web-shop-diagram .benefits-left,
.tab-content-webDev .web-shop-diagram .benefits-right,
.tab-content-webDev .tender-diagram .benefits-left,
.tab-content-webDev .tender-diagram .benefits-right {
  height: 470px;
  justify-content: space-between;
}
@media (min-width: 1000px) and (max-width: 1250px) {
  .tab-content-webDev .web-shop-diagram .benefits-left,
  .tab-content-webDev .web-shop-diagram .benefits-right,
  .tab-content-webDev .tender-diagram .benefits-left,
  .tab-content-webDev .tender-diagram .benefits-right {
    width: 320px;
  }
}
@media (max-width: 999.98px) {
  .tab-content-webDev .web-shop-diagram .benefits-left,
  .tab-content-webDev .web-shop-diagram .benefits-right,
  .tab-content-webDev .tender-diagram .benefits-left,
  .tab-content-webDev .tender-diagram .benefits-right {
    position: static;
    height: fit-content;
    justify-content: unset;
    gap: 16px;
    width: 100%;
    margin: 0;
  }
  .tab-content-webDev .web-shop-diagram .benefits-left .benefit-card,
  .tab-content-webDev .web-shop-diagram .benefits-right .benefit-card,
  .tab-content-webDev .tender-diagram .benefits-left .benefit-card,
  .tab-content-webDev .tender-diagram .benefits-right .benefit-card {
    width: 100%;
    max-width: unset;
    margin: 0;
  }
}
@media (max-width: 999.98px) {
  .tab-content-webDev .web-shop-diagram .benefits-left,
  .tab-content-webDev .tender-diagram .benefits-left {
    margin-bottom: 16px;
  }
}
.tab-content-webDev .web-shop-diagram div.video-diagramm .connections .line {
  background-color: var(--blue-bg);
}
.tab-content-webDev .web-shop-diagram div.video-diagramm .connections .line:before, .tab-content-webDev .web-shop-diagram div.video-diagramm .connections .line:after {
  background-color: transparent;
}
.tab-content-webDev .benefits-left {
  order: 2;
}
.tab-content-webDev .benefits-right {
  order: 3;
}
.tab-content-webDev .video-diagramm {
  order: 0;
}
@media (max-width: 999.98px) {
  .tab-content-webDev .video-diagramm {
    display: none;
  }
}
.tab-content-webDev .benefit-card {
  width: 100%;
  min-height: unset;
}
.tab-content-webDev .benefit-card .content-hidden {
  display: none;
}
@media (max-width: 999.98px) {
  .tab-content-webDev .benefit-card .content-hidden {
    display: block;
    color: var(--color-grey);
  }
}
.tab-content-webDev .video-diagramm .water-ripple-video {
  z-index: 1 !important;
}
.tab-content-webDev .video-diagramm .connections {
  z-index: 0;
}
.tab-content-webDev .video-diagramm .store-text {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--blue-main);
  z-index: 2;
  text-align: center;
  border-radius: 50%;
  padding: 55px 20px;
  color: var(--bg-main);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-content-webDev .video-diagramm .store-text-target {
  margin: 0;
  transition: 0.25s ease-in-out;
}
.tab-content-webDev .video-diagramm .store-text-target.transition {
  opacity: 0;
}
@media (max-width: 999.98px) {
  .tab-content-webDev .video-diagramm {
    margin: 52px auto;
  }
}
.tab-content-webDev.tender .tender-diagram {
  padding: 52px 0px;
}
.tab-content-webDev.tender .tender-diagram .title_h4 {
  margin-bottom: 52px;
}
.tab-content-webDev.tender .tender-diagram .benefits-top {
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  gap: 18px;
  position: absolute;
  top: 0px;
  left: calc(50% - 126px);
  order: 4;
}
@media (max-width: 1199.98px) {
  .tab-content-webDev.tender .tender-diagram .benefits-top {
    display: flex;
    position: static;
    height: fit-content;
    justify-content: unset;
    gap: 16px;
    width: 100%;
    margin: 0;
    margin-top: 16px;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-top .benefit-card {
    width: 100%;
    max-width: unset;
    margin: 0;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-top .benefit-card .content-hidden {
    display: block;
  }
}
.tab-content-webDev.tender .tender-diagram .benefits-bottom {
  order: 5;
  bottom: 0px;
  left: calc(50% - 150px);
}
@media (max-width: 1199.98px) {
  .tab-content-webDev.tender .tender-diagram .benefits-bottom {
    display: flex;
    position: static;
    height: fit-content;
    justify-content: unset;
    gap: 16px;
    width: 100%;
    margin: 0;
    margin-top: 16px;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-bottom .benefit-card {
    width: 100%;
    max-width: unset;
    margin: 0;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-bottom .benefit-card .content-hidden {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .tab-content-webDev.tender .tender-diagram .benefits-left,
  .tab-content-webDev.tender .tender-diagram .benefits-right {
    position: static;
    height: fit-content;
    justify-content: unset;
    gap: 16px;
    width: 100%;
    margin: 0;
    margin-top: 16px;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-left .benefit-card,
  .tab-content-webDev.tender .tender-diagram .benefits-right .benefit-card {
    width: 100%;
    max-width: unset;
    margin: 0;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-left .benefit-card .content-hidden,
  .tab-content-webDev.tender .tender-diagram .benefits-right .benefit-card .content-hidden {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .tab-content-webDev.tender .tender-diagram .video-diagramm {
    display: none;
  }
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .tender-text {
  position: relative;
  width: 432px;
  height: 432px;
  padding: 70px;
  background-color: var(--blue-main);
  color: var(--bg-main);
  border-radius: 50%;
  z-index: 2;
  top: -94px;
  left: -94px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .tender-text .tender-text-target {
  transition: 0.25s ease-in-out;
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .tender-text .tender-text-target.transition {
  opacity: 0;
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .tender-text .tender-text-target li {
  list-style: "✓";
  padding-left: 10px;
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .connections .line:nth-child(4) {
  top: 120px;
  width: 530px;
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .connections .line:nth-child(4)::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: var(--blue-main);
  border-radius: 50%;
  left: 0;
  top: -3px;
  animation: links-before 3s ease-in-out infinite;
}
.tab-content-webDev.tender .tender-diagram .video-diagramm .connections .line:nth-child(4)::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: var(--blue-main);
  border-radius: 50%;
  left: 0;
  top: -3px;
  animation: links-before 3s ease-in-out infinite;
}
@media (max-width: 999.98px) {
  .tab-content-webDev.tender .tender-diagram .video-diagramm {
    margin: 100px auto;
  }
}
@media (max-width: 1299.98px) {
  .tab-content-webDev.tender .tender-diagram .benefits-right {
    margin-right: 0;
  }
  .tab-content-webDev.tender .tender-diagram .benefits-left {
    margin-left: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
  .tab-content-webDev.tender .tender-diagram .benefits-left,
  .tab-content-webDev.tender .tender-diagram .benefits-right {
    max-width: 332px;
  }
}
@media (max-width: 1199.98px) {
  .tab-content-webDev.tender .tender-diagram {
    padding: 0px;
  }
}
@media (max-width: 1199.98px) {
  .tab-content-webDev.tender .tender-diagram .benefit-card {
    border-radius: 32px;
  }
}
.tab-content-webDev.tender .tender-diagram .benefit-card ul.content-hidden {
  padding: 0;
}
.tab-content-webDev.tender > p.title_h4 {
  margin: 32px 0;
}
@media (max-width: 899.98px) {
  .tab-content-webDev.tender > p.title_h4 {
    margin: 60px 0px 0px 0px;
  }
}
.tab-content-webDev.tender .tender-types-group {
  width: 100%;
}
.tab-content-webDev.tender .tender-types-group .title_h4 {
  margin: 40px 0;
}

.benefits-n-video {
  position: relative;
  margin-bottom: 280px;
}
@media (max-width: 1199.98px) {
  .benefits-n-video {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
  }
  .benefits-n-video .video-diagramm {
    margin: 0 auto;
  }
  .benefits-n-video .video-diagramm .connections {
    display: none;
  }
  .benefits-n-video .benefits-left, .benefits-n-video .benefits-right, .benefits-n-video .benefits-bottom {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    gap: 16px;
    width: 100%;
    margin-left: unset;
    margin-right: unset;
  }
  .benefits-n-video .benefits-left > .benefit-card, .benefits-n-video .benefits-right > .benefit-card, .benefits-n-video .benefits-bottom > .benefit-card {
    align-self: flex-start;
    max-width: 100%;
    width: 100%;
    margin-left: unset;
    margin-right: unset;
    border-radius: 32px;
  }
  .benefits-n-video .benefits-left > .benefit-card:first-child, .benefits-n-video .benefits-left > .benefit-card:last-child, .benefits-n-video .benefits-right > .benefit-card:first-child, .benefits-n-video .benefits-right > .benefit-card:last-child, .benefits-n-video .benefits-bottom > .benefit-card:first-child, .benefits-n-video .benefits-bottom > .benefit-card:last-child {
    margin-left: unset;
    margin-right: unset;
  }
  .benefits-n-video > h2 {
    order: 0;
  }
  .benefits-n-video > .video-diagramm {
    order: -1;
    margin: 0 auto 32px;
  }
  .benefits-n-video > .benefits-left {
    order: 1;
  }
  .benefits-n-video > .benefits-right {
    order: 2;
  }
  .benefits-n-video > .benefits-bottom {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .benefits-n-video .benefits-left, .benefits-n-video .benefits-right {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .benefits-n-video .benefit-card {
    align-items: flex-start;
    border-radius: 32px;
  }
  .benefits-n-video .benefit-card img {
    top: 16px;
    transform: none;
  }
}

.benefits-left {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 16px;
  position: absolute;
  left: 0;
  top: 100px;
  margin-left: 50px;
  z-index: 1;
}
.benefits-left .benefit-card:first-child, .benefits-left .benefit-card:last-child {
  margin-left: 32px;
}

.benefits-right {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 16px;
  position: absolute;
  top: 100px;
  right: 0;
  margin-right: 50px;
  z-index: 1;
}
.benefits-right .benefit-card {
  align-self: end;
}
.benefits-right .benefit-card:first-child, .benefits-right .benefit-card:last-child {
  margin-right: 32px;
}

.benefits-bottom {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 16px;
  position: absolute;
  bottom: -280px;
  left: calc(50% - 190px);
}
.benefits-bottom .benefit-card {
  margin: 0 auto;
}

.benefit-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 32px;
  max-width: 380px;
  min-height: 132px;
  padding: 20px 20px 20px 100px;
  border-radius: 1000px;
  border: 1px solid var(--blue-bg);
  background-color: var(--bg-main);
  cursor: pointer;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}
.benefit-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 80px;
  height: 80px;
  display: flex;
  background-color: var(--blue-bg);
  border-radius: 50%;
  transform: translate(-15%, -15%);
}
@media (max-width: 599.98px) {
  .benefit-card::before {
    display: none;
  }
}
.benefit-card img {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  width: 32px;
  height: 32px;
  object-fit: contain;
  align-self: flex-start;
}
.benefit-card .benefit-card-info {
  position: relative;
  z-index: 1;
  flex: 1;
}
.benefit-card p:last-of-type {
  margin: 0;
}
@media (min-width: 1000px) {
  .benefit-card:hover {
    border: 1px solid var(--blue-main);
    box-shadow: 0px 0px 15px var(--blue-main);
  }
}
@media (max-width: 999.98px) {
  .benefit-card {
    align-items: flex-start;
    min-height: 100%;
    border-radius: 32px;
  }
}
@media (max-width: 599.98px) {
  .benefit-card {
    min-height: 100px;
    padding: 20px 20px 20px 72px;
  }
}
@media (min-width: 1000px) {
  .benefit-card:has(input:checked) {
    border-color: var(--blue-main);
  }
  .benefit-card:has(input:checked) img {
    filter: brightness(0.3);
  }
  .benefit-card:has(input:checked)::before {
    background-color: var(--blue-main);
    transition: 0.25s ease-in-out;
  }
}

.for-buisness-offers {
  position: relative;
  background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.1) 15%, rgba(0, 234, 255, 0.1) 85%, rgba(0, 234, 255, 0) 100%), url("../src/images/mountains_1.webp");
  background-size: auto;
  background-position: 600px 100%;
  background-repeat: repeat-x;
}
@media (max-width: 1100px) {
  .for-buisness-offers {
    padding: 0;
    padding-bottom: 32px;
  }
}
@media (max-width: 519.98px) {
  .for-buisness-offers {
    padding-bottom: 92px;
  }
}
.for-buisness-offers.wide .blocks-wrapper {
  margin-right: 0;
}
.for-buisness-offers.wide .for-buisness-block {
  max-width: 470px;
}
@media (min-width: 1000px) {
  .for-buisness-offers.isMain {
    padding-top: 140px;
  }
}
.for-buisness-offers .blocks-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  max-width: fit-content;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  .for-buisness-offers .blocks-wrapper {
    justify-content: center;
    gap: 20px;
    margin-left: unset;
    margin-right: unset;
  }
}
@media (max-width: 519.98px) {
  .for-buisness-offers .blocks-wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.for-buisness-offers .blocks-wrapper .orb-bottom {
  position: absolute;
  top: -140px;
  left: -100px;
  width: 388px;
  height: auto;
  z-index: 3;
  pointer-events: none;
  user-select: none;
  transform: translate(-100%, 0);
}
@media (max-width: 1199.98px) {
  .for-buisness-offers .blocks-wrapper .orb-bottom {
    display: none;
  }
}
.for-buisness-offers .blocks-wrapper .orb-bottom img {
  width: 100%;
  opacity: 1;
}
@media (min-width: 1200px) {
  .for-buisness-offers .blocks-wrapper .orb-bottom img {
    transform: scale(-1, 1) rotate(-15deg);
    animation: baloon-right 8s cubic-bezier(0.37, 0, 0.63, 1) infinite;
  }
}
.for-buisness-offers .blocks-wrapper.slim {
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
}
@media (max-width: 1199.98px) {
  .for-buisness-offers .blocks-wrapper.slim {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 1000px) {
  .for-buisness-offers .blocks-wrapper.slim {
    margin: auto;
  }
}
@media (max-width: 999.98px) {
  .for-buisness-offers .blocks-wrapper.slim {
    gap: 32px;
    margin: 0 auto;
    padding-top: 20px;
  }
}
@media (max-width: 419.98px) {
  .for-buisness-offers .blocks-wrapper.slim {
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block {
    padding: 0;
    background-color: transparent;
    max-width: 330px;
    overflow: visible;
  }
}
.for-buisness-offers .blocks-wrapper.slim .for-buisness-block > p {
  color: var(--color-grey);
}
.for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
  display: block;
  font-weight: 600;
  font-size: 36px;
}
@media (max-width: 999.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
    font-size: 22px;
  }
}
.for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
  color: var(--blue-main);
  margin-bottom: 0.5em;
  text-wrap: nowrap;
}
.for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b::before {
  font-family: "INTRID_ICONS";
  content: "d";
  height: 76px;
  width: 76px;
  font-size: 76px;
  line-height: 76px;
  color: var(--blue-bg-icon);
  position: absolute;
  left: -80px;
  top: -16px;
}
@media (max-width: 419.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b::before {
    display: none;
  }
}
.for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b::after {
  content: "";
  position: absolute;
  top: 18px;
  left: -48px;
  height: 10px;
  width: 10px;
  background-color: var(--blue-main);
  clip-path: polygon(70% 0%, 100% 30%, 100% 70%, 70% 100%, 0 50%);
}
@media (max-width: 419.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b::after {
    display: none;
  }
}
@media (max-width: 999.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
    font-weight: 600;
    font-size: 24px;
  }
}
@media (max-width: 999.98px) and (max-width: 999.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (max-width: 575.98px) and (max-width: 999.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block > b {
    font-size: 16px;
  }
}
@media (max-width: 419.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block::before {
    display: none;
  }
}
.for-buisness-offers .blocks-wrapper.slim .for-buisness-block::after {
  left: -48px;
}
@media (max-width: 419.98px) {
  .for-buisness-offers .blocks-wrapper.slim .for-buisness-block::after {
    display: none;
  }
}
.for-buisness-block {
  background-color: transparent;
  border-radius: 10px;
  max-width: 330px;
  position: relative;
  height: fit-content;
}
@media (max-width: 1199.98px) {
  .for-buisness-block {
    padding: 20px 32px;
    background-color: var(--bg-main);
    max-width: 50%;
    overflow: hidden;
  }
}
@media (max-width: 519.98px) {
  .for-buisness-block {
    max-width: 100%;
  }
}
.for-buisness-block::before {
  content: "";
  position: absolute;
  height: 2px;
  top: 22px;
  left: -112px;
  width: 70px;
  background-color: var(--blue-main);
}
.for-buisness-block::after {
  content: "";
  position: absolute;
  top: 18px;
  left: -44px;
  height: 10px;
  width: 10px;
  background-color: var(--blue-main);
  clip-path: polygon(70% 0%, 100% 30%, 100% 70%, 70% 100%, 0 50%);
}
.for-buisness-block p.title_h3, .for-buisness-block b {
  text-wrap: nowrap;
  margin-bottom: 0.5em;
}
.for-buisness-block p.title_h3::before, .for-buisness-block b::before {
  font-family: "INTRID_ICONS";
  content: "d";
  height: 76px;
  width: 76px;
  font-size: 76px;
  line-height: 76px;
  color: var(--blue-bg-icon);
  position: absolute;
  left: -76px;
  top: -16px;
}
@media (max-width: 700px) {
  .for-buisness-block p.title_h3, .for-buisness-block b {
    font-size: 20px;
  }
}
@media (max-width: 1100px) {
  .for-buisness-block p.title_h3::before, .for-buisness-block b::before {
    left: -36px;
  }
}
.for-buisness-block .description {
  margin: 0;
}

.tech-we-use {
  position: relative;
  z-index: 1;
}
.tech-we-use.main {
  padding-bottom: 272px;
}
@media (max-width: 1199.98px) {
  .tech-we-use.main {
    padding-bottom: 100px;
  }
}
@media (max-width: 599.98px) {
  .tech-we-use.main {
    padding-bottom: 40px;
  }
}
.tech-we-use-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media (max-width: 519.98px) {
  .tech-we-use-list {
    column-gap: 12px;
    row-gap: 8px;
  }
}
.tech-we-use-list li {
  margin-bottom: unset;
}
.tech-we-use-list li .tech-tag {
  padding: 12px 24px;
  background-color: var(--blue-bg);
  border: 1px solid transparent;
  text-transform: none;
  justify-content: center;
  align-items: center;
  transform-origin: center;
  will-change: transform, opacity, box-shadow;
}
@media (min-width: 1000px) {
  .tech-we-use-list li .tech-tag:hover {
    color: var(--blue-main);
    border-color: var(--blue-main);
  }
}

.rating {
  display: flex;
  flex-direction: row;
  gap: 60px;
  margin-bottom: 32px;
}
@media (max-width: 1100px) {
  .rating {
    justify-content: space-around;
  }
}
@media (max-width: 519.98px) {
  .rating {
    justify-content: space-between;
    gap: 12px;
  }
}
.rating-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.rating-item img {
  width: 98px;
  height: auto;
}
.rating-item p {
  color: var(--color-white);
  opacity: 70%;
}

.clients-cases {
  position: relative;
  z-index: 1;
}
.clients-cases .blocks {
  margin-top: 52px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks {
    width: 100%;
    margin-top: 32px;
  }
}
.clients-cases .blocks .cases-tabs {
  display: flex;
  flex: 1 1 80%;
  flex-direction: row;
  border-radius: 40px;
  background-color: var(--bg-main);
  overflow: hidden;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks .cases-tabs {
    width: 100%;
    flex-direction: column;
    background-color: transparent;
    overflow: unset;
  }
}
.clients-cases .blocks .cases-tabs .cases-buttons {
  display: flex;
  flex-direction: column;
  flex: 1 1 30%;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks .cases-tabs .cases-buttons {
    display: none;
  }
}
@media (min-width: 900px) {
  .clients-cases .blocks .cases-tabs .cases-buttons:has(#cases-tab-1:checked) ~ .cases-content .tab-content:nth-child(1), .clients-cases .blocks .cases-tabs .cases-buttons:has(#cases-tab-2:checked) ~ .cases-content .tab-content:nth-child(2), .clients-cases .blocks .cases-tabs .cases-buttons:has(#cases-tab-3:checked) ~ .cases-content .tab-content:nth-child(3), .clients-cases .blocks .cases-tabs .cases-buttons:has(#cases-tab-4:checked) ~ .cases-content .tab-content:nth-child(4), .clients-cases .blocks .cases-tabs .cases-buttons:has(#cases-tab-5:checked) ~ .cases-content .tab-content:nth-child(5), .clients-cases .blocks .cases-tabs .cases-buttons:has(#cases-tab-6:checked) ~ .cases-content .tab-content:nth-child(6) {
    display: flex;
    animation: flex-appear 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
.clients-cases .blocks .cases-tabs .case-tab-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-height: 100px;
  height: fit-content;
  padding: 20px;
  background-color: var(--highlight-bg);
  color: var(--bg-main);
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.clients-cases .blocks .cases-tabs .case-tab-button:hover span.case-number {
  opacity: 1;
  transition: 0.25s ease-in-out;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks .cases-tabs .case-tab-button {
    width: 100%;
    min-height: 80px;
    padding: 12px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    justify-content: center;
  }
}
.clients-cases .blocks .cases-tabs .case-tab-button:not(:last-child) {
  border-bottom: 1px solid rgba(10, 10, 10, 0.25);
}
@media (min-width: 900px) {
  .clients-cases .blocks .cases-tabs .case-tab-button:has(input:checked) {
    background-color: var(--blue-tag);
    color: var(--color-white);
  }
}
.clients-cases .blocks .cases-tabs .case-tab-button:has(input:checked):hover span.case-number {
  opacity: 1;
}
.clients-cases .blocks .cases-tabs .case-tab-button:has(input:checked) span.case-number {
  opacity: 0.5;
  color: var(--color-white);
}
.clients-cases .blocks .cases-tabs .case-tab-button input {
  display: none;
}
.clients-cases .blocks .cases-tabs .case-tab-button img {
  width: 100px;
  height: 60px;
  object-fit: contain;
}
.clients-cases .blocks .cases-tabs .case-tab-button p {
  margin: 0;
}
.clients-cases .blocks .cases-tabs .case-tab-button p, .clients-cases .blocks .cases-tabs .case-tab-button span.text-unbreakable {
  font-size: 16px;
}
.clients-cases .blocks .cases-tabs .case-tab-button span.case-number {
  color: var(--bg-main);
  opacity: 25%;
  font-size: 14px;
  max-width: 1.4em;
  display: flex;
  justify-content: center;
  max-height: unset;
  transform: rotate(90deg);
  text-wrap: nowrap;
  transition: 0.25s ease-in-out;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks .cases-tabs .case-tab-button span.case-number {
    display: none;
  }
}
.clients-cases .blocks .cases-tabs .cases-content {
  display: flex;
  flex: 1 1 70%;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks .cases-tabs .cases-content {
    flex-direction: row;
    flex: unset;
    gap: 20px;
    touch-action: pan-y;
  }
}
.clients-cases .blocks .cases-tabs .cases-content .tab-content {
  display: none;
  flex-grow: 1;
  flex-direction: column;
}
@media (max-width: 899.98px) {
  .clients-cases .blocks .cases-tabs .cases-content .tab-content {
    display: flex;
    flex: 1 0 auto;
    width: 100%;
    background-color: var(--bg-main);
    border-radius: 24px;
    transition: opacity 0.25s ease-in-out;
  }
  .clients-cases .blocks .cases-tabs .cases-content .tab-content:not(.active) {
    opacity: 0;
  }
}
@media (min-width: 900px) {
  .clients-cases .blocks .cases-tabs .cases-content .tab-content .case-tab-button {
    display: none;
  }
}

.cases-counts {
  flex-basis: 20%;
  padding: 32px 44px 20px;
  border-radius: 40px;
  background-color: var(--bg-main);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  gap: 20px;
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
  backdrop-filter: brightness(50%);
}
.cases-counts:not(.lazyload) {
  background-image: url("../src/images/planet.webp");
}
@media (max-width: 1199.98px) {
  .cases-counts {
    display: none;
  }
}
.cases-counts-list {
  list-style-type: none;
}
.cases-counts-list li {
  margin: 20px 0;
}
.cases-counts-list li span {
  font-size: 36px;
  font-weight: 600;
}
.cases-counts img {
  margin: 0 auto;
  margin-top: auto;
  width: 100%;
}
.cases-counts .button-highlight {
  justify-self: end;
  width: 100%;
  justify-content: center;
}

.portfolio-slider {
  display: flex;
}

.sites-portfolio-slider {
  gap: 8px;
  display: flex;
  align-items: stretch;
}
.sites-portfolio-slider.logo-slider {
  min-height: unset;
  align-items: stretch;
}
.sites-portfolio-slider > *:not(.active) {
  opacity: 0;
}
.sites-reviews {
  position: relative;
}
.sites-reviews-slider {
  display: flex;
  gap: 32px;
  overflow-y: visible;
  width: fit-content;
}
@media (max-width: 899.98px) {
  .sites-reviews-slider {
    gap: 12px;
  }
}
@media (max-width: 599.98px) {
  .sites-reviews-slider {
    gap: 20px;
  }
}
.sites-reviews > .container {
  position: relative;
}
.sites-reviews .pagination {
  margin-bottom: 32px;
}
.sites-reviews .button-link.big {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(50%);
}
@media (max-width: 719.98px) {
  .sites-reviews .button-link.big {
    position: relative;
    bottom: unset;
    right: unset;
    margin-right: auto;
    margin-left: auto;
    transform: none;
  }
}

.store-integration ul {
  padding-left: 12px;
}
.store-integration ul li {
  padding-left: 12px;
  margin-bottom: 12px;
}
.store-integration ul li::marker {
  color: var(--blue-main);
  content: "•";
  margin-right: 12px;
}
.store-integration .flying-orb {
  top: 40px;
  bottom: unset;
}
.store-integration .flying-orb img {
  width: 282px;
  height: auto;
}
@media (max-width: 1199.98px) {
  .store-integration .flying-orb img {
    width: 212px;
    height: auto;
  }
}
@media (max-width: 899.98px) {
  .store-integration .flying-orb img {
    width: 152px;
    height: auto;
  }
}
@media (max-width: 1199.98px) {
  .store-integration .flying-orb {
    top: 90px;
  }
}
@media (max-width: 899.98px) {
  .store-integration .flying-orb {
    top: 140px;
  }
}
@media (max-width: 599.98px) {
  .store-integration .flying-orb {
    display: none;
  }
}
.store-integration-schema {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
  margin-top: 52px;
  margin-bottom: 32px;
}
@media (max-width: 899.98px) {
  .store-integration-schema {
    flex-wrap: wrap;
  }
  .store-integration-schema .block:nth-child(1),
  .store-integration-schema .block:nth-child(3) {
    flex: 1 1 48%;
  }
  .store-integration-schema .block:last-child {
    flex: 1 1 30%;
  }
  .store-integration-schema .separator:nth-child(4) {
    flex: 1 1 100%;
    margin: 20px 0px;
    min-height: 1px;
    background-color: var(--blue-clouds);
  }
  .store-integration-schema .block {
    flex: 1 1 0%;
  }
}
@media (max-width: 420px) {
  .store-integration-schema .block:nth-child(1),
  .store-integration-schema .block:nth-child(3),
  .store-integration-schema .block:last-child {
    flex: 1 1 90%;
  }
  .store-integration-schema .separator:nth-child(4),
  .store-integration-schema .separator:nth-child(2),
  .store-integration-schema .separator:nth-child(6) {
    flex: 1 1 100%;
    margin: 20px 0px;
    min-height: 1px;
    background-color: var(--blue-clouds);
  }
}
.store-integration-schema .separator {
  min-height: 120px;
  height: 100%;
  width: 1px;
  background-color: var(--blue-main);
}
.store-integration-schema .block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 599.98px) {
  .store-integration-schema .block {
    column-gap: 4px;
  }
}
.store-integration-schema .block .title_h5 {
  flex: 1 1 100%;
  margin: 0 auto;
}
.store-integration-schema .block .item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  text-align: center;
}
.store-integration-schema .block .item img {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}

#reset-options-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  font-size: 2em;
}
@media (max-width: 999.98px) {
  #reset-options-btn {
    font-size: 1.75em;
  }
}
@media (max-width: 599.98px) {
  #reset-options-btn {
    width: 40px;
    height: 40px;
  }
}
#reset-options-btn i {
  display: flex;
}

.calculator-calculator {
  width: 100%;
}
.calculator-calculator .accordion-item {
  height: unset;
}
.calculator-calculator .hidden {
  display: none !important;
}
.calculator-calculator:not(.show) {
  display: none !important;
  max-height: 0;
  opacity: 0;
}
.calculator-calculator:is(.show) {
  animation: fadeInUp 0.6s ease forwards;
}
.calculator-list {
  padding-left: 32px;
}
.calculator-list li {
  padding-left: 12px;
  margin-bottom: 12px;
}
.calculator-list li::marker {
  content: "•";
  color: var(--blue-main);
}
.calculator-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 100%;
  transition: min-height 0.6s ease-in-out;
}
@media (min-width: 1000px) {
  .calculator-wrapper #choose_your_way {
    min-height: 300px;
  }
  .calculator-wrapper #choose_your_way > .left > .card--outline, .calculator-wrapper #choose_your_way > .right > .card--outline {
    min-height: 300px;
  }
}

#calculator-creation:is(.show),
#tech-creation-wrapper:is(.show) {
  animation: fadeInUpForm 0.6s ease forwards;
  transform-origin: center bottom;
}
#calculator-creation:not(.show),
#tech-creation-wrapper:not(.show) {
  display: none;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.logo-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1399.98px) {
  .logo-preview-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 999.98px) {
  .logo-preview-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 799.98px) {
  .logo-preview-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599.98px) {
  .logo-preview-grid {
    grid-template-columns: 1fr;
  }
}
.logo-preview-grid-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.logo-preview-grid-item .img-wrapper {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-white);
  padding: 20px 32px;
  border-radius: 16px;
}
.logo-preview-grid-item .img-wrapper img {
  width: auto;
  height: auto;
  max-height: 160px;
  max-width: 100%;
}

.total {
  display: flex;
  width: 100%;
  max-height: 100%;
  padding: 0;
  background-color: var(--bg-main);
  transition: 0.6s ease;
  transition-delay: 0.25s;
}
.total:not(.active) {
  max-height: 240px;
}
@media (max-width: 999.98px) {
  .total:not(.active) {
    max-height: 212px;
  }
}
@media (max-width: 519.98px) {
  .total:not(.active) {
    max-height: 176px;
  }
}
.total.active {
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%) var(--blue-light-bg);
}
.total.active .total-top {
  position: absolute;
  height: auto;
  transform: translateY(-100%);
}
.total.active .total-bottom {
  position: relative;
  transform: translateY(0);
}
@media (max-width: 999.98px) {
  .total:is(#calculator-total) .total-top {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
    padding-top: 12px;
  }
  .total:is(#calculator-total) .total-top .total-title {
    flex: 1 0 auto;
    width: 100%;
  }
}
@media (max-width: 999.98px) {
  .total:is(#calculator-total) .total-top .total-content .total-body {
    flex: unset;
    width: auto;
    margin: 0;
  }
}
.total-close {
  position: absolute;
  top: 20px;
  left: 12px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  width: 40px;
  height: 40px;
  font-size: 15px;
  line-height: 15px;
  padding: 12px;
  aspect-ratio: 1/1;
  background-color: unset;
  color: currentColor;
  border: none;
  box-shadow: unset;
}
.total-close:hover, .total-close:focus, .total-close:active, .total-close.nice-select.open, .total-close.active {
  background-color: unset;
  color: currentColor;
  border: none;
  box-shadow: unset;
}
.total-close::before {
  content: "m";
  display: flex;
  font-family: "INTRID_ICONS" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  font-size: 20px;
  text-transform: none !important;
  transform-origin: center;
  transform: rotate(180deg);
}
.total-title {
  padding: 0;
  transition: 0.6s ease;
}
.total-top, .total-bottom {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1 0 auto;
  padding: 20px 16px;
  transform: translateY(0);
  transition: 0.6s ease;
}
.total-top {
  position: relative;
  transform: translateY(0);
}
.total-bottom {
  position: absolute;
  transform: translateY(100%);
}
.total-bottom .total-title {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .total-bottom .total-title {
    font-size: 18px;
  }
}
.total-bottom .total-title {
  margin-block-end: 1em;
  order: -1;
}
@media (max-width: 999.98px) {
  .total-bottom .total-title {
    padding-top: 16px;
  }
}

.form-popup form .form-limitter {
  max-width: 900px;
  padding: 16px;
  border-radius: 24px;
  background-color: var(--blue-tag);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-popup form .form-limitter .testimonials {
  width: 90%;
}
.form-popup form .form-limitter .testimonials > a:hover {
  text-decoration: none;
}
.form-popup form .form-limitter textarea {
  min-height: 64px;
  width: 100%;
  background-color: transparent;
  padding: 12px 24px;
  border-radius: 24px;
  border: 1px solid var(--color-white);
  resize: none;
  color: var(--color-white);
}
.form-popup form .form-limitter textarea:focus {
  border: 1px dashed var(--color-white);
  outline: none;
}
.form-popup form .form-limitter textarea::placeholder {
  color: var(--color-grey);
}

.tech-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px 20px;
  width: 100%;
  margin-top: 52px;
  padding: 0;
}
@media (max-width: 899.98px) {
  .tech-list {
    justify-content: flex-start;
    gap: 40px 20px;
    margin-top: 32px;
  }
}
@media (max-width: 539.98px) {
  .tech-list {
    gap: 20px;
  }
}
.tech-list > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-basis: calc(25% - 16px);
  max-width: 25%;
}
@media (max-width: 1199.98px) {
  .tech-list > li {
    flex-basis: calc(33.33333% - 14px);
    max-width: 33%;
  }
}
@media (max-width: 899.98px) {
  .tech-list > li {
    flex-basis: calc(50% - 10px);
    max-width: 50%;
  }
}
@media (max-width: 539.98px) {
  .tech-list > li {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.tech-list > li > p {
  max-width: 360px;
}
@media (max-width: 539.98px) {
  .tech-list > li > p {
    max-width: 100%;
  }
}
.tech-list > li > img,
.tech-list > li i {
  font-size: 32px;
  line-height: 32px;
  color: var(--blue-main);
  height: 32px;
  width: 32px;
  object-fit: contain;
  object-position: center;
}
.tech-list.slim {
  margin: 0;
  padding: 0;
}
.tech-list.slim > li {
  align-items: flex-start;
  flex-basis: calc(50% - 10px);
  max-width: calc(50% - 10px);
  margin: 0;
}
@media (max-width: 1199.98px) {
  .tech-list.slim > li {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 899.98px) {
  .tech-list.slim > li {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 539.98px) {
  .tech-list.slim > li {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.support-slider {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

#support-slider-pagination {
  display: none;
}
@media (max-width: 1199.98px) {
  #support-slider-pagination {
    display: flex;
  }
}

.integrations-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.integrations-list > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex: 0 1 80px;
  text-align: center;
}
.integrations-list > .item > img, .integrations-list > .item > picture, .integrations-list > .item > image, .integrations-list > .item > source {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}

.tenders-keys--list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
  margin: 52px auto 0;
}
.tenders-keys--list > * {
  flex: 1 0 calc(50% - 8px);
  max-width: calc(50% - 8px);
}
@media (max-width: 1199.98px) {
  .tenders-keys--list > * {
    flex: 1 0 auto;
    max-width: 100%;
  }
}
.tenders-keys--list.slim {
  width: 100%;
  margin: 0;
}
.tenders-keys--list.slim > * {
  flex: 1 0 auto;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .tenders-keys--list.slim > * {
    flex: 1 0 auto;
    max-width: 100%;
  }
}
.tenders-keys--list.slim + .pagination {
  margin-top: 16px;
}
@media (min-width: 1480px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: 10px !important;
  }
}
@media (min-width: 1500px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: 10px !important;
  }
}
@media (min-width: 1550px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: 10px !important;
  }
}
@media (min-width: 1600px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--prev-btn {
    left: 10px !important;
  }
}
@media (min-width: 1480px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: 10px !important;
  }
}
@media (min-width: 1500px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: 10px !important;
  }
}
@media (min-width: 1550px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: 10px !important;
  }
}
@media (min-width: 1600px) {
  .tenders-keys--list.slim + .pagination:not([id=gallery-pagination]) .pagination--next-btn {
    right: 10px !important;
  }
}

#tenders-keys-pagination {
  display: flex;
}

#tenders-slider-pagination {
  display: none;
}
@media (max-width: 1199.98px) {
  #tenders-slider-pagination {
    display: flex;
  }
}

.portfolio:is(.main-section) {
  display: block;
}
.portfolio .nav-tabs {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@supports (-moz-appearance: none) {
  .portfolio .nav-tabs {
    scrollbar-color: var(--blue-main) var(--bg-main);
    scrollbar-width: thin;
  }
}
.portfolio .nav-tabs::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.portfolio .nav-tabs::-webkit-scrollbar-track {
  background: var(--bg-main);
  border-radius: 8px;
}
.portfolio .nav-tabs::-webkit-scrollbar-thumb {
  background: var(--blue-main);
  border-radius: 8px;
}
@media (max-width: 999.98px) {
  .portfolio .nav-tabs {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding: 16px 40px 0;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
    overflow-x: auto;
    overflow-y: clip;
  }
}
@media (max-width: 599.98px) {
  .portfolio .nav-tabs {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 20px;
  }
}
@media (max-width: 439.98px) {
  .portfolio .nav-tabs {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 10px;
  }
}
.portfolio .nav-tabs--buttons {
  gap: 16px;
  width: 100%;
  flex-wrap: nowrap;
}
@media (max-width: 1199.98px) {
  .portfolio .nav-tabs--buttons {
    gap: 8px;
  }
}
@media (max-width: 999.98px) {
  .portfolio .nav-tabs--buttons {
    width: 100%;
    min-width: fit-content;
  }
}
@media (max-width: 599.98px) {
  .portfolio .nav-tabs--buttons {
    gap: 0;
  }
}
.portfolio .nav-tabs--buttons > * {
  flex: 1;
  width: 100%;
}
@media (max-width: 999.98px) {
  .portfolio .nav-tabs--buttons > * {
    flex: 1 1 0%;
    min-width: 200px;
    max-width: unset;
  }
}
@media (max-width: 599.98px) {
  .portfolio .nav-tabs--buttons > * {
    min-width: 150px;
  }
}
.portfolio-keys .slider-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.portfolio-keys .pagination {
  margin: 0;
}
.portfolio-keys > .container > .button-link {
  margin: 32px 0 0 auto;
}
@media (max-width: 1199.98px) {
  .portfolio-keys > .container > .button-link {
    margin: 16px 0 0 auto;
  }
}
@media (max-width: 599.98px) {
  .portfolio-keys > .container > .button-link {
    margin: 16px auto 0 auto;
  }
}
.portfolio-count {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 12px;
}
@media (max-width: 899.98px) {
  .portfolio-count {
    flex-direction: column;
  }
}
.portfolio-count.expanded {
  flex-direction: row;
  justify-content: center;
}
.portfolio-count.expanded > div {
  flex-wrap: nowrap;
}
.portfolio-count.expanded > div .large-number {
  white-space: nowrap;
}
@media (max-width: 480px) {
  .portfolio-count.expanded > div .large-number {
    font-size: 52px;
  }
}
.portfolio-count.expanded > p {
  flex: 1;
}
@media (max-width: 599.98px) {
  .portfolio-count.expanded > p {
    text-align: center;
  }
}
.portfolio-count > div {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  row-gap: 12px;
}
.portfolio-count .large-number {
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
  color: var(--blue-main);
}
.portfolio-count .title_h4 {
  margin: auto 0 0 12px;
}
@media (max-width: 799.98px) {
  .portfolio-count .title_h4 {
    margin: 0 auto;
  }
}
.portfolio-count img {
  height: 70px;
  width: auto;
  user-select: none;
  pointer-events: none;
}
.portfolio-count img.olive-right {
  transform: scaleX(-1);
}
.portfolio-count::before {
  position: absolute;
  top: 40px;
  left: 90px;
  z-index: 0;
  content: "";
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 2px var(--blue-clouds);
}
.portfolio-count-number {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  white-space: nowrap;
}
.portfolio-count-number::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  content: "";
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 2px var(--blue-clouds);
  transform: translate(-50%, -50%);
}
.portfolio-count-number > b {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
  color: var(--blue-main);
}
.portfolio-count-number > b::before, .portfolio-count-number > b::after {
  content: url("/src/images/olive-left.webp");
  display: flex;
  width: 100%;
  max-width: 48px;
  flex: 0 0 48px;
  height: 60px;
  background-image: url("/src/images/olive-left.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.portfolio-count-number > b::after {
  transform: scaleX(-1);
}
.portfolio-block {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 52px 0;
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgb(10, 10, 10) 82%, rgba(10, 10, 10, 0.8) 91%, rgba(10, 10, 10, 0.6) 96%, rgba(10, 10, 10, 0) 100%);
  border-top: 1px solid var(--blue-main);
  transform-origin: top center;
  transition: 0.25s ease-in-out;
}
.portfolio-block.show {
  animation: burgerAppear 0.5s ease-in-out;
}
@media (max-width: 999.98px) {
  .portfolio-block {
    position: relative;
    z-index: -1;
    gap: 8px;
    padding: 32px 0 0 0;
    overflow: hidden;
  }
}
.portfolio-block:is([data-pjax-container]) {
  display: block !important;
}
@media (max-width: 999.98px) {
  .portfolio-block:is([data-pjax-container])#porfolio-body-content .pagination-panel {
    display: none;
  }
}
@media (max-width: 999.98px) {
  .portfolio-block > .container:not(.card-key-area) {
    margin: 0 !important;
  }
}
.portfolio-block__cards {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1000px) {
  .portfolio-block__cards {
    border-radius: 30px;
  }
}
.portfolio-block__cards > * {
  flex: 1 0 calc(33.333333% - 3px);
  max-width: calc(33.333333% - 3px);
  border-radius: 0;
}
@media (max-width: 999.98px) {
  .portfolio-block__cards > * {
    flex: 1 0 calc(50% - 3px);
    max-width: calc(50% - 3px);
  }
}
@media (max-width: 599.98px) {
  .portfolio-block__cards > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.portfolio-block__cards.logos > * {
  flex: 1 0 calc(25% - 3px);
  max-width: calc(25% - 3px);
}
@media (max-width: 1199.98px) {
  .portfolio-block__cards.logos > * {
    flex: 1 0 calc(33.333333% - 3px);
    max-width: calc(33.333333% - 3px);
  }
}
@media (max-width: 899.98px) {
  .portfolio-block__cards.logos > * {
    flex: 1 0 calc(50% - 3px);
    max-width: calc(50% - 3px);
  }
}
@media (max-width: 599.98px) {
  .portfolio-block__cards.logos > * {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.portfolio-block__cards--slider {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.35s ease;
  will-change: transform;
  overflow: visible;
}
.portfolio-block__cards--slider > * {
  flex: unset;
  max-width: unset;
  flex-shrink: 0;
  box-sizing: border-box;
}
.portfolio-block__cards--slider > * .card-header {
  position: relative;
  z-index: 2;
}
.portfolio-block__cards--slider > * > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 200%;
  background-image: var(--portfolio-bg);
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  filter: blur(8px);
  opacity: 0.5;
}
.portfolio-block__cards--slider > * .card-body {
  border: none;
  background-color: rgba(5, 7, 12, 0.5);
}
.portfolio-block__cards--slider > *:not(.active) {
  opacity: 0;
}
.portfolio-block__cards--slider > * .portfolio-site {
  aspect-ratio: 21/10.5;
  object-fit: cover;
  object-position: top center;
}
.portfolio-block--buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 999.98px) {
  .portfolio-block--buttons {
    gap: 4px;
  }
}
@media (max-width: 599.98px) {
  .portfolio-block--buttons {
    gap: 0;
  }
}
.portfolio-slider-counter {
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 999.98px) {
  .portfolio-slider-controls .portfolio-slider-prev, .portfolio-slider-controls .portfolio-slider-next {
    display: none !important;
  }
}
.portfolio .hasKeys .keysUrl {
  display: inline;
}
@media (max-width: 999.98px) {
  .portfolio .hasKeys .keysUrl {
    display: none;
  }
}
@media (min-width: 1000px) {
  .portfolio .card-key-area {
    display: none;
  }
}

.seo-table {
  display: flex;
  background-color: var(--bg-main);
  border-radius: 24px;
  max-height: 648px;
  border: 1px solid var(--blue-bg);
  overflow: hidden;
}
.seo-table::-webkit-scrollbar {
  width: 12px;
  padding-right: 4px;
  background-color: transparent;
}
.seo-table::-webkit-scrollbar-button {
  display: none;
}
.seo-table::-webkit-scrollbar-track {
  background-color: transparent;
}
.seo-table::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  background-color: var(--color-white);
  background-clip: content-box;
}
.seo-table .info-panel {
  padding: 32px 20px;
  position: sticky;
  top: 0;
  width: 320px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 899.98px) {
  .seo-table .info-panel {
    width: 100%;
  }
}
.seo-table .info-panel-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.seo-table .info-panel-header > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.seo-table .info-panel-header > img {
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 5em;
  max-height: 2.5em;
  min-width: 80px;
  min-height: 52px;
  object-fit: contain;
  user-select: none;
}
.seo-table .info-panel-header > a {
  white-space: nowrap;
}
.seo-table .info-panel .info-list {
  margin: 0 auto;
  margin-top: 32px;
}
.seo-table .info-panel .info-list li {
  display: grid;
  row-gap: 4px;
  column-gap: 20px;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: repeat(2, 1fr);
  margin-bottom: 20px;
}
.seo-table .info-panel .info-list li i,
.seo-table .info-panel .info-list li img {
  grid-area: 1/1/3/2;
  width: 40px;
  height: 40px;
  color: var(--blue-main);
  line-height: 40px;
  font-size: 40px;
  margin: auto;
}
.seo-table .table-wrapper {
  flex: 1 1 80%;
  overflow-x: hidden;
  overflow-y: auto;
}
.seo-table .table-wrapper::-webkit-scrollbar {
  width: 12px;
  padding-right: 4px;
  background-color: transparent;
}
.seo-table .table-wrapper::-webkit-scrollbar-button {
  display: none;
}
.seo-table .table-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}
.seo-table .table-wrapper::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  background-color: var(--color-white);
  background-clip: content-box;
}
@media (max-width: 899.98px) {
  .seo-table {
    flex-direction: column;
    max-height: unset;
    overflow: hidden;
    max-height: unset;
  }
  .seo-table .info-panel {
    position: static;
  }
}
@media (max-width: 899.98px) and (min-width: 900px) {
  .seo-table .info-panel .info-list {
    margin-left: 52px;
  }
}
@media (max-width: 899.98px) {
  .seo-table .table-wrapper {
    height: 500px;
    max-height: 500px;
    overflow-y: scroll;
  }
  .seo-table .table-wrapper::-webkit-scrollbar {
    width: 12px;
    padding-right: 4px;
    background-color: transparent;
  }
  .seo-table .table-wrapper::-webkit-scrollbar-button {
    display: none;
  }
  .seo-table .table-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .seo-table .table-wrapper::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: var(--color-white);
    background-clip: content-box;
  }
}

/* Unified portfolio/SEO cards */
.card--group .card-footer {
  align-items: center;
}
.card--group .button-link--icon {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
}
.card--group .card-footer__chevron i {
  display: inline-flex;
  transform: rotate(90deg);
}

.seo-table__toggle-button i {
  display: inline-flex;
  transform: rotate(90deg);
}

.portfolio-seo-card {
  align-items: stretch;
  gap: 0;
  background-color: transparent;
  border: 0;
  border-radius: 24px;
  max-height: 648px;
  overflow: hidden;
}
.portfolio-seo-card .info-panel {
  flex: 0 0 360px;
  width: 360px;
  padding: 24px 36px;
  position: sticky;
  top: 0;
  background-color: var(--bg-main);
  border: 1px solid var(--blue-bg);
  border-radius: 24px 0 0 24px;
  overflow: hidden;
}
.portfolio-seo-card .info-panel .info-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
}
.portfolio-seo-card .info-panel .info-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 2em;
  height: 4em;
  margin: 0;
}
.portfolio-seo-card .info-panel .info-list li i,
.portfolio-seo-card .info-panel .info-list li img {
  display: flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin: 0;
  object-fit: contain;
  color: var(--blue-main);
  font-size: 32px;
  line-height: 1;
}
.portfolio-seo-card .info-panel .info-list li p {
  margin: 0;
}
.portfolio-seo-card .info-panel .info-list li b {
  margin-left: auto;
  padding: 10px;
  background-color: #031618;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
}
.portfolio-seo-card .seo-table__actions {
  order: 6;
  display: none;
  margin-top: auto;
  padding-top: 16px;
}
.portfolio-seo-card .seo-table__toggle-button {
  user-select: none;
}
.portfolio-seo-card .table-wrapper {
  flex: 1 1 auto;
  background-color: var(--bg-main);
  border: 1px solid var(--blue-bg);
  border-left: 0;
  border-radius: 0 24px 24px 0;
}
@media (min-width: 900px) {
  .portfolio-seo-card {
    background-color: var(--bg-main);
    border: 1px solid var(--blue-bg);
  }
  .portfolio-seo-card .info-panel {
    border: 0;
  }
}

@media (min-width: 1000px) {
  .portfolio-seo-card .info-panel:hover {
    z-index: 2;
  }
}
@media (max-width: 899.98px) {
  .portfolio-seo-card {
    display: flex;
    flex-direction: column;
    max-height: unset;
    overflow: visible;
  }
  .portfolio-seo-card.table-is-open .info-panel {
    border-radius: 24px 24px 0 0;
  }
  .portfolio-seo-card .info-panel {
    position: static;
    flex: 0 0 auto;
    width: 100%;
    padding: 24px 20px;
    border-radius: 24px;
  }
  .portfolio-seo-card .seo-table__actions {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .portfolio-seo-card .table-wrapper {
    height: auto;
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0 0 24px 24px;
    transition: max-height 0.35s ease-in-out, margin-top 0.35s ease-in-out, border-width 0.35s ease-in-out, opacity 0.35s ease-in-out;
  }
  .portfolio-seo-card .seo-table__toggle:checked ~ .table-wrapper {
    height: 75vh;
    max-height: 500px;
    margin-top: -12px;
    opacity: 1;
    overflow-y: auto;
    border: 1px solid var(--blue-bg);
    border-top: 0;
  }
  .portfolio-seo-card .seo-table__toggle:checked ~ .info-panel .seo-table__toggle-button i {
    transform: rotate(-90deg);
  }
}
.seo-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 52px;
}
.seo-wrapper--slider {
  flex-direction: row;
  gap: 24px;
  transition: transform 0.35s ease-in-out;
  will-change: transform;
  cursor: grab;
}
.seo-wrapper--slider:active, .seo-wrapper--slider.nice-select.open {
  cursor: grabbing;
}
.seo-wrapper--slider .portfolio-seo-card {
  flex-shrink: 0;
}

.portfolio-seo-slider-controls {
  position: relative;
}
.portfolio-seo-slider-controls .portfolio-slider-prev,
.portfolio-seo-slider-controls .portfolio-slider-next {
  display: none;
}
@media (max-width: 899.98px) {
  .portfolio-seo-slider-controls .portfolio-slider-prev,
  .portfolio-seo-slider-controls .portfolio-slider-next {
    position: absolute;
    display: flex;
    padding: 5px;
    border-radius: 50%;
    background: rgba(8, 37, 60, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--blue-main);
    outline-offset: 4px;
    text-decoration: none !important;
  }
  .portfolio-seo-slider-controls .portfolio-slider-prev,
  .portfolio-seo-slider-controls .portfolio-slider-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(8, 37, 60, 0.35);
    color: var(--blue-main);
    transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
  }
}
@media (max-width: 899.98px) and (min-width: 1000px) {
  .portfolio-seo-slider-controls .portfolio-slider-prev:hover,
  .portfolio-seo-slider-controls .portfolio-slider-next:hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--color-white);
    border: 1px solid var(--color-white);
  }
}
@media (max-width: 899.98px) {
  .portfolio-seo-slider-controls .portfolio-slider-prev i,
  .portfolio-seo-slider-controls .portfolio-slider-next i {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    text-decoration: none;
  }
}
@media (max-width: 899.98px) and (max-width: 999.98px) {
  .portfolio-seo-slider-controls .portfolio-slider-prev,
  .portfolio-seo-slider-controls .portfolio-slider-next {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 899.98px) and (min-width: 1000px) {
  .portfolio-seo-slider-controls .portfolio-slider-prev:hover,
  .portfolio-seo-slider-controls .portfolio-slider-next:hover {
    border-color: var(--blue-main);
    background-color: rgba(26, 123, 255, 0.3);
    box-shadow: 0 0 18px rgba(33, 159, 255, 0.45);
    color: var(--color-white);
  }
}
@media (max-width: 899.98px) {
  .portfolio-seo-slider-controls .portfolio-slider-prev i, .portfolio-seo-slider-controls .portfolio-slider-prev svg,
  .portfolio-seo-slider-controls .portfolio-slider-next i,
  .portfolio-seo-slider-controls .portfolio-slider-next svg {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    text-decoration: none;
  }
  .portfolio-seo-slider-controls .portfolio-slider-prev svg,
  .portfolio-seo-slider-controls .portfolio-slider-next svg {
    display: flex;
  }
  .portfolio-seo-slider-controls .portfolio-slider-prev i,
  .portfolio-seo-slider-controls .portfolio-slider-next i {
    display: inline-flex;
  }
  .portfolio-seo-slider-controls .portfolio-slider-prev {
    left: 0;
    transform: translateX(-50%);
  }
  .portfolio-seo-slider-controls .portfolio-slider-next {
    right: 0;
    transform: translateX(50%);
  }
}

@media (min-width: 900px) {
  .seo-wrapper {
    transform: none !important;
  }
  .seo-wrapper .portfolio-seo-card {
    opacity: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    pointer-events: auto !important;
  }
  .portfolio-seo-slider-controls {
    display: none !important;
  }
}
.lost-profit-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.lost-profit-form {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.lost-profit-result {
  display: block;
}

.lost-profit-empty {
  padding: 40px 16px;
  border: 1px dashed rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  color: var(--color-grey);
}

.lost-profit-empty .title_h4 {
  margin: 0 0 8px;
  color: var(--color-white);
}

.lost-profit-empty p:last-child {
  margin: 0;
}

.lost-profit-result__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 24px;
  align-items: stretch;
}

.lost-profit-result__main,
.lost-profit-result__total,
.lost-profit-result__cta {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
}

.lost-profit-result__main {
  padding: 20px;
}

.lost-profit-result__row {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  margin-top: 16px;
}

.lost-profit-result__metric {
  text-align: center;
}

.lost-profit-result__metric span,
.lost-profit-result__total span {
  display: block;
  margin-bottom: 6px;
  color: var(--color-grey);
  font-size: 14px;
}

.lost-profit-result__metric b {
  color: var(--color-white);
  font-size: 24px;
  line-height: 1.2;
}

.lost-profit-result__divider {
  width: 1px;
  height: 56px;
  background: rgba(255, 255, 255, 0.24);
  transform: skewX(-16deg);
}

.lost-profit-result__formula {
  margin: 16px 0 0;
  color: var(--color-grey);
  font-size: 14px;
}

.lost-profit-result__total {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  text-align: center;
}

.lost-profit-result__total b {
  color: var(--blue-main);
  font-size: clamp(24px, 4vw, 32px);
  line-height: 1.15;
}

.lost-profit-result__cta {
  grid-column: 1/-1;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-color: rgba(0, 234, 255, 0.22);
}

.lost-profit-result__cta p:last-child {
  margin-top: 6px;
  color: var(--color-grey);
}

.lost-profit-result__cta .button-highlight {
  flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
  .lost-profit-result__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 599.98px) {
  .lost-profit-form {
    padding-bottom: 20px;
  }
  .lost-profit-result__row,
  .lost-profit-result__cta {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }
  .lost-profit-result__divider {
    width: 100%;
    height: 1px;
    transform: none;
  }
  .lost-profit-result__cta {
    text-align: center;
  }
}
.lost-profit-result__query {
  margin: 8px 0 0;
  color: var(--color-grey);
}

.lost-profit-result__content--empty {
  grid-template-columns: 1fr;
}

.lost-profit-result__not-found {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lost-profit-result__not-found p:last-child {
  color: var(--color-grey);
}

@media (max-width: 999.98px) {
  .reviews {
    background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.35) 15%, rgba(0, 234, 255, 0.35) 85%, rgba(0, 234, 255, 0) 100%);
  }
}

.reviews__inner,
.blogs__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.reviews__buttons,
.blogs__buttons {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 999.98px) {
  .reviews__buttons,
  .blogs__buttons {
    gap: 8px;
  }
}
@media (max-width: 599.98px) {
  .reviews__buttons,
  .blogs__buttons {
    gap: 0;
  }
}
.reviews__buttons > *,
.blogs__buttons > * {
  flex: 1;
}
.reviews__button,
.blogs__button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: -1px;
  padding: 16px;
  background-color: var(--blue-bg);
  border-top: 2px solid var(--blue-clouds);
  border-bottom: 1px solid var(--blue-main);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  will-change: transform;
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .reviews__button,
  .blogs__button {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-height: unset;
    padding: 8px 4px;
    border-radius: 16px 16px 0 0;
    text-align: center;
    transform-origin: center;
  }
}
@media (max-width: 599.98px) {
  .reviews__button,
  .blogs__button {
    gap: 4px;
    padding: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center;
  }
}
@media (min-width: 1000px) {
  .reviews__button:hover,
  .blogs__button:hover {
    background: color-mix(in srgb, var(--blue-main) 15%, transparent);
  }
}
@media (max-width: 999.98px) {
  .reviews__button:hover img,
  .blogs__button:hover img {
    filter: unset;
  }
}
.reviews__button img,
.blogs__button img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 999.98px) {
  .reviews__button img,
  .blogs__button img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 599.98px) {
  .reviews__button img,
  .blogs__button img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 999.98px) {
  .reviews__button > span:not(.tab-header, .tab-button-content),
  .blogs__button > span:not(.tab-header, .tab-button-content) {
    text-wrap: balance;
  }
}
.reviews__button:has(:checked), .reviews__button.active,
.blogs__button:has(:checked),
.blogs__button.active {
  border-top-color: var(--blue-main);
  border-bottom-color: var(--bg-main);
}
@media (max-width: 999.98px) {
  .reviews__button:has(:checked), .reviews__button.active,
  .blogs__button:has(:checked),
  .blogs__button.active {
    color: var(--blue-main);
    background-color: var(--bg-main);
  }
}
.reviews__button:has(:checked) img, .reviews__button.active img,
.blogs__button:has(:checked) img,
.blogs__button.active img {
  filter: invert(1) grayscale(1) brightness(0);
}
@media (max-width: 999.98px) {
  .reviews__button:has(:checked) img, .reviews__button.active img,
  .blogs__button:has(:checked) img,
  .blogs__button.active img {
    filter: unset;
  }
}
@media (min-width: 1000px) {
  .reviews__button:has(:checked), .reviews__button.active,
  .blogs__button:has(:checked),
  .blogs__button.active {
    background-color: var(--bg-main);
    border-top: 2px solid var(--blue-main);
    color: var(--color-white);
  }
  .reviews__button:has(:checked) img, .reviews__button.active img,
  .blogs__button:has(:checked) img,
  .blogs__button.active img {
    filter: invert(0) grayscale(0) brightness(1);
  }
}
.reviews__button input,
.blogs__button input {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.reviews__button,
.blogs__button {
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .reviews__button,
  .blogs__button {
    justify-content: flex-start;
  }
}
.reviews__button i,
.blogs__button i {
  display: flex;
  font-size: 32px;
  color: var(--color-white);
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .reviews__button i,
  .blogs__button i {
    font-size: 32px;
  }
}
@media (max-width: 599.98px) {
  .reviews__button i,
  .blogs__button i {
    font-size: 32px;
  }
}
.reviews__button img,
.blogs__button img {
  display: flex;
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: invert(1) grayscale(1) brightness(5);
  transition: 0.25s ease-in-out;
}
@media (max-width: 999.98px) {
  .reviews__button img,
  .blogs__button img {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 599.98px) {
  .reviews__button img,
  .blogs__button img {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 999.98px) {
  .reviews__button:hover i,
  .blogs__button:hover i {
    color: var(--blue-main);
  }
}
@media (max-width: 999.98px) {
  .reviews__button:hover img,
  .blogs__button:hover img {
    filter: unset;
  }
}
.reviews__button:has(:checked) img, .reviews__button.active img,
.blogs__button:has(:checked) img,
.blogs__button.active img {
  filter: invert(1) grayscale(1) brightness(0);
}
@media (max-width: 999.98px) {
  .reviews__button:has(:checked) img, .reviews__button.active img,
  .blogs__button:has(:checked) img,
  .blogs__button.active img {
    filter: unset;
  }
}
.reviews__button:has(:checked) i, .reviews__button.active i,
.blogs__button:has(:checked) i,
.blogs__button.active i {
  color: var(--blue-main);
}
@media (min-width: 1000px) {
  .reviews__button:has(:checked), .reviews__button.active,
  .blogs__button:has(:checked),
  .blogs__button.active {
    background-color: var(--bg-main);
    border-top: 2px solid var(--blue-main);
    color: var(--color-white);
  }
  .reviews__button:has(:checked) img, .reviews__button.active img,
  .blogs__button:has(:checked) img,
  .blogs__button.active img {
    filter: invert(0) grayscale(0) brightness(1);
  }
}
.reviews__wrapper,
.blogs__wrapper {
  width: 100%;
  background: rgb(10, 10, 10);
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgb(10, 10, 10) 82%, rgba(10, 10, 10, 0.8) 91%, rgba(10, 10, 10, 0.6) 96%, rgba(10, 10, 10, 0) 100%);
  border-top: 1px solid var(--blue-main);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
  padding: 32px 0;
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgb(10, 10, 10) 82%, rgba(10, 10, 10, 0.8) 91%, rgba(10, 10, 10, 0.6) 96%, rgba(10, 10, 10, 0) 100%);
  transition: 0.25s ease-in-out;
}
.reviews__layout,
.blogs__layout {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
}
@media (max-width: 999.98px) {
  .reviews__layout,
  .blogs__layout {
    flex-direction: column;
    align-items: center;
    flex-wrap: unset;
    gap: 30px;
  }
}
@media (min-width: 1000px) {
  .reviews__layout > .reviews__rates,
  .blogs__layout > .reviews__rates {
    max-width: 240px;
    flex: 0 0 33%;
    padding-bottom: 100px;
  }
}
.reviews__layout > .reviews__container,
.blogs__layout > .reviews__container {
  flex: 1;
  max-width: 100%;
}
.reviews__rates,
.blogs__rates {
  position: sticky;
  top: 80px;
  width: 100%;
  max-width: 238px;
}
@media (max-width: 999.98px) {
  .reviews__rates,
  .blogs__rates {
    position: relative;
    top: unset;
  }
}
.reviews__rates > p,
.blogs__rates > p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.reviews__rates-container,
.blogs__rates-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.reviews__rates-container > p,
.blogs__rates-container > p {
  font-size: 64px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
}
.reviews__rates-container--stars,
.blogs__rates-container--stars {
  margin-left: 4px;
}
.reviews__rates-container--stars > p,
.blogs__rates-container--stars > p {
  font-weight: 500;
  width: fit-content;
}
.reviews__rates-container--stars > p:first-child,
.blogs__rates-container--stars > p:first-child {
  margin-bottom: 0;
}
.reviews__rates-container--stars > p:last-child,
.blogs__rates-container--stars > p:last-child {
  margin-bottom: 0;
}
.reviews__rates-container--stars > div,
.blogs__rates-container--stars > div {
  display: flex;
  gap: 4px;
}
.reviews__rates-container--stars > div > i,
.blogs__rates-container--stars > div > i {
  display: flex;
  font-size: 12px;
}
.reviews__rates-percentage,
.blogs__rates-percentage {
  margin-top: 32px;
  gap: 12px;
}
.reviews__rates-percentage progress,
.blogs__rates-percentage progress {
  background-color: var(--neutral45);
  width: 140px;
}
.reviews__rates-percentage div,
.blogs__rates-percentage div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.reviews__rates-percentage div p,
.blogs__rates-percentage div p {
  margin-bottom: 0;
}
.reviews__rates-percentage div p:first-child,
.blogs__rates-percentage div p:first-child {
  width: 11px;
  font-size: 14px;
  line-height: 20.8px;
  color: var(--primary65);
}
.reviews__rates-percentage div p:last-child,
.blogs__rates-percentage div p:last-child {
  color: var(--neutral45);
  width: 38px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.8px;
  text-align: right;
}
.reviews__rates-percentage div i,
.blogs__rates-percentage div i {
  height: 15.5px;
}
.reviews__rates-percentage div span,
.blogs__rates-percentage div span {
  width: 100%;
  max-width: 137.5px;
  border: 2px solid var(--neutral45);
  border-radius: 2px;
}
.reviews__rates-percentage div.active span,
.blogs__rates-percentage div.active span {
  border-color: var(--primary65);
}
.reviews__rates-percentage div.active p:last-child,
.blogs__rates-percentage div.active p:last-child {
  color: var(--primary65);
}
.reviews__container,
.blogs__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media (max-width: 999.98px) {
  .reviews__container,
  .blogs__container {
    gap: 30px;
  }
}
.reviews__container > a,
.blogs__container > a {
  margin-left: auto;
}
.reviews__list,
.blogs__list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  transform-origin: top center;
}
.reviews__list.show,
.blogs__list.show {
  animation: burgerAppear 0.5s ease-in-out;
}
.reviews__list .card,
.blogs__list .card {
  flex: 1 1 360px;
}
@media (max-width: 599.98px) {
  .reviews__list .card-rate > b,
  .blogs__list .card-rate > b {
    display: none;
  }
}
.reviews .button-link.big,
.blogs .button-link.big {
  position: unset;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  transform: none;
}

.blogs__list {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
}
.blogs__list .card {
  flex: unset;
  width: 100%;
}

.blog_page {
  padding-top: 0;
}
.blog_page:not(.wider) > .container {
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 1499.98px) {
  .blog_page:not(.wider) > .container {
    margin: 0 auto;
  }
}
@media (max-width: 1199.98px) {
  .blog_page:not(.wider) > .container {
    max-width: 100%;
  }
}
@media (max-width: 999.98px) {
  .blog_page:not(.wider) > .container {
    max-width: 970px;
  }
}
@media (max-width: 599.98px) {
  .blog_page:not(.wider) > .container {
    margin: 0px auto;
    max-width: 600px;
  }
}
@media (max-width: 439.98px) {
  .blog_page:not(.wider) > .container {
    margin: 0;
  }
}
@media (min-width: 1000px) {
  .blog_page:is(.wider) > .container {
    display: grid;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .blog_page:is(.wider) > .container {
    grid-template-columns: 300px 1fr;
    gap: 40px;
  }
}
.blog_page > .container {
  background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.1) 15%, rgba(0, 234, 255, 0.1) 85%, rgba(0, 234, 255, 0) 100%);
  padding: 0 52px;
}
@media (max-width: 1499.98px) {
  .blog_page > .container {
    padding: 0 40px;
  }
}
@media (max-width: 599.98px) {
  .blog_page > .container {
    padding: 0 20px;
  }
}
@media (max-width: 439.98px) {
  .blog_page > .container {
    padding: 0 10px;
  }
}
.blog_page > .container .img-wrapper {
  display: flex;
  margin: 52px auto;
  overflow: hidden;
  max-width: 520px;
  width: fit-content;
  border-radius: 25px;
  display: flex;
}
.blog_page > .container .img-wrapper:first-child {
  margin-top: 0;
}
.blog_page > .container .img-wrapper img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.blog_page > .container > h3, .blog_page > .container > h4, .blog_page > .container > p.title_h3, .blog_page > .container > p.title_h4 {
  margin-top: 52px;
}
.blog_page > .container > h3:first-child, .blog_page > .container > h4:first-child, .blog_page > .container > p.title_h3:first-child, .blog_page > .container > p.title_h4:first-child {
  margin-top: 0;
}
.blog_page > .container > .highlighted-space {
  background-color: var(--bg-main);
  border-radius: 16px;
  padding: 12px 20px;
  border: 1px solid var(--blue-main);
}
.blog_page > .container > .highlighted-space.d-flex {
  align-items: start;
}
.blog_page > .container > .default-table {
  margin-bottom: 20px;
}

.ordinary-list .ordinary-list {
  margin-top: 12px;
  margin-bottom: 16px;
}
.ordinary-list .ordinary-list li::marker {
  content: "-";
}

.help-faq .accordion {
  border-radius: 32px;
  overflow: hidden;
}
.help-faq .accordion-item {
  counter-increment: helpItems;
}
.help-faq .accordion-header p {
  position: relative;
  margin: 0;
}
.help-faq .accordion-header p::before {
  content: counter(helpItems) ".";
  display: inline;
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 999.98px) {
  .help-faq .accordion-header p::before {
    font-size: 18px;
  }
}
.help-faq .accordion-header p::before {
  color: var(--blue-main);
}
.help-faq .accordion-content {
  display: block;
}

.case_page {
  padding-top: 0;
}
.case_page-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 999.98px) {
  .case_page-top {
    flex-direction: column;
    align-items: stretch;
  }
}
.case_page-top > div:first-child {
  flex: auto;
  width: 100%;
  max-width: 65%;
}
@media (max-width: 999.98px) {
  .case_page-top > div:first-child {
    max-width: 100%;
  }
}
.case_page-top > div:first-child > h1 {
  margin-bottom: 32px;
}
.case_page-top > div:first-child > b {
  display: block;
  margin-bottom: 20px;
}
.case_page-top > .card--result {
  flex: 1 0 auto;
  max-width: 50%;
}
@media (max-width: 999.98px) {
  .case_page-top > .card--result {
    max-width: 80%;
  }
}
@media (max-width: 719.98px) {
  .case_page-top > .card--result {
    max-width: 100%;
  }
}
.case_page-top > .case_page-cover {
  flex: 1;
}
.case_page-cover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: flex;
  width: 100%;
  max-width: 500px;
  height: auto;
  user-select: none;
  pointer-events: none;
  overflow: hidden;
  mask-image: linear-gradient(to left, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 999.98px) {
  .case_page-cover {
    display: none;
  }
}
.case_page-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.case_page-bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 999.98px) {
  .case_page-bottom {
    flex-direction: column;
    align-items: stretch;
  }
}
.case_page-bottom > div:first-child {
  max-width: 50%;
}
@media (max-width: 999.98px) {
  .case_page-bottom > div:first-child {
    max-width: 100%;
  }
}
.case_page-bottom > div:first-child > .title_h3 {
  margin-bottom: 32px;
}
@media (max-width: 999.98px) {
  .case_page-bottom > div:first-child > .title_h3 {
    text-align: center;
  }
}
.case_page-bottom > div:first-child > .card--result {
  width: 100%;
}
.case_page-bottom > .case_page-mockup {
  flex: 1;
  width: 100%;
  max-width: 470px;
}
@media (max-width: 999.98px) {
  .case_page-bottom > .case_page-mockup {
    margin: 0 auto;
  }
}
.case_page-mockup {
  display: flex;
  width: 100%;
  max-width: 600px;
  height: 100%;
  user-select: none;
  pointer-events: none;
  overflow: hidden;
}
.case_page-mockup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.case_page--web {
  margin-top: unset;
}
.case_page--web .video-diagramm {
  margin: 100px auto;
}
.case_page--web .benefits-left {
  top: 0;
  margin-left: unset;
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .case_page--web .benefits-left {
    max-width: 280px;
  }
}
.case_page--web .benefits-right {
  top: 0;
  margin-right: unset;
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .case_page--web .benefits-right {
    max-width: 280px;
  }
}
.case_page > .container {
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 1499.98px) {
  .case_page > .container {
    margin: 0 auto;
  }
}
@media (max-width: 1199.98px) {
  .case_page > .container {
    max-width: 100%;
  }
}
@media (max-width: 999.98px) {
  .case_page > .container {
    max-width: 970px;
  }
}
@media (max-width: 599.98px) {
  .case_page > .container {
    margin: 0px auto;
    max-width: 600px;
  }
}
@media (max-width: 439.98px) {
  .case_page > .container {
    margin: 0;
  }
}
.case_page > .container {
  position: relative;
  padding: 0 52px;
  background: linear-gradient(0deg, rgba(0, 234, 255, 0) 0%, rgba(0, 234, 255, 0.1) 15%, rgba(0, 234, 255, 0.1) 85%, rgba(0, 234, 255, 0) 100%);
}
@media (max-width: 1499.98px) {
  .case_page > .container {
    padding: 0 40px;
  }
}
@media (max-width: 599.98px) {
  .case_page > .container {
    padding: 0 20px;
  }
}
@media (max-width: 439.98px) {
  .case_page > .container {
    padding: 0 10px;
  }
}
.case_page > .container .img-wrapper {
  display: flex;
  margin: 32px auto;
  overflow: hidden;
  max-width: 600px;
  border-radius: 24px;
}
.case_page > .container .img-wrapper:first-child {
  margin-top: 0;
}
.case_page > .container .img-wrapper.wider {
  max-width: 100%;
}
.case_page > .container .img-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.case_page > .container > p {
  margin-bottom: 20px;
}
.case_page > .container > p.title_h3, .case_page > .container > p.title_h4 {
  margin-bottom: 32px;
  margin-top: 52px;
}
.case_page > .container > p.title_h3:first-child, .case_page > .container > p.title_h4:first-child {
  margin-top: 0;
}

.case_layout {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
  margin: 52px auto;
}
@media (max-width: 719.98px) {
  .case_layout {
    margin: 32px auto;
  }
}
.case_layout > div:not(.card) > p:not(.title_h3), .case_layout > div:not(.card) > p:not(.underlined) {
  margin-bottom: 20px;
}
.case_layout > div:not(.card) > p:not(.title_h3):last-child, .case_layout > div:not(.card) > p:not(.underlined):last-child {
  margin-bottom: 0;
}
.case_layout > p:not(.title_h3), .case_layout > p:not(.underlined) {
  margin-bottom: 20px;
}
.case_layout > p:not(.title_h3):last-child, .case_layout > p:not(.underlined):last-child {
  margin-bottom: 0;
}
.case_layout#case-obstacles .img-wrapper {
  margin-top: 100px;
}
@media (max-width: 999.98px) {
  .case_layout#case-obstacles .img-wrapper {
    margin-top: unset;
  }
}
.case_layout#case-molvest-itog > .img-wrapper {
  max-width: 260px;
}
.case_layout#case-molvest-data > .img-wrapper {
  margin: auto 0 auto -52px;
  max-width: 360px;
}
@media (max-width: 599.98px) {
  .case_layout#case-molvest-data > .img-wrapper {
    margin: auto 0 auto -20px;
  }
}
@media (max-width: 439.98px) {
  .case_layout#case-molvest-data > .img-wrapper {
    margin: auto 0 auto -10px;
  }
}
.case_layout#case-molvest-monitor > .img-wrapper {
  max-width: 320px;
}
.case_layout#case-molvest-monitor .img-wrapper {
  margin: 0 auto;
}
.case_layout#case-molvest-monitor .filled {
  flex: 1 0 auto;
  max-width: 100%;
}
.case_layout#case-krepezh-idea > .img-wrapper, .case_layout#case-krepezh-cost > .img-wrapper {
  max-width: 320px;
}
.case_layout#case-krepezh-idea .img-wrapper, .case_layout#case-krepezh-cost .img-wrapper {
  margin: 0;
}
.case_layout#case-krepezh-idea .filled, .case_layout#case-krepezh-cost .filled {
  flex: 1 0 auto;
  max-width: 100%;
}
.case_layout#case-molvest-review > .img-wrapper, .case_layout#case-review > .img-wrapper {
  max-width: 320px;
  height: 100%;
  aspect-ratio: 10/16;
  margin: auto 0;
}
@media (max-width: 999.98px) {
  .case_layout#case-molvest-review > .img-wrapper, .case_layout#case-review > .img-wrapper {
    margin: 0 auto;
  }
}
@media (max-width: 599.98px) {
  .case_layout#case-molvest-review > .img-wrapper, .case_layout#case-review > .img-wrapper {
    max-width: 240px;
  }
}
.case_layout#case-inkomed-data > .img-wrapper, .case_layout#case-krepezh-data > .img-wrapper, .case_layout#case-koreec-data > .img-wrapper, .case_layout#case-mklimata-data > .img-wrapper {
  margin: auto 0 auto -52px;
  max-width: 360px;
}
@media (max-width: 599.98px) {
  .case_layout#case-inkomed-data > .img-wrapper, .case_layout#case-krepezh-data > .img-wrapper, .case_layout#case-koreec-data > .img-wrapper, .case_layout#case-mklimata-data > .img-wrapper {
    margin: auto 0 auto -20px;
  }
}
@media (max-width: 439.98px) {
  .case_layout#case-inkomed-data > .img-wrapper, .case_layout#case-krepezh-data > .img-wrapper, .case_layout#case-koreec-data > .img-wrapper, .case_layout#case-mklimata-data > .img-wrapper {
    margin: auto 0 auto -10px;
  }
}
@media (min-width: 1200px) {
  .case_layout#case-inkomed-data, .case_layout#case-krepezh-data, .case_layout#case-koreec-data, .case_layout#case-mklimata-data {
    margin-top: 72px;
  }
}
.case_layout#inkomed-wishes > .img-wrapper {
  margin: 0 auto;
}
.case_layout#case-inkomed-works > .img-wrapper {
  margin: auto 0;
  max-width: 360px;
}
@media (max-width: 999.98px) {
  .case_layout#case-inkomed-works > .img-wrapper {
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .case_layout#case-inkomed-works {
    margin-top: 72px;
  }
}
.case_layout#case-inkomed-care .case_layout--filled {
  margin: 0;
}
.case_layout#case-inkomed-care .case_layout--filled > * {
  display: flex;
  flex-direction: column;
}
.case_layout#case-inkomed-care .case_layout--filled > *:nth-child(1) > .img-wrapper {
  margin-top: 0;
}
@media (max-width: 1030px) {
  .case_layout#case-inkomed-care .case_layout--filled > * > .img-wrapper {
    margin: 0 auto;
  }
}
.case_layout#case-inkomed-care > .img-wrapper {
  max-width: 460px;
  margin: 60px -52px auto auto;
}
@media (max-width: 599.98px) {
  .case_layout#case-inkomed-care > .img-wrapper {
    margin: auto -20px auto auto;
  }
}
@media (max-width: 439.98px) {
  .case_layout#case-inkomed-care > .img-wrapper {
    margin: auto -10px auto auto;
  }
}
@media (max-width: 999.98px) {
  .case_layout#case-inkomed-care {
    order: -1;
  }
}
.case_layout#case-inkomed-economy > .img-wrapper {
  max-width: 260px;
  margin: 0 auto;
}
.case_layout#case-mklimata-process > .img-wrapper {
  max-width: 360px;
  margin: 0 auto;
}
.case_layout#case-koreec-process > .filled {
  flex: 1 0 auto;
  max-width: 100%;
}
.case_layout#case-koreec-process > .img-wrapper {
  max-width: 460px;
  margin: 0 -52px auto auto;
}
@media (max-width: 599.98px) {
  .case_layout#case-koreec-process > .img-wrapper {
    margin: auto -20px auto auto;
  }
}
@media (max-width: 439.98px) {
  .case_layout#case-koreec-process > .img-wrapper {
    margin: auto -10px auto auto;
  }
}
.case_layout#case-koreec-price > .img-wrapper {
  max-width: 460px;
  margin: 0 -52px auto auto;
}
@media (max-width: 599.98px) {
  .case_layout#case-koreec-price > .img-wrapper {
    margin: auto -20px auto auto;
  }
}
@media (max-width: 439.98px) {
  .case_layout#case-koreec-price > .img-wrapper {
    margin: auto -10px auto auto;
  }
}
.case_layout#case-koreec-seo, .case_layout#case-koreec-top {
  margin-top: 0;
}
@media (max-width: 999.98px) {
  .case_layout#case-koreec-seo, .case_layout#case-koreec-top {
    margin-bottom: 0;
  }
}
.case_layout#case-koreec-seo > div:not(.img-wrapper), .case_layout#case-koreec-top > div:not(.img-wrapper) {
  flex: 1;
  max-width: 400px;
}
@media (max-width: 999.98px) {
  .case_layout#case-koreec-seo > div:not(.img-wrapper), .case_layout#case-koreec-top > div:not(.img-wrapper) {
    max-width: 100%;
  }
}
.case_layout#case-koreec-seo > div:is(.img-wrapper), .case_layout#case-koreec-top > div:is(.img-wrapper) {
  flex: 1;
  max-width: 100%;
}
@media (max-width: 999.98px) {
  .case_layout#case-koreec-top {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1199.98px) {
  .case_layout#case-koreec-result {
    flex-direction: column;
  }
}
.case_layout#case-koreec-result > *:first-child {
  max-width: 400px;
}
@media (max-width: 1199.98px) {
  .case_layout#case-koreec-result > *:first-child {
    flex: 1 0 auto;
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .case_layout#case-koreec-result > * {
    flex: 1 0 auto;
    max-width: 100%;
  }
}
.case_layout .img-wrapper.m0 {
  margin: 0;
}
.case_layout--min > .img-wrapper {
  max-width: 400px;
}
.case_layout--minified > .img-wrapper {
  max-width: 320px;
  margin: 0 auto;
}
@media (max-width: 999.98px) {
  .case_layout--minified > .img-wrapper {
    max-width: 400px;
  }
}
.case_layout--filled {
  flex: 1 0 auto;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 999.98px) {
  .case_layout--2x {
    flex-direction: column;
  }
}
.case_layout--2x > * {
  flex: calc(50% - 10px);
}
@media (max-width: 999.98px) {
  .case_layout--2x > * {
    flex: 1 0 auto;
  }
}
.case_layout--2x > .img-wrapper {
  align-self: flex-start;
  margin: 0;
}
@media (max-width: 999.98px) {
  .case_layout--3x {
    flex-direction: column;
  }
}
.case_layout--3x > * {
  flex: calc(33% - 20px);
  max-width: calc(33% - 10px);
}
@media (max-width: 999.98px) {
  .case_layout--3x > * {
    flex: 1 0 auto;
    max-width: 100%;
  }
}
.case_layout .wider {
  max-width: 100%;
}

.owner-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.owner-col--header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  padding: 0 0 8px;
  border-bottom: 3px solid var(--blue-main);
}
.owner-col--icon {
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
}
.owner-col--icon > * {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  user-select: none;
  pointer-events: none;
}
.owner-col--body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
  width: 100%;
  max-width: 240px;
}
.owner-col--body > * {
  text-align: center;
}
.owner-col--arrow {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 3px;
  height: 100%;
  min-height: 40px;
  flex: 1;
  background-color: var(--blue-main);
  border-radius: 3px;
}
.owner-col--arrow::before {
  content: "";
  position: absolute;
  bottom: -1.5px;
  left: 1px;
  width: 3px;
  height: 15px;
  background-color: var(--blue-main);
  border-radius: 3px;
  transform-origin: bottom center;
  transform: rotate(-45deg);
}
.owner-col--arrow::after {
  content: "";
  position: absolute;
  bottom: -1.5px;
  right: 1px;
  width: 3px;
  height: 15px;
  background-color: var(--blue-main);
  border-radius: 3px;
  transform-origin: bottom center;
  transform: rotate(45deg);
}

.big-count {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.big-count > b {
  position: relative;
  color: var(--blue-main);
  font-size: 100px;
  line-height: 1.25;
}
@media (max-width: 999.98px) {
  .big-count > b {
    font-size: 80px;
  }
}
@media (max-width: 599.98px) {
  .big-count > b {
    font-size: 60px;
  }
}
@media (max-width: 519.98px) {
  .big-count > b {
    font-size: 40px;
  }
}
.big-count > b span {
  font-size: inherit;
  line-height: inherit;
}
.big-count > b::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 100px 80px var(--blue-clouds), inset 0px 0px 100px 2px var(--blue-clouds);
  transform: translate(-50%, -50%);
}

.step-balls {
  --number-ball-size: 72px;
  --number-ball-gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.step-balls--row {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--number-ball-gap);
}
@media (max-width: 719.98px) {
  .step-balls--row {
    flex-direction: row;
  }
}
.step-balls--row::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 2px;
  height: calc(100% - var(--number-ball-size));
  background: var(--blue-main);
  transform: translate(-50%, 0);
}
@media (max-width: 719.98px) {
  .step-balls--row::before {
    left: calc(var(--number-ball-size) / 2);
  }
}
.step-balls--row:last-child::before {
  display: none;
}
.step-balls--row:nth-child(even) {
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 719.98px) {
  .step-balls--row:nth-child(even) {
    justify-content: flex-start;
  }
}
.step-balls--row:nth-child(even) .step-balls--number {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 719.98px) {
  .step-balls--row:nth-child(even) .step-balls--number {
    margin-left: 0;
    margin-right: 0;
  }
}
.step-balls--row:nth-child(even) .step-balls--content {
  text-align: left;
}
@media (min-width: 1000px) {
  .step-balls--row:hover .step-balls--number {
    background-color: var(--blue-main);
    color: var(--bg-main);
  }
  .step-balls--row:hover .step-balls--number > img, .step-balls--row:hover .step-balls--number > svg {
    filter: invert(1) grayscale(1) brightness(0);
  }
}
.step-balls--number {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: var(--number-ball-size);
  height: var(--number-ball-size);
  font-size: 40px;
  line-height: 1.25;
  color: var(--blue-main);
  border: 2px solid var(--blue-main);
  border-radius: 50%;
  margin-left: 0;
  margin-right: auto;
  backface-visibility: hidden;
}
@media (min-width: 1000px) {
  .step-balls--number {
    transition: 0.25s ease-in-out;
  }
}
@media (max-width: 719.98px) {
  .step-balls--number {
    margin-left: 0;
    margin-right: 0;
  }
}
.step-balls--number > img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  object-position: center;
  user-select: none;
  pointer-events: none;
}
.step-balls--content {
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: flex-start;
  gap: 4px;
  max-width: calc(50% - (var(--number-ball-size) / 2 + var(--number-ball-gap)));
  min-height: 100px;
  flex: 1;
  text-align: right;
  padding: 8px 0;
  color: var(--color-grey);
}
@media (max-width: 719.98px) {
  .step-balls--content {
    max-width: 100%;
    text-align: left;
  }
}

.iframe-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  background-color: var(--footer-bg);
  border-radius: 25px;
  overflow: hidden;
}
@media (max-width: 599.98px) {
  .iframe-container {
    border-radius: 15px;
  }
}
.iframe-tab-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 8px 16px 0;
  background-color: rgba(255, 255, 255, 0.02);
}
@media (max-width: 599.98px) {
  .iframe-tab-bar {
    display: none;
  }
}
.iframe-tab-link {
  display: flex;
  width: fit-content;
  padding: 4px 24px;
  background-color: rgba(255, 255, 255, 0.2);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.iframe-url {
  display: flex;
  width: 100%;
  padding: 8px 8px 8px 60px;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
@media (max-width: 599.98px) {
  .iframe-url {
    padding: 8px;
  }
}
.iframe-url-input {
  width: 100%;
  padding: 8px 24px;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.iframe-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
}
.iframe-control {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.iframe-control--red {
  background-color: #ee5c55;
}
.iframe-control--orange {
  background-color: #f8bc32;
}
.iframe-control--green {
  background-color: #62cb43;
}
.iframe-window {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  width: 100%;
  min-height: 75vh;
  min-height: 75svh;
  background-color: var(--color-white);
  overflow: hidden;
}
.iframe-window > iframe {
  width: 100%;
  border: 0;
  overflow: hidden;
}

.rotateInfinite {
  animation: rotateInfinite 0.6s linear infinite;
}

@media (max-width: 1399.98px) {
  .benefits-left {
    margin-left: 0;
  }
  .benefits-right {
    margin-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .pc-visible {
    display: none;
  }
  .flying-orb {
    top: 270px;
    left: 60%;
    right: 300px;
    width: 176px;
    height: 176px;
  }
  .flying-orb img {
    height: 212px;
    width: auto;
  }
  .flying-orb::before {
    width: 167px;
    height: 167px;
  }
  .flying-orb .water-ripple {
    height: 212px;
    width: 212px;
  }
  .tab-content-webDev {
    flex-direction: column;
  }
}
@media (max-width: 999.98px) {
  .flying-orb {
    top: 270px;
    left: 50%;
    right: 300px;
    width: 176px;
    height: 176px;
  }
  .flying-orb img {
    height: 212px;
    width: auto;
  }
  .flying-orb::before {
    width: 167px;
    height: 167px;
  }
  .flying-orb .water-ripple {
    height: 212px;
    width: 212px;
  }
}
@media (max-width: 599.98px) {
  .tab-content {
    padding-bottom: 0px;
  }
  .tab-content .tab-content-webDev {
    flex-wrap: wrap;
  }
}
@media (max-width: 539.98px) {
  #calc-web-price {
    width: 100%;
    margin: 16px 0px;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 439.98px) {
  .tabs .card--achievement {
    min-width: 100px;
  }
  #calc-web-price {
    width: 100%;
    margin: 16px 0px;
    align-items: center;
    justify-content: center;
  }
  #more-about-web-dev {
    margin-bottom: 40px;
  }
}
.portfolio-block__pagination,
.pagination-panel {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}
.portfolio-block__pagination .pagination,
.pagination-panel .pagination {
  margin: 0;
  gap: 20px;
  padding: 0 8px;
}
@media (max-width: 576px) {
  .portfolio-block__pagination .pagination,
  .pagination-panel .pagination {
    gap: 16px;
  }
}
.portfolio-block__pagination .pagination--prev-btn,
.portfolio-block__pagination .pagination--next-btn,
.pagination-panel .pagination--prev-btn,
.pagination-panel .pagination--next-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(8, 37, 60, 0.35);
  color: var(--blue-main);
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}
@media (max-width: 999.98px) {
  .portfolio-block__pagination .pagination--prev-btn,
  .portfolio-block__pagination .pagination--next-btn,
  .pagination-panel .pagination--prev-btn,
  .pagination-panel .pagination--next-btn {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1000px) {
  .portfolio-block__pagination .pagination--prev-btn:hover,
  .portfolio-block__pagination .pagination--next-btn:hover,
  .pagination-panel .pagination--prev-btn:hover,
  .pagination-panel .pagination--next-btn:hover {
    border-color: var(--blue-main);
    background-color: rgba(26, 123, 255, 0.3);
    box-shadow: 0 0 18px rgba(33, 159, 255, 0.45);
    color: var(--color-white);
  }
}
.portfolio-block__pagination .pagination--prev-btn i, .portfolio-block__pagination .pagination--prev-btn svg,
.portfolio-block__pagination .pagination--next-btn i,
.portfolio-block__pagination .pagination--next-btn svg,
.pagination-panel .pagination--prev-btn i,
.pagination-panel .pagination--prev-btn svg,
.pagination-panel .pagination--next-btn i,
.pagination-panel .pagination--next-btn svg {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
}
.portfolio-block__pagination .pagination--prev-btn svg,
.portfolio-block__pagination .pagination--next-btn svg,
.pagination-panel .pagination--prev-btn svg,
.pagination-panel .pagination--next-btn svg {
  display: flex;
}
.portfolio-block__pagination .pagination--buttons-numbers,
.pagination-panel .pagination--buttons-numbers {
  display: flex;
  align-items: flex-start;
  gap: 0px;
}
@media (max-width: 576px) {
  .portfolio-block__pagination .pagination--buttons-numbers,
  .pagination-panel .pagination--buttons-numbers {
    gap: 0px;
  }
}
.portfolio-block__pagination .pagination--btn-num,
.pagination-panel .pagination--btn-num {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 38px;
  padding: 4px 8px 0;
  text-decoration: none;
  color: inherit;
  font-size: 0;
  line-height: 1;
  transition: transform 0.25s ease;
}
@media (max-width: 576px) {
  .portfolio-block__pagination .pagination--btn-num,
  .pagination-panel .pagination--btn-num {
    min-width: 32px;
    gap: 8px;
  }
}
.portfolio-block__pagination .pagination--btn-num:focus-visible,
.pagination-panel .pagination--btn-num:focus-visible {
  outline: none;
}
.portfolio-block__pagination .pagination--btn-num .pagination--btn-dot-circle,
.pagination-panel .pagination--btn-num .pagination--btn-dot-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0.08);
  position: relative;
  display: block;
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.portfolio-block__pagination .pagination--btn-num .pagination--btn-dot-circle::after,
.pagination-panel .pagination--btn-num .pagination--btn-dot-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.portfolio-block__pagination .pagination--btn-num .pagination--btn-label,
.pagination-panel .pagination--btn-num .pagination--btn-label {
  color: rgba(255, 255, 255, 0.65);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transition: color 0.25s ease;
}
.portfolio-block__pagination .pagination--btn-num:hover .pagination--btn-dot-circle,
.pagination-panel .pagination--btn-num:hover .pagination--btn-dot-circle {
  border-color: var(--blue-main);
  background-color: rgba(26, 123, 255, 0.2);
  box-shadow: 0 0 10px rgba(33, 159, 255, 0.45);
  transform: scale(1.08);
}
.portfolio-block__pagination .pagination--btn-num:hover .pagination--btn-dot-circle::after,
.pagination-panel .pagination--btn-num:hover .pagination--btn-dot-circle::after {
  background: var(--blue-main);
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 0 10px rgba(33, 159, 255, 0.45);
}
.portfolio-block__pagination .pagination--btn-num:hover .pagination--btn-label,
.pagination-panel .pagination--btn-num:hover .pagination--btn-label {
  color: var(--color-white);
}
.portfolio-block__pagination .pagination--btn-num.highlight .pagination--btn-dot-circle,
.pagination-panel .pagination--btn-num.highlight .pagination--btn-dot-circle {
  border-color: var(--blue-main);
  background-color: rgba(26, 123, 255, 0.25);
  box-shadow: 0 0 16px rgba(33, 159, 255, 0.5);
  transform: scale(1.1);
}
.portfolio-block__pagination .pagination--btn-num.highlight .pagination--btn-dot-circle::after,
.pagination-panel .pagination--btn-num.highlight .pagination--btn-dot-circle::after {
  background: var(--blue-main);
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 0 0 12px rgba(33, 159, 255, 0.6);
}
.portfolio-block__pagination .pagination--btn-num.highlight .pagination--btn-label,
.pagination-panel .pagination--btn-num.highlight .pagination--btn-label {
  color: var(--color-white);
}
.portfolio-block__pagination .pagination--btn-num:focus-visible .pagination--btn-dot-circle,
.pagination-panel .pagination--btn-num:focus-visible .pagination--btn-dot-circle {
  box-shadow: 0 0 0 3px rgba(33, 159, 255, 0.35);
}
.portfolio-block__pagination .pagination--btn-dot:not(.pagination--btn-num),
.pagination-panel .pagination--btn-dot:not(.pagination--btn-num) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 2px;
}

.table-block,
.default-table,
.table--wrap {
  border: 1px solid var(--blue-clouds);
  border-radius: 18px;
  background: linear-gradient(180deg, var(--blue-bg) 0%, var(--bg-main) 100%);
  box-shadow: 0 20px 45px rgba(0, 234, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: auto;
}
@media (max-width: 999.98px) {
  .table-block,
  .default-table,
  .table--wrap {
    border-radius: 12px;
  }
}
@supports (-moz-appearance: none) {
  .table-block,
  .default-table,
  .table--wrap {
    scrollbar-color: var(--blue-main) var(--bg-main);
    scrollbar-width: thin;
  }
}
.table-block::-webkit-scrollbar,
.default-table::-webkit-scrollbar,
.table--wrap::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.table-block::-webkit-scrollbar-track,
.default-table::-webkit-scrollbar-track,
.table--wrap::-webkit-scrollbar-track {
  background: var(--bg-main);
  border-radius: 8px;
}
.table-block::-webkit-scrollbar-thumb,
.default-table::-webkit-scrollbar-thumb,
.table--wrap::-webkit-scrollbar-thumb {
  background: var(--blue-main);
  border-radius: 8px;
}

table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  background: transparent;
  color: var(--color-grey);
  border-radius: 18px;
}
@media (max-width: 999.98px) {
  table {
    border-radius: 12px;
  }
}
table thead {
  position: static;
  border: 0;
  background: transparent;
  color: var(--color-white);
}
table thead tr {
  border: 0;
  background: linear-gradient(180deg, var(--blue-light-bg) 0%, var(--blue-bg) 100%);
}
table tbody tr {
  border: 0;
  background: rgba(255, 255, 255, 0.035);
  transition: background-color 0.25s ease;
}
table tbody tr:nth-child(even) {
  background: rgba(0, 234, 255, 0.055);
}
table tbody tr:last-child td {
  border-bottom: 0;
}
@media (min-width: 1000px) {
  table tbody tr:hover {
    background: rgba(0, 234, 255, 0.12);
  }
}
table tbody td {
  color: var(--color-grey);
}
table th,
table td {
  padding: 16px 20px;
  border: 0;
  border-right: 1px solid rgba(0, 234, 255, 0.14);
  border-bottom: 1px solid rgba(0, 234, 255, 0.12);
  vertical-align: middle;
  background: transparent;
  color: inherit;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
table th:last-child,
table td:last-child {
  border-right: 0;
}
table th p,
table td p {
  margin: 0;
}
@media (max-width: 999.98px) {
  table th,
  table td {
    padding: 12px 14px;
  }
}
table th {
  font-weight: 700;
  text-align: left;
  color: var(--color-white);
}

.table--beauty tbody td.color_td_PR {
  color: var(--blue-main);
  font-weight: 700;
  background: rgba(0, 234, 255, 0.08);
}

/* Landing page comparison table */
@media (min-width: 700px) {
  .table-block--landing-comparison {
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
}

@media (min-width: 700px) {
  .landing-comparison-table {
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    box-shadow: none;
  }
  .landing-comparison-table thead,
  .landing-comparison-table tbody,
  .landing-comparison-table tr,
  .landing-comparison-table thead tr,
  .landing-comparison-table tbody tr,
  .landing-comparison-table tbody tr:nth-child(even),
  .landing-comparison-table tbody tr:hover {
    background: transparent;
  }
  .landing-comparison-table th,
  .landing-comparison-table td {
    position: relative;
    z-index: 0;
    overflow: hidden;
    isolation: isolate;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .landing-comparison-table th::before,
  .landing-comparison-table td::before {
    content: "";
    position: absolute;
    inset: 0 6px;
    z-index: -1;
    border-bottom: 1px solid rgba(0, 234, 255, 0.15);
    background: linear-gradient(90deg, rgba(3, 30, 35, 0.96) 0%, rgba(7, 63, 71, 0.48) 52%, rgba(3, 30, 35, 0.96) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.28), inset -1px 0 0 rgba(0, 234, 255, 0.28);
  }
  .landing-comparison-table tbody tr:nth-child(even) td::before {
    background: linear-gradient(90deg, rgba(5, 45, 52, 0.96) 0%, rgba(10, 83, 92, 0.48) 52%, rgba(5, 45, 52, 0.96) 100%);
  }
  .landing-comparison-table thead th::before {
    border-top: 1px solid rgba(0, 234, 255, 0.28);
    border-radius: 14px 14px 0 0;
    background: linear-gradient(180deg, rgba(7, 54, 62, 0.96) 0%, rgba(3, 30, 35, 0.98) 100%);
  }
  .landing-comparison-table tbody tr:last-child td::before {
    border-bottom: 1px solid rgba(0, 234, 255, 0.28);
    border-radius: 0 0 14px 14px;
  }
  .landing-comparison-table.landing-comparison-table--highlight-solution thead th:nth-child(3) {
    color: var(--color-white);
  }
  .landing-comparison-table.landing-comparison-table--highlight-solution thead th:nth-child(3)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag), 0 12px 28px rgba(0, 234, 255, 0.14);
  }
  .landing-comparison-table.landing-comparison-table--highlight-solution tbody td:nth-child(3)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .landing-comparison-table.landing-comparison-table--highlight-solution tbody tr:nth-child(even) td:nth-child(3)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
  }
}
@media (max-width: 699.98px) {
  .landing-comparison-table th:nth-child(3),
  .landing-comparison-table td:nth-child(3) {
    color: var(--color-white);
    background: rgba(0, 234, 255, 0.1);
  }
  .landing-comparison-table th:nth-child(3) {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
  }
}

/* SEO/portfolio tables */
.seo-table .table-wrapper {
  border: 1px solid var(--blue-clouds);
  border-radius: 18px;
  background: linear-gradient(180deg, var(--blue-bg) 0%, var(--bg-main) 100%);
  box-shadow: 0 20px 45px rgba(0, 234, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: auto;
}
@media (max-width: 999.98px) {
  .seo-table .table-wrapper {
    border-radius: 12px;
  }
}
.seo-table table {
  font-size: 14px;
}
@media (max-width: 899.98px) {
  .seo-table table {
    font-size: 13px;
  }
}
@media (max-width: 599.98px) {
  .seo-table table th,
  .seo-table table td {
    padding-right: 4px;
    padding-left: 4px;
  }
}
.seo-table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
.seo-table thead th {
  background: linear-gradient(180deg, var(--blue-light-bg) 0%, var(--blue-bg) 100%);
}
.seo-table tbody td.color_td_PR {
  color: var(--blue-main);
  font-weight: 700;
  background: rgba(0, 234, 255, 0.08);
}
.seo-table tbody td:not(:first-child) {
  text-align: center;
}

/* Tender table should not use the common table shell on desktop: visual columns draw their own cards. */
@media (min-width: 900px) {
  .table-block:has(> .tender-table) {
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
}
/* Tender price tables */
.tender-table th:not(:first-child),
.tender-table td:not(:first-child) {
  cursor: pointer;
  text-align: center;
}
.tender-table label {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
  box-shadow: none;
}
.tender-table label input {
  display: none;
}
.tender-table tbody {
  animation: none;
}
.tender-table tbody tr:not(:last-child) td:not(:first-child):not(.nothing) {
  color: var(--blue-main);
}
.tender-table tbody tr:not(:last-child) td:not(:first-child).nothing {
  color: var(--color-grey);
  font-weight: 400;
}
.tender-table tbody tr:last-child td:not(:first-child) {
  color: var(--blue-main);
  font-weight: 700;
  background: rgba(0, 234, 255, 0.08);
}
.tender-table tbody tr:last-child td:not(:first-child) span {
  white-space: nowrap;
}
.tender-table th.is-active, .tender-table:has(thead input:checked) th:has(input:checked) {
  color: var(--color-white);
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
}
@media (min-width: 900px) {
  .tender-table th.is-active, .tender-table:has(thead input:checked) th:has(input:checked) {
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag);
  }
}
.tender-table--price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 899.98px) {
  .tender-table--price {
    flex-direction: row;
  }
}
.tender-table--price > *:is([class^=button]) {
  width: 100%;
}
@media (max-width: 899.98px) {
  .tender-table--price > *:is([class^=button]) {
    width: 60%;
    max-width: 240px;
  }
}
.tender-table:has(thead th:nth-child(2) input:checked) tbody td:nth-child(2) {
  background: rgba(0, 234, 255, 0.12);
  box-shadow: inset 1px 0 0 var(--blue-light-bg), inset -1px 0 0 var(--blue-light-bg);
}
.tender-table:has(thead th:nth-child(2) input:checked) tbody tr:last-child td:nth-child(2) {
  color: var(--color-white);
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
}
.tender-table:has(thead th:nth-child(3) input:checked) tbody td:nth-child(3) {
  background: rgba(0, 234, 255, 0.12);
  box-shadow: inset 1px 0 0 var(--blue-light-bg), inset -1px 0 0 var(--blue-light-bg);
}
.tender-table:has(thead th:nth-child(3) input:checked) tbody tr:last-child td:nth-child(3) {
  color: var(--color-white);
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
}
.tender-table:has(thead th:nth-child(4) input:checked) tbody td:nth-child(4) {
  background: rgba(0, 234, 255, 0.12);
  box-shadow: inset 1px 0 0 var(--blue-light-bg), inset -1px 0 0 var(--blue-light-bg);
}
.tender-table:has(thead th:nth-child(4) input:checked) tbody tr:last-child td:nth-child(4) {
  color: var(--color-white);
  background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
}
@media (min-width: 900px) {
  .tender-table {
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    box-shadow: none;
  }
  .tender-table thead,
  .tender-table tbody,
  .tender-table tr,
  .tender-table thead tr,
  .tender-table tbody tr,
  .tender-table tbody tr:nth-child(even),
  .tender-table tbody tr:hover {
    background: transparent;
  }
  .tender-table th,
  .tender-table td {
    position: relative;
    z-index: 0;
    overflow: hidden;
    isolation: isolate;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: background-image 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  }
  .tender-table th::before,
  .tender-table td::before {
    content: "";
    position: absolute;
    inset: 0 6px;
    z-index: -1;
    border-bottom: 1px solid rgba(0, 234, 255, 0.15);
    background: linear-gradient(90deg, rgba(3, 30, 35, 0.96) 0%, rgba(7, 63, 71, 0.48) 52%, rgba(3, 30, 35, 0.96) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.28), inset -1px 0 0 rgba(0, 234, 255, 0.28);
    transition: background-image 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  }
  .tender-table tbody tr:nth-child(even) td::before {
    background: linear-gradient(90deg, rgba(5, 45, 52, 0.96) 0%, rgba(10, 83, 92, 0.48) 52%, rgba(5, 45, 52, 0.96) 100%);
  }
  .tender-table thead th::before {
    border-top: 1px solid rgba(0, 234, 255, 0.28);
    border-radius: 14px 14px 0 0;
    background: linear-gradient(180deg, rgba(7, 54, 62, 0.96) 0%, rgba(3, 30, 35, 0.98) 100%);
  }
  .tender-table tbody tr:last-child td::before {
    border-bottom: 1px solid rgba(0, 234, 255, 0.28);
    border-radius: 0 0 14px 14px;
  }
  .tender-table tbody tr:last-child td:not(:first-child) {
    background: transparent;
  }
  .tender-table tbody tr:last-child td:not(:first-child)::before {
    background: linear-gradient(90deg, rgba(5, 45, 52, 0.96) 0%, rgba(10, 83, 92, 0.48) 52%, rgba(5, 45, 52, 0.96) 100%);
  }
  .tender-table th.is-active, .tender-table:has(thead input:checked) th:has(input:checked) {
    background: transparent;
    box-shadow: none;
  }
  .tender-table th.is-active::before, .tender-table:has(thead input:checked) th:has(input:checked)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag), 0 12px 28px rgba(0, 234, 255, 0.14);
  }
  .tender-table:has(thead th:nth-child(2) input:checked) tbody td:nth-child(2) {
    background: transparent;
    box-shadow: none;
  }
  .tender-table:has(thead th:nth-child(2) input:checked) tbody td:nth-child(2)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .tender-table:has(thead th:nth-child(2) input:checked) tbody tr:nth-child(even) td:nth-child(2)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(2) input:checked) tbody tr:last-child td:nth-child(2) {
    color: var(--color-white);
    background: transparent;
  }
  .tender-table:has(thead th:nth-child(2) input:checked) tbody tr:last-child td:nth-child(2)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag);
  }
  .tender-table:has(thead th:nth-child(2):hover) thead th:nth-child(2)::before,
  .tender-table:has(thead th:nth-child(2):hover) tbody td:nth-child(2)::before, .tender-table:has(tbody td:nth-child(2):hover) thead th:nth-child(2)::before,
  .tender-table:has(tbody td:nth-child(2):hover) tbody td:nth-child(2)::before {
    background: linear-gradient(90deg, rgba(6, 58, 66, 0.98) 0%, rgba(13, 103, 114, 0.64) 52%, rgba(6, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .tender-table:has(thead th:nth-child(2):hover) tbody tr:nth-child(even) td:nth-child(2)::before, .tender-table:has(tbody td:nth-child(2):hover) tbody tr:nth-child(even) td:nth-child(2)::before {
    background: linear-gradient(90deg, rgba(6, 58, 66, 0.98) 0%, rgba(13, 103, 114, 0.64) 52%, rgba(6, 58, 66, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(2):hover) thead th:nth-child(2):not(.is-active):not(:has(input:checked))::before, .tender-table:has(tbody td:nth-child(2):hover) thead th:nth-child(2):not(.is-active):not(:has(input:checked))::before {
    background: linear-gradient(180deg, rgba(11, 85, 96, 0.98) 0%, rgba(5, 45, 52, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(2):hover) thead th:nth-child(2).is-active::before,
  .tender-table:has(thead th:nth-child(2):hover) thead th:nth-child(2):has(input:checked)::before, .tender-table:has(tbody td:nth-child(2):hover) thead th:nth-child(2).is-active::before,
  .tender-table:has(tbody td:nth-child(2):hover) thead th:nth-child(2):has(input:checked)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag), 0 12px 28px rgba(0, 234, 255, 0.14);
  }
  .tender-table:has(thead th:nth-child(3) input:checked) tbody td:nth-child(3) {
    background: transparent;
    box-shadow: none;
  }
  .tender-table:has(thead th:nth-child(3) input:checked) tbody td:nth-child(3)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .tender-table:has(thead th:nth-child(3) input:checked) tbody tr:nth-child(even) td:nth-child(3)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(3) input:checked) tbody tr:last-child td:nth-child(3) {
    color: var(--color-white);
    background: transparent;
  }
  .tender-table:has(thead th:nth-child(3) input:checked) tbody tr:last-child td:nth-child(3)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag);
  }
  .tender-table:has(thead th:nth-child(3):hover) thead th:nth-child(3)::before,
  .tender-table:has(thead th:nth-child(3):hover) tbody td:nth-child(3)::before, .tender-table:has(tbody td:nth-child(3):hover) thead th:nth-child(3)::before,
  .tender-table:has(tbody td:nth-child(3):hover) tbody td:nth-child(3)::before {
    background: linear-gradient(90deg, rgba(6, 58, 66, 0.98) 0%, rgba(13, 103, 114, 0.64) 52%, rgba(6, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .tender-table:has(thead th:nth-child(3):hover) tbody tr:nth-child(even) td:nth-child(3)::before, .tender-table:has(tbody td:nth-child(3):hover) tbody tr:nth-child(even) td:nth-child(3)::before {
    background: linear-gradient(90deg, rgba(6, 58, 66, 0.98) 0%, rgba(13, 103, 114, 0.64) 52%, rgba(6, 58, 66, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(3):hover) thead th:nth-child(3):not(.is-active):not(:has(input:checked))::before, .tender-table:has(tbody td:nth-child(3):hover) thead th:nth-child(3):not(.is-active):not(:has(input:checked))::before {
    background: linear-gradient(180deg, rgba(11, 85, 96, 0.98) 0%, rgba(5, 45, 52, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(3):hover) thead th:nth-child(3).is-active::before,
  .tender-table:has(thead th:nth-child(3):hover) thead th:nth-child(3):has(input:checked)::before, .tender-table:has(tbody td:nth-child(3):hover) thead th:nth-child(3).is-active::before,
  .tender-table:has(tbody td:nth-child(3):hover) thead th:nth-child(3):has(input:checked)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag), 0 12px 28px rgba(0, 234, 255, 0.14);
  }
  .tender-table:has(thead th:nth-child(4) input:checked) tbody td:nth-child(4) {
    background: transparent;
    box-shadow: none;
  }
  .tender-table:has(thead th:nth-child(4) input:checked) tbody td:nth-child(4)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .tender-table:has(thead th:nth-child(4) input:checked) tbody tr:nth-child(even) td:nth-child(4)::before {
    background: linear-gradient(90deg, rgba(5, 58, 66, 0.98) 0%, rgba(12, 100, 111, 0.74) 52%, rgba(5, 58, 66, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(4) input:checked) tbody tr:last-child td:nth-child(4) {
    color: var(--color-white);
    background: transparent;
  }
  .tender-table:has(thead th:nth-child(4) input:checked) tbody tr:last-child td:nth-child(4)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag);
  }
  .tender-table:has(thead th:nth-child(4):hover) thead th:nth-child(4)::before,
  .tender-table:has(thead th:nth-child(4):hover) tbody td:nth-child(4)::before, .tender-table:has(tbody td:nth-child(4):hover) thead th:nth-child(4)::before,
  .tender-table:has(tbody td:nth-child(4):hover) tbody td:nth-child(4)::before {
    background: linear-gradient(90deg, rgba(6, 58, 66, 0.98) 0%, rgba(13, 103, 114, 0.64) 52%, rgba(6, 58, 66, 0.98) 100%);
    box-shadow: inset 1px 0 0 rgba(0, 234, 255, 0.48), inset -1px 0 0 rgba(0, 234, 255, 0.48);
  }
  .tender-table:has(thead th:nth-child(4):hover) tbody tr:nth-child(even) td:nth-child(4)::before, .tender-table:has(tbody td:nth-child(4):hover) tbody tr:nth-child(even) td:nth-child(4)::before {
    background: linear-gradient(90deg, rgba(6, 58, 66, 0.98) 0%, rgba(13, 103, 114, 0.64) 52%, rgba(6, 58, 66, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(4):hover) thead th:nth-child(4):not(.is-active):not(:has(input:checked))::before, .tender-table:has(tbody td:nth-child(4):hover) thead th:nth-child(4):not(.is-active):not(:has(input:checked))::before {
    background: linear-gradient(180deg, rgba(11, 85, 96, 0.98) 0%, rgba(5, 45, 52, 0.98) 100%);
  }
  .tender-table:has(thead th:nth-child(4):hover) thead th:nth-child(4).is-active::before,
  .tender-table:has(thead th:nth-child(4):hover) thead th:nth-child(4):has(input:checked)::before, .tender-table:has(tbody td:nth-child(4):hover) thead th:nth-child(4).is-active::before,
  .tender-table:has(tbody td:nth-child(4):hover) thead th:nth-child(4):has(input:checked)::before {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: inset 1px 0 0 var(--blue-tag), inset -1px 0 0 var(--blue-tag), 0 12px 28px rgba(0, 234, 255, 0.14);
  }
}
@media (max-width: 899.98px) {
  .tender-table {
    display: block;
    min-width: 0;
    margin-top: 0;
    overflow: clip;
    table-layout: fixed;
  }
  .tender-table thead {
    position: relative;
    display: block;
    width: 100%;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .tender-table thead::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-main);
    mix-blend-mode: overlay;
  }
  .tender-table thead tr {
    display: flex;
    gap: 8px;
    width: 100%;
    overflow: visible;
    border-radius: 0;
    background: transparent;
  }
  .tender-table thead th {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    padding: 0;
    border: 0;
    border-right: 1px solid rgba(0, 234, 255, 0.18);
    background: transparent;
    box-shadow: none;
    text-align: center;
  }
  .tender-table thead th:first-child {
    display: none;
  }
  .tender-table thead th:last-child {
    border-right: 0;
  }
  .tender-table thead th label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 4px;
    border: 1px solid rgba(0, 234, 255, 0.18);
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.035);
    border-radius: 12px 12px 0 0;
    color: var(--color-grey);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    box-shadow: none;
    text-shadow: none;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  }
}
@media (max-width: 899.98px) and (max-width: 419.98px) {
  .tender-table thead th label {
    font-size: 12px;
  }
}
@media (max-width: 899.98px) {
  .tender-table thead th.is-active label, .tender-table thead th:has(input[type=radio]:checked) label {
    z-index: 1;
    border-color: var(--blue-tag);
    color: var(--color-white);
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--blue-tag) 100%);
    box-shadow: 0 10px 24px rgba(0, 234, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }
  .tender-table tbody {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  .tender-table tbody tr {
    position: sticky;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: table-row;
    width: 100%;
  }
  .tender-table tbody tr td {
    display: none;
    width: 20%;
    padding: 12px 10px;
    text-align: center;
    vertical-align: middle;
  }
  .tender-table tbody tr td:first-child {
    display: table-cell;
    width: 80%;
    text-align: left;
    color: var(--color-grey);
    border-left: 1px solid rgba(0, 234, 255, 0.18);
  }
  .tender-table tbody tr td.is-active {
    display: table-cell;
  }
  .tender-table tbody tr:last-child td:first-child {
    display: none;
  }
  .tender-table[data-active-column="2"] tbody tr:last-child, .tender-table:has(thead th:nth-child(2) input:checked) tbody tr:last-child {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--bg-main) 100%) var(--bg-main);
  }
  .tender-table[data-active-column="2"] tbody tr:last-child td:nth-child(2), .tender-table:has(thead th:nth-child(2) input:checked) tbody tr:last-child td:nth-child(2) {
    display: table-cell;
    width: 100%;
  }
  .tender-table[data-active-column="3"] tbody tr:last-child, .tender-table:has(thead th:nth-child(3) input:checked) tbody tr:last-child {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--bg-main) 100%) var(--bg-main);
  }
  .tender-table[data-active-column="3"] tbody tr:last-child td:nth-child(3), .tender-table:has(thead th:nth-child(3) input:checked) tbody tr:last-child td:nth-child(3) {
    display: table-cell;
    width: 100%;
  }
  .tender-table[data-active-column="4"] tbody tr:last-child, .tender-table:has(thead th:nth-child(4) input:checked) tbody tr:last-child {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--bg-main) 100%) var(--bg-main);
  }
  .tender-table[data-active-column="4"] tbody tr:last-child td:nth-child(4), .tender-table:has(thead th:nth-child(4) input:checked) tbody tr:last-child td:nth-child(4) {
    display: table-cell;
    width: 100%;
  }
  .tender-table[data-active-column="5"] tbody tr:last-child, .tender-table:has(thead th:nth-child(5) input:checked) tbody tr:last-child {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--bg-main) 100%) var(--bg-main);
  }
  .tender-table[data-active-column="5"] tbody tr:last-child td:nth-child(5), .tender-table:has(thead th:nth-child(5) input:checked) tbody tr:last-child td:nth-child(5) {
    display: table-cell;
    width: 100%;
  }
  .tender-table[data-active-column="6"] tbody tr:last-child, .tender-table:has(thead th:nth-child(6) input:checked) tbody tr:last-child {
    background: linear-gradient(180deg, var(--blue-clouds) 0%, var(--bg-main) 100%) var(--bg-main);
  }
  .tender-table[data-active-column="6"] tbody tr:last-child td:nth-child(6), .tender-table:has(thead th:nth-child(6) input:checked) tbody tr:last-child td:nth-child(6) {
    display: table-cell;
    width: 100%;
  }
}

@media (max-width: 899.98px) {
  .table-block:has(.tender-table) {
    border: none;
    overflow: visible;
  }
}