/*!
 * Bootstrap Reboot v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: 'Noto Sans', sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.875em;
}
mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--bs-link-color);
  text-decoration: none;
}
a:hover {
  color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role='button'] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not(
    [type='week']
  ):not([type='time'])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
.main-page .first-title {
  font-size: 64px;
  font-weight: 900;
  line-height: 80px;
}
.processor-page .first-title,
.dmu-page .first-title,
.asset-page .first-title {
  font-size: 64px;
  font-weight: 900;
  line-height: 80px;
}
.processor-page .user-reviews-title,
.processor-page .reviews-title,
.processor-page .integration-title,
.processor-page .line-title,
.processor-page .capabilities-title,
.processor-page .specifications-title,
.processor-page .description-title,
.platform-page .first-title,
.overview-page .platform-title,
.overview-page .cases-title,
.overview-page .methods-title,
.main-page .capgemini-title,
.main-page .news-title,
.main-page .products-title,
.main-page .platform-title,
.main-page .cases-title,
.main-page .applications .accordion-block-title,
.dsrr-page .head-title,
.dmu-page .user-reviews-title,
.dmu-page .reviews-title,
.dmu-page .integration-title,
.dmu-page .capabilities-title,
.dmu-page .description-title,
.asset-page .user-reviews-title,
.asset-page .reviews-title,
.asset-page .integration-title,
.asset-page .line-title,
.asset-page .capabilities-title,
.asset-page .description-title,
.applications-page .head-title,
.head-title {
  font-size: 40px;
  font-weight: 900;
  line-height: 46px;
}
.technology-support-page .payment-item-total,
.products-item .integration-title,
.products-item .first-title,
.main-page .cases-block-text,
.main-page .applications .accordion-block-subtitle,
.applications-page .accordion-title,
.product-popup-features .popup-title,
.head-title-wrap.inner .head-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
}
.ui-page h2,
.technology-support-page .payment-item-title,
.technologies-item-page .more-switcher,
.stories-item-page .other-title,
.stories-item-page .main-review-title,
.stories-item-page .main-title,
.services-page .main-section-title,
.release-notes-page .main-section-title,
.products-item .main-title,
.processor-page .integration-group-title,
.processor-page .line-item-type,
.platform-page .main-title,
.overview-page .platform-advantages-description,
.overview-page .methods-group-title,
.news-item-page .other-title,
.main-page .applications .accordion-title,
.main-page .first-description,
.industries-item-page .more-switcher,
.dmu-page .integration-group-title,
.components-page .main .components-section-title,
.cases-item-page .other-title,
.cases-item-page .main-review-title,
.cases-item-page .main-title,
.asset-page .integration-group-title,
.main-wrapper .main-review-title,
.main-wrapper .main h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.header .menu-section-title,
.technology-support-page .payment-item-input,
.technology-support-page .payment-item-amount,
.products-item .bottom-group-title,
.products-item .integration-group-title,
.processor-page .bottom-group-title,
.processor-page .line-description,
.processor-page .first-description,
.platform-page .first-text,
.overview-page .platform-advantages-title,
.overview-page .first-description,
.dmu-page .bottom-group-title,
.dmu-page .first-description,
.components-page .main .components-group-title,
.asset-page .bottom-group-title,
.asset-page .line-item-type,
.asset-page .line-description,
.asset-page .first-description,
.applications-page .accordion-description,
.applications-page .head-description,
.about-page .sidebar-title,
.product-popup-testimonials .popup-title,
.product-popup-formats .popup-title,
.head-description,
.bottom-right-title,
.bottom-left-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.stories-item-page .main-review-author,
.products-item .first-text,
.processor-page .description-text,
.overview-page .technology-text,
.overview-page .tools-description,
.overview-page .platform-description,
.main-page .cases-description,
.dmu-page .description-text,
.cases-item-page .main-review-author,
.product-popup-testimonials .popup-description,
.main-wrapper .main-review-author {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.header .menu,
.testimonials-page .testimonials-item,
.technology-support-page .payment-item-num,
.stories-item-page .main-review-text,
.stories-item-page .main-text,
.services-page .main-text,
.search-page .result .testimonials-item,
.search-page .result .product-text,
.products-page .products-btn,
.products-item .integration-group-text,
.products-item .main,
.products-item .first-buttons-sale,
.products-item .first-buttons-download,
.products-item .first-buttons-trial,
.products-item .first-buttons-demo,
.products-item .first-links-item,
.processor-page .reviews-item-btn,
.processor-page .reviews-btn-all,
.processor-page .integration-group-text,
.processor-page .line-item-text,
.processor-page .line-text,
.processor-page .description-buttons-supported,
.processor-page .description-buttons-more,
.processor-page .first-buttons-sale,
.processor-page .first-buttons-trial,
.processor-page .first-buttons-demo,
.processor-page .first-links-item,
.overview-page .platform-advantages-text,
.overview-page .methods-group-btn,
.overview-page .methods-group-text,
.overview-page .methods-description,
.overview-page .first-text,
.module-item-page .main,
.main-page .capgemini-link,
.main-page .news-item .news-heading,
.dmu-page .reviews-item-btn,
.dmu-page .reviews-btn-all,
.dmu-page .integration-group-text,
.dmu-page .description-buttons-supported,
.dmu-page .description-buttons-more,
.dmu-page .first-buttons-sale,
.dmu-page .first-buttons-trial,
.dmu-page .first-buttons-demo,
.dmu-page .first-links-item,
.components-page .main .components-item,
.components-page .main,
.cases-item-page .main-review-text,
.cases-item-page .main-references-item,
.cases-item-page .main-references-title,
.cases-item-page .main-text,
.automation-processes-page .main,
.asset-page .reviews-item-btn,
.asset-page .reviews-btn-all,
.asset-page .integration-group-text,
.asset-page .line-item-btn,
.asset-page .line-text,
.asset-page .description-buttons-supported,
.asset-page .description-buttons-more,
.asset-page .first-buttons-trial,
.asset-page .first-buttons-demo,
.asset-page .first-links-item,
.processor-page .user-reviews .slider-btn,
.processor-page .reviews .slider-btn,
.dmu-page .user-reviews .slider-btn,
.dmu-page .reviews .slider-btn,
.asset-page .user-reviews .slider-btn,
.asset-page .reviews .slider-btn,
.processor-page .user-reviews .slider-text,
.processor-page .reviews .slider-text,
.dmu-page .user-reviews .slider-text,
.dmu-page .reviews .slider-text,
.asset-page .user-reviews .slider-text,
.asset-page .reviews .slider-text,
.products-slider .slider-btn,
.products-slider .slider-text,
.product-popup-testimonials .popup-text,
.main-wrapper .main-review-text,
.main-wrapper .main-references .main-references-item,
.main-wrapper .main-references-title,
.link,
.link-solid,
.link-dashed,
.head-btn,
.head-application-link,
.head-application-title,
.head-text,
.filter-dropdown-btn span,
.btn,
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.header .menu .follow-section-links a,
.header .dropdown-item-title,
.header-menu-btn,
.header-user-btn span,
.footer a,
.footer,
.testimonials-page .testimonials-author,
.testimonials-page .testimonials-text,
.technology-support-page .main-sign,
.technology-support-page .payment-item-desc,
.technology-support-page .payment-item-prompt,
.technology-support-page .payment-item-time,
.search-page .result .testimonials-author,
.search-page .result .testimonials-text,
.search-page .result .product-tag,
.release-notes-page .main-section-date,
.products-page .products-tag,
.products-page .products-text,
.products-item .main-img-caption,
.products-item .main-sign,
.processor-page .specifications-text,
.processor-page .first .scroll-down-text,
.overview-page .tools-btn,
.main-page .news-more-btn,
.main-page .first-solution,
.main-page .first-solutions-description,
.main-page .first-bottom .scroll-down-text,
.main-page .first-discount-link,
.dmu-page .first .scroll-down-text,
.asset-page .line-item-text,
.asset-page .first .scroll-down-text,
.processor-page .user-reviews .slider-tag,
.processor-page .reviews .slider-tag,
.dmu-page .user-reviews .slider-tag,
.dmu-page .reviews .slider-tag,
.asset-page .user-reviews .slider-tag,
.asset-page .reviews .slider-tag,
.products-slider .slider-tag,
.search-submit,
.search-input,
.search-placeholder,
.products-dropdown-wrapper .products-dropdown-list,
.product-popup-testimonials .popup-author,
.product-popup-formats .popup-list-item,
.product-popup-features .popup-list-item,
.post-description,
.pagination,
.head-links-item,
.head-tags-item,
.filter-dropdown-more,
.filter-clear,
.checkbox-default-label .checkbox-title,
.mini-btn,
.mini-btn-icon,
.bottom-contacts-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.main-page .first-discount,
.product-popup-formats .popup-list-title,
.product-popup-features .popup-list-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.fs-h1 {
  font-size: 64px;
  font-weight: 900;
  line-height: 72px;
}
.fs-h2 {
  font-size: 40px;
  font-weight: 900;
  line-height: 52px;
}
.dev-slider-itm__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.fs-lead {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
.footer-technology-itm .btn,
.footer-technology-itm .footer-capgemini,
.dev-advantages-list-itm__link,
.dev-slider-itm__link,
.dev-slider-itm__desc,
.section-dev-slider__desc,
.fs-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.processor-page .top-icons-title,
.dmu-page .top-icons-title,
.asset-page .top-icons-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.header .dropdown-item-status,
.header .dropdown-item-description,
.testimonials-page .testimonials-author-sign,
.search-page .result .testimonials-author-sign,
.products-item .bottom-group-caption,
.processor-page .bottom-group-caption,
.main-page .news-date,
.dmu-page .bottom-group-caption,
.blog-page .note-tag,
.blog-page .note-date,
.blog-page .note-category,
.asset-page .bottom-group-caption,
.asset-page .description-item-text,
.product-popup-testimonials .popup-sign,
.post.notes .post-tag,
.head-info-tag {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.fade-in {
  -webkit-animation: fadeIn 0.3s ease forwards;
  animation: fadeIn 0.3s ease forwards;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  80% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 0;
  }
}
@keyframes scrollDown {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  80% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 0;
  }
}
@-webkit-keyframes btnHover {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes btnHover {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSans-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSans-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/NotoSans-Black.woff2') format('woff2');
  font-display: swap;
}
::-webkit-input-placeholder {
  color: #666;
}
::-moz-placeholder {
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
::-ms-input-placeholder {
  color: #666;
}
::placeholder {
  color: #666;
}
::-moz-selection {
  background-color: #12abdb;
  color: #fff;
}
::selection {
  background-color: #12abdb;
  color: #fff;
}
::-ms-clear,
::-ms-reveal {
  width: 0;
  height: 0;
}
* {
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-overflow-scrolling: touch;
}
html {
  overflow-x: hidden;
}
body {
  min-width: 1024px;
  position: relative;
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  color: #000;
}
input,
textarea {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  border: 0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
input:focus:required:invalid,
textarea:focus:required:invalid {
  border-color: #ff304c;
}
input:required:valid,
textarea:required:valid {
  border-color: #2ca155;
}
.h1 {
  font-weight: 900;
  font-size: 64px;
  line-height: 72px;
}
.h2 {
  font-weight: 900;
  font-size: 40px;
  line-height: 52px;
}
.margin-title {
  margin-bottom: 40px;
}
.c-red {
  color: #ff304c;
}
.c-blue {
  color: #0070ad;
}
.c-light-blue,
.c-blue-light {
  color: #12abdb;
}
.c-white {
  color: #fff;
}
a,
label {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: #000;
  cursor: pointer;
  outline: 0;
}
a:hover,
a:active {
  color: #ff304c;
  text-decoration: none;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
button {
  border: 0;
}
button:active,
button:focus {
  outline: 0;
  padding: 0;
}
.section-padding {
  padding: 85px 0;
}
picture {
  display: block;
  text-align: center;
  margin: 0px auto;
}
.hide {
  display: none;
}
.section-hr {
  border-color: rgba(18, 171, 219, 0.5);
}
.container {
  width: 100%;
  max-width: 1024px;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
}
.page-wrapper {
  min-height: 100vh;
  position: relative;
}
.page-wrapper.dark {
  background: #041b2b;
}
.page-wrapper.light {
  background: #eef9ff;
}
.page {
  padding-bottom: 48px;
}
.content-load {
  display: none;
  height: 100%;
}
.transition {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  background: #041b2b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.transition #anim_logo {
  width: 75px;
  height: 50px;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}
.transition #anim_logo img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  -webkit-animation: fadeIn 0.3s ease forwards;
  animation: fadeIn 0.3s ease forwards;
}
.page.products .first-links a,
.page.products-item .first-links a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.cases-page .empty,
.stories-page .empty {
  padding-top: 24px;
  display: none;
}
.cases-page .empty-title,
.stories-page .empty-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 8px;
  color: #12abdb;
}
.cases-page .empty-text,
.stories-page .empty-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.cases-page .no-found .empty,
.stories-page .no-found .empty {
  display: block;
}
.mob-tools {
  display: none;
}
.cookie-page {
  padding-bottom: 98px;
}
.cookie-page .cookielawinfo-classic .simplebar-content {
  display: block;
}
@media screen and (min-width: 1515px) {
  body {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .page {
    padding-bottom: 64px;
  }
  .container {
    max-width: 1496px;
  }
  .panel-info-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .cases-page .empty,
  .stories-page .empty {
    padding-top: 46px;
  }
  .cases-page .empty-title,
  .stories-page .empty-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
  .cases-page .empty-text,
  .stories-page .empty-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
}
@media screen and (max-width: 1515px) {
  .section-padding {
    padding: 60px 0;
  }
}
@media screen and (max-width: 1100px) {
  .h1 {
    font-size: 48px;
    line-height: 1.2;
  }
  .fs-h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .fs-h2 {
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
  }
  .fs-lead {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .fs-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .content-load {
    display: block;
    max-height: calc(var(--vh, 1vh) * 100);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .transition {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width: auto;
  }
  h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .page > .container {
    padding: 0;
  }
  .container {
    padding-right: 64px;
    padding-left: 64px;
  }
  .applications-row .mob-scroll-offset {
    position: relative;
    display: block;
    padding: 56px;
  }
  .mob-scroll {
    width: calc(100% + 128px);
    max-width: 200%;
    margin-left: -64px;
    padding-left: 64px;
  }
  .mob-scroll .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mob-scroll .simplebar-track {
    display: none;
  }
  .mob-scroll-offset {
    position: relative;
    display: block;
    padding: 20px;
  }
  .mob-tools {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 64px;
    z-index: 9;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .mob-tools.static {
    position: absolute;
    bottom: 101px;
  }
  .mob-tools-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #12abdb;
    position: relative;
    -webkit-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
  }
  .mob-tools-btn.opened {
    background: #02111d;
  }
  .mob-tools-btn.opened .mob-tools-close {
    opacity: 1;
  }
  .mob-tools-btn.opened .mob-tools-open {
    opacity: 0;
  }
  .mob-tools-open {
    width: auto;
    height: auto;
    position: absolute;
    -webkit-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
  }
  .mob-tools-close {
    width: 16px;
    height: 16px;
    opacity: 0;
    position: absolute;
    -webkit-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
  }
  .mob-tools-list {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: none;
    opacity: 0;
  }
  .mob-tools-item {
    width: 48px;
    height: 48px;
    background: #12abdb;
    border-radius: 50%;
    padding: 0;
    margin: 16px 0;
    display: block;
  }
  .mob-tools-item img {
    width: 24px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .cookie-page {
    padding-bottom: 178px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mob-tools {
    right: 40px;
  }
  .applications-row .mob-scroll-offset {
    position: relative;
    display: block;
    padding: 20px;
  }
  .mob-scroll {
    width: calc(100% + 80px);
    max-width: 200%;
    margin-left: -40px;
    padding-left: 40px;
  }
  .mob-scroll .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mob-scroll .simplebar-track {
    display: none;
  }
  .mob-scroll-offset {
    position: relative;
    display: block;
    padding: 10px;
  }
}
@media screen and (max-width: 599px) {
  body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width: 320px;
  }
  h1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .mob-scroll {
    width: calc(100% + 32px);
    max-width: 200%;
    margin-left: 0px;
    padding-left: 16px;
  }
  .mob-scroll .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mob-scroll .simplebar-track {
    display: none;
  }
  .mob-scroll-offset {
    position: relative;
    display: block;
    padding: 8px;
  }
  .mob-tools {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 9;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .mob-tools.static {
    position: absolute;
    bottom: 101px;
  }
  .mob-tools-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #12abdb;
    position: relative;
    -webkit-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
  }
  .mob-tools-btn.opened {
    background: #02111d;
  }
  .mob-tools-btn.opened .mob-tools-close {
    opacity: 1;
  }
  .mob-tools-btn.opened .mob-tools-open {
    opacity: 0;
  }
  .mob-tools-open {
    width: auto;
    height: auto;
    position: absolute;
    -webkit-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
  }
  .mob-tools-close {
    width: 16px;
    height: 16px;
    opacity: 0;
    position: absolute;
    -webkit-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.3s all cubic-bezier(0.5, 0, 0, 1);
  }
  .mob-tools-list {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: none;
    opacity: 0;
  }
  .mob-tools-item {
    width: 48px;
    height: 48px;
    background: #12abdb;
    border-radius: 50%;
    padding: 0;
    margin: 16px 0;
    display: block;
  }
  .mob-tools-item img {
    width: 24px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .cookie-page {
    padding-bottom: 168px;
  }
}
@media screen and (max-width: 700px) {
  .margin-title {
    margin-bottom: 25px;
  }
  .h1 {
    font-size: 34px;
  }
}
.bottom {
  padding-top: 56px;
  padding-bottom: 56px;
}
.bottom .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.bottom-left {
  margin-right: auto;
}
.bottom-left-title {
  margin-bottom: 24px;
}
.bottom-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bottom-list-item {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #ff304c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin-right: 28px;
}
.bottom-list-item:before {
  content: '';
  width: 0;
  height: 1px;
  background-color: #ff304c;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.bottom-list-item:hover:before {
  width: calc(100% - 4px);
}
.bottom-list-item:after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff304c;
  position: relative;
  left: 14px;
}
.bottom-list-item:last-child {
  margin-right: 0;
}
.bottom-list-item:last-child:before {
  left: 4px;
}
.bottom-list-item:last-child:after {
  content: none;
}
.bottom-right {
  position: relative;
  left: 16px;
}
.bottom-right-title {
  margin-bottom: 12px;
}
.bottom-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bottom-contacts button {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  background: #ff304c;
  margin-right: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.bottom-contacts-description {
  width: 185px;
}
.light .bottom {
  color: #000;
}
.light .bottom-list-item {
  color: #12abdb;
}
.light .bottom-list-item:before {
  background: #12abdb;
}
.light .bottom-list-item:not(:last-child):after {
  background: #12abdb;
}
.light .bottom button {
  background: #12abdb;
  border-color: #12abdb;
  color: #fff;
}
.light .bottom button:hover {
  background: #12abdb;
  color: #fff;
}
.light .bottom button:before {
  background: -o-radial-gradient(circle closest-side, #004596, transparent);
  background: radial-gradient(circle closest-side, #004596, transparent);
}
@media screen and (min-width: 1515px) {
  .bottom {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .bottom-left {
    margin-right: auto;
  }
  .bottom-left-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .bottom-list-item {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .bottom-list-item:not(:last-child) {
    margin-right: 68px;
  }
  .bottom-list-item:not(:last-child):after {
    top: 2px;
    left: 34px;
  }
  .bottom-right {
    left: -70px;
  }
  .bottom-right-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .bottom-contacts button {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 16px;
  }
  .bottom-contacts-description {
    width: 215px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .bottom {
    padding-top: 60px;
    padding-bottom: 150px;
  }
  .bottom .container {
    padding: 0 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
    position: relative;
    top: -1px;
  }
  .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bottom-contacts button {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 24px;
    margin-right: 16px;
  }
  .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .bottom-right {
    padding-top: 40px;
    left: 0;
  }
  .bottom-right-title {
    position: absolute;
    left: 146px;
  }
  .bottom-bg {
    top: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .bottom .container {
    padding: 0 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 599px) {
  .bottom {
    padding-top: 24px;
    padding-bottom: 128px;
  }
  .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bottom-left {
    margin-bottom: 24px;
    width: 100%;
  }
  .bottom-left-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .bottom-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bottom-list-item {
    line-height: 22px;
    margin-bottom: 8px;
  }
  .bottom-right {
    left: initial;
  }
  .bottom-right-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .bottom-contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .bottom-contacts button {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 12px;
    margin-right: 0;
  }
  .bottom-contacts-description {
    width: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.btn {
  padding: 11px 24px;
  color: #fff;
  background: #ff304c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 64px;
  text-decoration: none;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-transition: 0.7s all ease, 0.1s color ease;
  -o-transition: 0.7s all ease, 0.1s color ease;
  transition: 0.7s all ease, 0.1s color ease;
}
.btn:active,
.btn:focus {
  padding: 11px 24px;
}
.btn:before {
  content: '';
  position: absolute;
  display: block;
  width: 200px;
  height: 200px;
  background: -o-radial-gradient(circle closest-side, #9e1423, transparent);
  background: radial-gradient(circle closest-side, #9e1423, transparent);
  -webkit-transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y)));
  -ms-transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y)));
  transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y)));
  -webkit-transition: 0.7s opacity ease;
  -o-transition: 0.7s opacity ease;
  transition: 0.7s opacity ease;
  opacity: 0;
  left: 0;
  top: 0;
}
.btn:hover {
  color: #fff;
  background: #ff304c;
}
.btn:hover:before {
  opacity: 1;
}
.btn.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: auto;
}
.btn span {
  position: relative;
  pointer-events: none;
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.btn-fill-blue,
.products-item .bottom-group-btn,
.products-item .integration-group-btn,
.dsrr-page .form-submitted-btn,
.dsrr-page .main-submit,
.careers-page .main .info-btn,
.careers-page .head-btn,
.head-btn-sale {
  background: #12abdb;
  color: #fff;
}
.btn-fill-blue:hover,
.products-item .bottom-group-btn:hover,
.products-item .integration-group-btn:hover,
.dsrr-page .form-submitted-btn:hover,
.dsrr-page .main-submit:hover,
.careers-page .main .info-btn:hover,
.careers-page .head-btn:hover,
.head-btn-sale:hover {
  background: #12abdb;
}
.btn-fill-blue:hover:before,
.products-item .bottom-group-btn:hover:before,
.products-item .integration-group-btn:hover:before,
.dsrr-page .form-submitted-btn:hover:before,
.dsrr-page .main-submit:hover:before,
.careers-page .main .info-btn:hover:before,
.careers-page .head-btn:hover:before,
.head-btn-sale:hover:before {
  opacity: 1;
}
.btn-fill-blue:before,
.products-item .bottom-group-btn:before,
.products-item .integration-group-btn:before,
.dsrr-page .form-submitted-btn:before,
.dsrr-page .main-submit:before,
.careers-page .main .info-btn:before,
.careers-page .head-btn:before,
.head-btn-sale:before {
  background: -o-radial-gradient(circle closest-side, #004596, transparent);
  background: radial-gradient(circle closest-side, #004596, transparent);
}
.btn-fill-red,
.form-submit-btn {
  background: #ff304c;
  color: #fff;
}
.btn-fill-red:hover:before,
.form-submit-btn:hover:before {
  opacity: 1;
}
.btn-fill-red:before,
.form-submit-btn:before {
  background: -o-radial-gradient(circle closest-side, #9e1423, transparent);
  background: radial-gradient(circle closest-side, #9e1423, transparent);
}
.btn-outline-blue,
.training-programs-page .main-services-btn,
.technology-support-page .main-services-btn,
.technology-support-page .payment-item.custom .payment-item-btn,
.technology-support-page .payment-item.start .payment-item-btn,
.products-item .bottom-group-btn.transparent,
.products-item .integration-group-btn.transparent,
.products-item .first-buttons-sale,
.products-item .first-buttons-download,
.careers-page .internship-btn {
  color: #000;
  background: transparent;
  border-color: #12abdb;
  border: 1px solid #12abdb;
}
.btn-outline-blue:hover,
.training-programs-page .main-services-btn:hover,
.technology-support-page .main-services-btn:hover,
.technology-support-page .payment-item.custom .payment-item-btn:hover,
.technology-support-page .payment-item.start .payment-item-btn:hover,
.products-item .bottom-group-btn.transparent:hover,
.products-item .integration-group-btn.transparent:hover,
.products-item .first-buttons-sale:hover,
.products-item .first-buttons-download:hover,
.careers-page .internship-btn:hover {
  color: #fff;
  background: #12abdb;
  border-color: #0976b7;
}
.btn-outline-blue:hover:before,
.training-programs-page .main-services-btn:hover:before,
.technology-support-page .main-services-btn:hover:before,
.technology-support-page .payment-item.custom .payment-item-btn:hover:before,
.technology-support-page .payment-item.start .payment-item-btn:hover:before,
.products-item .bottom-group-btn.transparent:hover:before,
.products-item .integration-group-btn.transparent:hover:before,
.products-item .first-buttons-sale:hover:before,
.products-item .first-buttons-download:hover:before,
.careers-page .internship-btn:hover:before {
  opacity: 1;
}
.btn-outline-blue:before,
.training-programs-page .main-services-btn:before,
.technology-support-page .main-services-btn:before,
.technology-support-page .payment-item.custom .payment-item-btn:before,
.technology-support-page .payment-item.start .payment-item-btn:before,
.products-item .bottom-group-btn.transparent:before,
.products-item .integration-group-btn.transparent:before,
.products-item .first-buttons-sale:before,
.products-item .first-buttons-download:before,
.careers-page .internship-btn:before {
  background: -o-radial-gradient(circle closest-side, #004596, transparent);
  background: radial-gradient(circle closest-side, #004596, transparent);
}
.btn-outline-red,
.technology-support-page .payment-item.enterprise .payment-item-btn {
  color: #000;
  background: transparent;
  border: 1px solid #ff304c;
}
.btn-outline-red:hover,
.technology-support-page .payment-item.enterprise .payment-item-btn:hover {
  color: #fff;
  background: #ff304c;
  border-color: transparent;
}
.btn-outline-red:hover:before,
.technology-support-page
  .payment-item.enterprise
  .payment-item-btn:hover:before {
  opacity: 1;
}
.btn-outline-red:before,
.technology-support-page .payment-item.enterprise .payment-item-btn:before {
  background: -o-radial-gradient(circle closest-side, #9e1423, transparent);
  background: radial-gradient(circle closest-side, #9e1423, transparent);
}
.btn-icon,
.mini-btn-icon {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.btn-icon svg,
.mini-btn-icon svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.btn-icon svg path,
.mini-btn-icon svg path {
  fill: #000;
}
.btn-icon:hover svg path,
.mini-btn-icon:hover svg path {
  fill: #fff;
}
@media screen and (min-width: 1515px) {
  .btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    padding: 11px 32px;
  }
  .btn:focus,
  .btn:active {
    padding: 11px 32px;
  }
  .mini-btn,
  .mini-btn-icon {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .mini-btn:focus,
  .mini-btn:active,
  .mini-btn-icon:focus,
  .mini-btn-icon:active {
    padding: 11px 32px;
  }
  .btn-icon svg,
  .mini-btn-icon svg {
    width: 22px;
    height: 22px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 24px;
  }
  .btn:active,
  .btn:focus {
    padding: 12px 24px;
  }
  .mini-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 24px;
  }
  .mini-btn:active,
  .mini-btn:focus {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 599px) {
  .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 20px;
  }
  .btn:active,
  .btn:focus {
    padding: 12px 20px;
  }
  .mini-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 16px;
  }
  .mini-btn:active,
  .mini-btn:focus {
    padding: 8px 16px;
  }
}
.checkbox-default-input {
  display: none;
}
.checkbox-default-input:checked + label.checkbox-default-label .checkbox-icon {
  border-color: #ff304c;
  background-color: #ff304c;
}
.checkbox-default-input:checked
  + label.checkbox-default-label
  .checkbox-icon
  svg
  path {
  fill: #fff;
}
.checkbox-default-label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
}
.checkbox-default-label:hover .checkbox-icon {
  border: 1px solid #ff304c;
}
.checkbox-default-label:hover .checkbox-title {
  color: #000;
}
.checkbox-default-label .checkbox-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.checkbox-default-label .checkbox-icon svg path {
  fill: transparent;
}
.checkbox-default-label .checkbox-title {
  color: #000;
}
.checkbox-default.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.dark .checkbox-default .checkbox-title {
  color: #fff;
}
.dark .checkbox-default-label:hover .checkbox-icon {
  border-color: #ff304c;
}
.dark .checkbox-default .checkbox-icon {
  border-color: #fff;
}
.light
  .checkbox-default-input:checked
  + label.checkbox-default-label
  .checkbox-icon {
  border-color: #12abdb;
  background-color: #12abdb;
}
.light
  .checkbox-default-input:checked
  + label.checkbox-default-label
  .checkbox-icon
  svg
  path {
  fill: #fff;
}
.light .checkbox-default-label:hover .checkbox-icon {
  border-color: #12abdb;
}
@media screen and (min-width: 1515px) {
  .checkbox-default .checkbox-icon {
    width: 24px;
    height: 24px;
  }
  .checkbox-default .checkbox-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  .checkbox-default .checkbox-icon {
    width: 20px;
    height: 20px;
  }
  .checkbox-default .checkbox-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .checkbox-default-label:hover .checkbox-icon {
    border-color: unset;
  }
}
.filter {
  width: 304px;
  position: sticky;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  top: 96px;
  max-height: 80vh;
  border-radius: 4px;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  background: #eef9ff;
  overflow: hidden;
  opacity: 0;
  padding-left: 24px;
}
.filter.filter--components {
  padding: 0;
}
.filter.filter--components .filter-wrap {
  padding: 44px 30px 30px;
}
.filter.filter--components .filter-clear {
  top: 20px;
  right: 20px;
}
.filter.filter--components div.checkbox-default {
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #dbf2ff;
}
.filter.filter--components div.checkbox-default:last-child {
  padding-bottom: 0;
  border: none;
}
.filter-wrap {
  height: 100%;
  padding-right: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.filter-clear {
  color: #12abdb;
  background: none;
  position: absolute;
  right: 20px;
  top: 26px;
  padding: 0;
}
.filter-clear:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  opacity: 1;
}
.filter-clear:hover {
  opacity: 0.5;
}
.filter-clear:hover:after {
  opacity: 0;
}
.filter-dropdown {
  border-bottom: 1px solid #dbf2ff;
  padding-bottom: 16px;
  margin-bottom: 16px;
  overflow: hidden;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.filter-dropdown.closed {
  height: 41px !important;
}
.filter-dropdown.closed .filter-dropdown-list {
  opacity: 0;
}
.filter-dropdown.closed .filter-dropdown-btn img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.filter-dropdown.many .filter-dropdown-more {
  display: block;
}
.filter-dropdown:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.filter-dropdown:last-child.closed {
  height: 24px !important;
}
.filter-dropdown-btn {
  background: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.filter-dropdown-btn img {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.filter-dropdown-btn span {
  margin-right: 8px;
}
.filter-dropdown-btn:hover span {
  color: #12abdb;
}
.filter-dropdown-list {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.filter-dropdown .checkbox-default {
  opacity: 1;
}
.filter-dropdown-more {
  color: #12abdb;
  background: none;
  padding: 0;
  position: relative;
  margin-top: 12px;
  display: none;
}
.filter-dropdown-more:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  opacity: 1;
}
.filter-dropdown-more:hover {
  opacity: 0.5;
}
.filter-dropdown-more:hover:after {
  opacity: 0;
}
.filter .checkbox-default {
  margin-top: 12px;
}
.filter .checkbox-default:hover .checkbox-title {
  color: #12abdb;
}
.filter .scrollbar-track-y {
  top: 24px;
  right: 12px !important;
  height: calc(100% - 48px);
  overflow: hidden;
}
@media screen and (min-width: 1515px) {
  .filter {
    width: 336px;
    padding-left: 32px;
  }
  .filter-wrap {
    padding-top: 48px;
    padding-right: 32px;
    padding-bottom: 32px;
  }
  .filter-dropdown {
    margin-bottom: 20px;
  }
  .filter-dropdown.closed {
    height: 53px !important;
  }
  .filter-dropdown:last-child.closed {
    height: 32px !important;
  }
  .filter-dropdown-btn span {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .filter-dropdown-more {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
  }
  .filter-clear {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    top: 54px;
    right: 32px;
  }
  .filter .checkbox-default {
    margin-top: 16px;
  }
  .filter .scrollbar-track-y {
    height: calc(100% - 80px);
    top: 48px;
  }
}
.input {
  position: relative;
  margin: 0;
  width: 100%;
  margin-bottom: 8px;
}
.input-head {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 4px;
}
.input-head .input-label {
  margin-bottom: 0;
}
.input-prompt {
  color: #12abdb;
  opacity: 0.3;
}
.input-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 4px;
  margin-right: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #fff;
}
.input-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: text;
  position: absolute;
  left: 16px;
  bottom: 11px;
  color: #1b5583;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input input {
  background: #08334f;
  color: #fff;
  height: 42px;
  padding-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
}
.input textarea {
  background: #08334f;
  color: #fff;
  padding-left: 16px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 4px;
  resize: none;
  padding-top: 9px;
  min-height: 90px;
  padding-right: 42px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.input textarea + .input-placeholder {
  top: 30px;
}
.input input:focus,
.input textarea:focus {
  border-color: #12abdb;
}
.input:hover input,
.input:hover textarea {
  border-color: #12abdb;
}
.form-select {
  position: relative;
  width: 100%;
  margin-bottom: 8px;
  z-index: 2;
}
.form-select.active .form-select-title:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.form-select-head {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
}
.form-select-label {
  margin-right: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.form-select-prompt {
  color: #12abdb;
  opacity: 0.3;
}
.form-select-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  padding: 0;
  padding-left: 16px;
  text-align: left;
  border-radius: 4px;
  height: 42px;
  width: 100%;
  background: #08334f;
  color: #fff;
}
.form-select-title:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 8px;
  background: url('../img/icons/select-arrow-white.svg') no-repeat;
  top: calc(50% - 4px);
  right: 16px;
  background-size: cover;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
}
.form-select-title:focus,
.form-select-title:active {
  padding-left: 16px;
}
.form-select-list {
  width: 100%;
  position: absolute;
  top: calc(100% + 10px);
  border-radius: 4px;
  padding: 8px 16px;
  padding-top: 0;
  z-index: 3;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  color: #fff;
  background: #08334f;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
}
.form-select-list.scroll-init {
  position: absolute !important;
  max-height: 236px;
  padding: 8px 0;
}
.form-select-list.scroll-init .simplebar-track.simplebar-vertical {
  width: 4px;
  top: 12px !important;
  right: 8px !important;
  height: calc(100% - 24px) !important;
  background: #66869c;
}
.form-select-list.scroll-init .simplebar-scrollbar::before {
  background: #1b5583;
}
.form-select-list.scroll-init .form-select-item {
  padding: 12px 16px;
}
.form-select-list.scroll-init .form-select-item:hover {
  background: #092a42;
  color: #fff;
}
.form-select-list.scroll-init .form-select-item.active {
  color: #ff304c;
}
.form-select-list.scroll-init .form-select-item.active:hover {
  background: transparent;
  color: #ff304c;
}
.form-select-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 0;
  cursor: pointer;
}
.form-select-item:hover {
  color: #ff304c;
}
.form-select-item.active {
  color: #12abdb;
}
.form-select-item.active:hover {
  color: #12abdb;
}
.drag {
  position: relative;
}
.drag input[type='file'] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.drag input[type='file']:focus + .drag-area-placeholder label {
  opacity: 0.6;
}
.drag .mob-drag-btn {
  display: none;
}
.drag-area {
  position: relative;
  height: 76px;
  border-radius: 4px;
  padding: 0 16px;
  background: #08334f;
  border: 1px dashed #12abdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 2px;
}
.drag-area.dragover {
  opacity: 0.6;
}
.drag-area-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1b5583;
}
.drag-area-placeholder label {
  color: #12abdb;
  cursor: pointer;
  position: relative;
  margin-bottom: 4px;
}
.drag-area-placeholder label:hover {
  opacity: 0.6;
}
.drag-area-types {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1b5583;
}
.drag-response {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: none;
  color: #fff;
  background: #1b5583;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  padding: 0 14px;
  height: 44px;
  width: calc(100% - 32px);
  top: calc(50% - 22px);
  left: 16px;
}
.drag-response img {
  margin: 0 !important;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px !important;
}
.drag-response-name {
  margin-right: 16px;
}
.drag-response-size {
  display: none;
}
.drag-response-clear {
  background: 0;
  padding: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  position: relative;
  top: 1px;
}
.drag-response-clear svg path {
  fill: #fff;
}
.form a {
  color: #ff304c;
}
.form a:hover {
  opacity: 0.6;
}
.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-row .input {
  margin-right: 8px;
}
.form-row .input:last-child {
  margin-right: 0;
}
.form-row .input-tel {
  width: 210px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.form-checkboxes {
  margin-top: 4px;
  margin-bottom: 16px;
}
.form .checkbox-default {
  margin-bottom: 12px;
}
.form-submit-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.form-submit-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 16px;
  width: 206px;
}
.form-notify {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #ff304c;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.form-accepted::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 31px;
  right: 12px;
  background: url('../img/icons/form-accept.svg') no-repeat;
  background-size: cover;
}
.form-accepted.form-select::after {
  content: none;
}
.form-accepted.main-section::after {
  content: none;
}
.form-error input,
.form-error textarea {
  border: 1px solid #ff304c !important;
}
.form-error input:hover,
.form-error textarea:hover {
  border: 1px solid #ff304c !important;
}
.form-error .form-notify {
  display: block;
}
.form-error::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 31px;
  right: 12px;
  background: url('../img/icons/form-error.svg') no-repeat;
  background-size: cover;
}
.form-call {
  display: none;
}
.light .page .input-label {
  color: #000;
}
.light .page .input input,
.light .page .input textarea {
  background: #eef9ff;
  color: #000;
}
.light .page .input input:focus,
.light .page .input textarea:focus {
  border-color: #12abdb;
}
.light .page .input-placeholder {
  color: #b2e2ff;
}
.light .page .input:hover input,
.light .page .input:hover textarea {
  border-color: #12abdb;
}
.light .page .drag-area {
  background: #eef9ff;
  border: 1px dashed #12abdb;
}
.light .page .drag-area-placeholder {
  color: #b2e2ff;
}
.light .page .drag-area-placeholder label {
  color: #12abdb;
}
.light .page .drag-response {
  background: #b2e2ff;
  color: #000;
}
.light .page .drag-response-clear svg path {
  fill: #000;
}
.light .page .drag-response-clear:hover {
  opacity: 0.6;
}
.light .page .form-select-title {
  background: #eef9ff;
  color: #000;
}
.light .page .form-select-title:after {
  background: url('../img/icons/select-arrow-black.svg') no-repeat;
}
.light .page .form-select-list {
  background: #eef9ff;
  color: #000;
}
.light .page .form-select-list.scroll-init .form-select-item {
  border: 0;
}
.light .page .form-select-list.scroll-init .form-select-item:hover {
  background: #dbf2ff;
  color: #000;
}
.light .page .form-select-list.scroll-init .form-select-item.active:hover {
  background: transparent;
  color: #ff304c;
}
.light .page .form-select-list.scroll-init .simplebar-track.simplebar-vertical {
  background: #fff;
}
.light .page .form-select-list.scroll-init .simplebar-scrollbar::before {
  background: #b2e2ff;
}
.light .page .form-select-item {
  border-bottom: 1px solid rgba(178, 226, 255, 0.5);
}
.light .page .form-select-item:hover {
  color: #ff304c;
}
.light .page .form-select-item:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 1515px) {
  .input input {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    height: 48px;
  }
  .input textarea {
    height: 144px;
  }
  .input-placeholder {
    bottom: 15px;
  }
  .drag-area-placeholder,
  .drag-response {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .drag-area {
    height: 76px;
  }
  .drag-response {
    top: 15px;
    left: 15px;
  }
  .form-error:after,
  .form-accepted:after {
    top: 34px;
  }
  .form-checkboxes {
    margin-top: 20px;
  }
  .form-select-title {
    height: 48px;
  }
}
@media screen and (max-height: 600px) and (min-width: 961px) {
  .form-container {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .drag-area {
    height: auto;
    padding: 0;
    border: 0;
    background: 0;
    border-radius: 0;
  }
  .drag-area-placeholder {
    display: none;
  }
  .drag-area-input {
    height: 0;
  }
  .drag-response {
    padding: 12px 16px;
    background: transparent;
    position: relative;
    height: auto;
    top: initial;
    left: initial;
    border: 1px dashed #12abdb;
    border-radius: 4px;
    margin-top: 12px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .drag-response-clear {
    position: absolute;
    top: 14px;
    right: 14px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .drag-response-clear svg {
    width: 16px;
    height: 16px;
  }
  .drag-response-clear svg path {
    stroke: #fff;
  }
  .drag-response-name {
    padding-right: 24px;
    margin-right: 0;
    word-wrap: anywhere;
  }
  .drag-response-size {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin-top: 8px;
    color: #1b5583;
  }
  .drag .input-head {
    display: none;
  }
  .drag .mob-drag-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 40px;
    background: 0;
    border-radius: 64px;
    border: 1px solid #12abdb;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px;
  }
  .drag .mob-drag-btn img {
    margin-right: 8px;
  }
}
@media screen and (max-width: 599px) {
  .form-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-row .input {
    margin-right: 0;
  }
  .form-error:after,
  .form-accepted:after {
    width: 24px;
    height: 24px;
    right: 10px;
    top: 30px;
  }
  .form-select-title {
    height: 44px;
    overflow: hidden;
    padding-right: 32px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .form-select-title:focus,
  .form-select-title:active {
    padding-right: 32px;
  }
  .form-select-list {
    top: calc(100% + 8px);
    bottom: initial;
  }
  .input {
    margin-bottom: 12px;
  }
  .input:hover input,
  .input:hover textarea {
    border-color: transparent;
  }
  .input input {
    height: 44px;
  }
  .input textarea {
    height: 100px;
    min-height: 100px;
  }
  .input-placeholder {
    color: #1b5583 !important;
  }
  .input-placeholder > a {
    color: #1b5583 !important;
  }
  .drag-area {
    height: auto;
    padding: 0;
    border: 0;
    background: 0;
    border-radius: 0;
  }
  .drag-area-placeholder {
    display: none;
  }
  .drag-area-input {
    height: 0;
  }
  .drag-response {
    padding: 12px 16px;
    background: transparent;
    position: relative;
    height: auto;
    top: initial;
    left: initial;
    border: 1px dashed #12abdb;
    border-radius: 4px;
    margin-top: 12px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .drag-response-clear {
    position: absolute;
    top: 14px;
    right: 14px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .drag-response-clear svg {
    width: 16px;
    height: 16px;
  }
  .drag-response-clear svg path {
    stroke: #fff;
  }
  .drag-response-name {
    padding-right: 24px;
    margin-right: 0;
    word-wrap: anywhere;
  }
  .drag-response-size {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin-top: 8px;
    color: #1b5583;
  }
  .drag .input-head {
    display: none;
  }
  .drag .mob-drag-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 40px;
    background: 0;
    border-radius: 64px;
    border: 1px solid #12abdb;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
  }
  .drag .mob-drag-btn img {
    margin-right: 8px;
  }
}
.head {
  padding-top: 72px;
  padding-bottom: 32px;
}
.head .container {
  padding: 0 200px;
}
.head-back {
  display: none;
  position: absolute;
  left: -42px;
  top: 6px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.head-back span {
  display: none;
}
.head-back svg {
  width: 28px;
  height: 28px;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}
.head-back ellipse {
  fill: #dbf2ff;
}
.head-back path {
  stroke: #000;
}
.head-back:hover svg {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.head-back:hover svg path {
  stroke: #ff304c;
}
.head-title {
  color: #12abdb;
  margin-bottom: 0;
}
.head-title-wrap {
  position: relative;
}
.head-title-wrap.inner .head-back {
  display: block;
}
.head-title-wrap.inner .head-title {
  margin-bottom: 0;
  color: #12abdb;
}
.head-description {
  margin-top: 8px;
}
.head-description p {
  margin-bottom: 8px;
}
.head-description p:last-child {
  margin-bottom: 0;
}
.head-description b {
  color: #ff304c;
}
.head-logo {
  display: none;
  border-radius: 4px;
  width: 216px;
  height: 108px;
  margin-right: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
  background: #fff;
}
.head-text {
  margin-top: 8px;
}
.head-text p {
  margin-bottom: 8px;
}
.head-text p:last-child {
  margin-bottom: 0;
}
.head-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
}
.head-info-item {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 20px;
  position: relative;
}
.head-info-item:before {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -12px;
  top: 10px;
}
.head-info-item:first-child {
  margin-left: 0;
}
.head-info-item:first-child:before {
  content: none;
}
.head-info-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.head-info-tag {
  margin-right: 8px;
  color: #12abdb;
  position: relative;
}
.head-info-tag:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.head-info-tag:hover {
  color: #12abdb;
}
.head-info-tag:hover:after {
  opacity: 0;
}
.head-info-tag:last-child {
  margin-right: 0;
}
.head-application {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 24px;
  border-radius: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 4px;
  position: relative;
  left: -24px;
}
.head-application.first-head-application {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.head-application-title {
  margin-right: 16px;
}
.head-application-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #dbf2ff;
  border-radius: 4px;
  padding: 4px 8px;
  margin-right: 12px;
}
.head-application-link:last-child {
  margin-right: 0;
}
.head-application-link:hover {
  background: #12abdb;
  color: #fff;
}
.head-application-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.head-application-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 128px;
  height: 64px;
  border-radius: 4px;
}
.head-application-thumb:after {
  content: '';
  position: relative;
  display: block;
  margin: 0 24px;
  height: 40px;
  width: 1px;
  background: #dbf2ff;
}
.head-buttons {
  margin-top: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.head-btn-sale {
  margin-right: 24px;
}
.head-btn {
  background: 0;
  padding: 0;
  position: relative;
  margin-right: 24px;
}
.head-btn b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.head-btn:last-child {
  margin-right: 0;
}
.head-btn:last-child:after {
  content: none;
}
.head-btn:after {
  content: '';
  background: #12abdb;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: -14px;
}
.head-btn:hover {
  color: #12abdb;
}
.head-tags {
  margin-top: 24px;
  background: #eef9ff;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  padding: 16px 24px;
  padding-bottom: 8px;
  margin-left: -24px;
  max-width: 660px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding-left: 0;
  position: relative;
}
.head-tags:before {
  content: '';
  height: 100%;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: #eef9ff;
  z-index: 1;
}
.head-tags-item {
  margin-left: 24px;
  position: relative;
  margin-bottom: 8px;
}
.head-tags-item:before {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  position: absolute;
  left: -14px;
  top: 8px;
  width: 4px;
  height: 4px;
}
.head-tags-item:last-child {
  margin-right: 0;
}
.head-tags-item:last-child:after {
  content: none;
}
.head-tags-item.current {
  color: #12abdb;
}
.head-tags-item.link-dashed {
  color: #000;
}
.head-tags-item.link-dashed:after {
  background: url('../img/underline.svg');
  opacity: 1;
}
.head-tags-item.link-dashed:hover {
  color: #12abdb;
}
.head-tags-item.link-dashed:hover:after {
  opacity: 0;
}
.head-tags-item.link-dashed:last-child:after {
  content: '';
}
.head-tags-item.link-dashed.current {
  color: #12abdb;
  pointer-events: none;
}
.head-tags-item.link-dashed.current:after {
  content: none;
}
.head-links {
  margin-top: 24px;
  background: #eef9ff;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  padding: 16px 24px;
  padding-bottom: 8px;
  margin-left: -24px;
  max-width: 660px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 4px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.head-links:before {
  content: '';
  height: 100%;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: #eef9ff;
  z-index: 1;
}
.head-links-item {
  margin-left: 24px;
  position: relative;
  margin-bottom: 8px;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.head-links-item:before {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  position: absolute;
  left: -14px;
  top: 11px;
  width: 4px;
  height: 4px;
}
.head-links-item:last-child {
  margin-right: 0;
}
.head-links-item:last-child:after {
  content: none;
}
.head-links-item:hover {
  color: #12abdb;
}
.head-links-item:hover svg path {
  fill: #12abdb;
}
.head-links-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.head-links-item svg {
  margin-left: 4px;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.head-links-item svg path {
  fill: #a1b2bb;
}
@media screen and (min-width: 1515px) {
  .head {
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .head .container {
    padding: 0 280px;
    padding-right: 190px;
  }
  .head-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    max-width: 850px;
  }
  .head-title-wrap.inner .head-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
  }
  .head-title-wrap.inner .head-back {
    left: -70px;
  }
  .head-title-wrap.inner .head-back svg {
    width: 40px;
    height: 40px;
  }
  .head-info {
    width: 100%;
    margin-top: 16px;
  }
  .head-info-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 36px;
  }
  .head-info-item:before {
    left: -20px;
    top: 15px;
  }
  .head-info-tags {
    margin-left: 16px;
    top: 1px;
  }
  .head-info-tag {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 16px;
  }
  .head-logo {
    display: block;
  }
  .head-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 16px;
    max-width: 991px;
  }
  .head-description b {
    color: #ff304c;
  }
  .head-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    max-width: 950px;
    margin-top: 16px;
  }
  .head-application {
    padding: 16px 24px;
    margin-top: 32px;
  }
  .head-application-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .head-application-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .head-buttons {
    margin-top: 32px;
  }
  .head-btn-sale {
    margin-right: 32px;
  }
  .head-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-right: 32px;
  }
  .head-btn:after {
    top: 14px;
    right: -19px;
  }
  .head-tags {
    margin-top: 32px;
    padding: 24px 32px;
    padding-left: 0;
    padding-bottom: 16px;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: -32px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .head-tags:before {
    width: 32px;
  }
  .head-tags-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 32px;
  }
  .head-tags-item:before {
    top: 10px;
    left: -18px;
  }
  .head-links {
    margin-top: 32px;
    padding: 24px 32px;
    margin-left: -32px;
    max-width: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding-left: 0;
    padding-bottom: 16px;
  }
  .head-links-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 32px;
  }
  .head-links-item:before {
    top: 10px;
    left: -18px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .head {
    padding-bottom: 32px;
  }
  .head .container {
    padding: 0 64px;
  }
  .head-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .head-title-wrap.inner .head-title {
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
  }
  .head-title-wrap.inner .head-back {
    left: 0;
    top: 0;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .head-title-wrap.inner .head-back svg {
    width: 40px;
    height: 40px;
    margin-right: 8px;
  }
  .head-title-wrap.inner .head-back span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .head-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .head-dropdown {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .head-dropdown.closed {
    height: 24px !important;
  }
  .head-dropdown.closed svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .head-dropdown.closed .head-dropdown-list {
    opacity: 0;
  }
  .head-dropdown-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .head-dropdown-btn:active,
  .head-dropdown-btn:focus {
    padding: 0;
  }
  .head-dropdown svg {
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .head-dropdown-title {
    color: #12abdb;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .head-dropdown-title.link-dashed {
    color: #12abdb;
  }
  .head-dropdown-title.link-dashed:after {
    width: calc(100% + 1px);
    background: url('../img/underline-blue.svg') repeat;
  }
  .head-dropdown-list {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-top: 8px;
  }
  .head-tags {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-left: -24px;
    margin-top: 8px;
  }
  .head-tags-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 6px;
  }
  .head-tags-item.current:after {
    content: none;
  }
  .head-application {
    padding: 12px 8px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    margin-top: 8px;
    overflow: hidden;
  }
  .head-application-thumb {
    display: none;
  }
  .head-application-title {
    width: 100%;
  }
  .head-application-link {
    margin-top: 4px;
  }
  .head-application-link:after {
    content: none;
  }
  .head-links {
    width: 100%;
    margin-left: -24px !important;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .head-links-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 0;
  }
  .head-links-item::before {
    top: auto;
  }
  .head-links-item span {
    position: relative;
  }
  .head-links-item span:after {
    content: none;
  }
  .head-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .head .container {
    padding: 0 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .head-tags {
    max-width: 620px;
  }
}
@media screen and (max-width: 599px) {
  .head {
    padding-bottom: 24px;
  }
  .head .container {
    padding: 0 16px;
  }
  .head-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .head-title-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .head-title-wrap.inner .head-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
  }
  .head-title-wrap.inner .head-back {
    left: 0;
    top: 0;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .head-title-wrap.inner .head-back svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .head-title-wrap.inner .head-back span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .head-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .head-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .head-dropdown {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .head-dropdown.closed {
    height: 24px !important;
  }
  .head-dropdown.closed svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .head-dropdown.closed .head-dropdown-list {
    opacity: 0;
  }
  .head-dropdown-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .head-dropdown-btn:active,
  .head-dropdown-btn:focus {
    padding: 0;
  }
  .head-dropdown svg {
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .head-dropdown-title {
    color: #12abdb;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .head-dropdown-title.link-dashed {
    color: #12abdb;
  }
  .head-dropdown-title.link-dashed:after {
    width: calc(100% + 1px);
    background: url('../img/underline-blue.svg') repeat;
  }
  .head-dropdown-list {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-top: 8px;
  }
  .head-tags {
    width: calc(100% + 32px);
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-left: -16px;
    padding-left: 16px;
    margin-top: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .head-tags:before {
    content: none;
  }
  .head-tags-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 0;
  }
  .head-tags-item:first-child {
    margin-left: 0;
  }
  .head-tags-item:first-child:before {
    content: none;
  }
  .head-tags-item.current:after {
    content: none;
  }
  .head-application {
    padding: 12px 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    margin-top: 8px;
    overflow: hidden;
  }
  .head-application-thumb {
    display: none;
  }
  .head-application-title {
    width: 100%;
  }
  .head-application-link {
    margin-top: 4px;
  }
  .head-application-link:after {
    content: none;
  }
  .head-links {
    width: calc(100% + 32px);
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-left: -16px;
    padding-left: 16px;
    margin-top: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .head-links:before {
    content: none;
  }
  .head-links-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 0;
  }
  .head-links-item:first-child {
    margin-left: 0;
  }
  .head-links-item:first-child:before {
    content: none;
  }
  .head-links-item span {
    position: relative;
  }
  .head-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.link,
.link-solid,
.link-dashed {
  color: #ff304c;
  position: relative;
  padding-bottom: 2px;
}
.link-dashed:after {
  content: '';
  background: url('../img/underline-red.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 1;
}
.link-dashed:hover:after {
  opacity: 0;
}
.link-solid:after {
  content: '';
  width: 30px;
  height: 1px;
  background-color: #ff304c;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.link-solid:hover:after {
  width: 100%;
}
.link-solid.c-blue {
  color: #0070ad;
}
.link-solid.c-blue:after {
  background-color: #0070ad;
}
.link-solid.c-blue-light {
  color: #12abdb;
}
.link-solid.c-blue-light:after {
  background-color: #12abdb;
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .link,
  .link-dashed,
  .link-solid {
    padding-bottom: 0;
  }
  .link-solid {
    position: absolute;
    bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
  .post-link.post-link {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
}
@media screen and (max-width: 599px) {
  .link,
  .link-dashed,
  .link-solid {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
.main-wrapper {
  background: #fff;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
}
.main-wrapper .wide-img {
  width: 100%;
  height: 390px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin-bottom: 0px;
}
.main-wrapper .main {
  padding: 32px 160px;
  padding-bottom: 64px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.main-wrapper .main a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: table;
  color: #12abdb;
  margin-top: 16px;
  margin-bottom: 16px;
}
.main-wrapper .main a.link-solid:after {
  background-color: #12abdb;
}
.main-wrapper .main a.link-dashed:after {
  background: url('../img/underline-blue.svg') repeat;
}
.main-wrapper .main a.btn-fill-blue,
.main-wrapper .main .products-item a.bottom-group-btn,
.products-item .main-wrapper .main a.bottom-group-btn,
.main-wrapper .main .products-item a.integration-group-btn,
.products-item .main-wrapper .main a.integration-group-btn,
.main-wrapper .main .dsrr-page a.form-submitted-btn,
.dsrr-page .main-wrapper .main a.form-submitted-btn,
.main-wrapper .main .dsrr-page a.main-submit,
.dsrr-page .main-wrapper .main a.main-submit,
.main-wrapper .careers-page .main a.info-btn,
.careers-page .main-wrapper .main a.info-btn,
.main-wrapper .main .careers-page a.head-btn,
.careers-page .main-wrapper .main a.head-btn,
.main-wrapper .main a.head-btn-sale {
  color: #fff;
}
.main-wrapper .main a.btn-fill-blue:hover,
.main-wrapper .main .products-item a.bottom-group-btn:hover,
.products-item .main-wrapper .main a.bottom-group-btn:hover,
.main-wrapper .main .products-item a.integration-group-btn:hover,
.products-item .main-wrapper .main a.integration-group-btn:hover,
.main-wrapper .main .dsrr-page a.form-submitted-btn:hover,
.dsrr-page .main-wrapper .main a.form-submitted-btn:hover,
.main-wrapper .main .dsrr-page a.main-submit:hover,
.dsrr-page .main-wrapper .main a.main-submit:hover,
.main-wrapper .careers-page .main a.info-btn:hover,
.careers-page .main-wrapper .main a.info-btn:hover,
.main-wrapper .main .careers-page a.head-btn:hover,
.careers-page .main-wrapper .main a.head-btn:hover,
.main-wrapper .main a.head-btn-sale:hover {
  color: #fff;
}
.main-wrapper .main a.btn-fill-red,
.main-wrapper .main a.form-submit-btn {
  color: #fff;
}
.main-wrapper .main a.btn-fill-red:hover,
.main-wrapper .main a.form-submit-btn:hover {
  color: #ff304c;
}
.main-wrapper .main a.btn-outline-blue,
.main-wrapper .main .training-programs-page a.main-services-btn,
.training-programs-page .main-wrapper .main a.main-services-btn,
.main-wrapper .main .technology-support-page a.main-services-btn,
.technology-support-page .main-wrapper .main a.main-services-btn,
.main-wrapper
  .main
  .technology-support-page
  .payment-item.custom
  a.payment-item-btn,
.technology-support-page
  .payment-item.custom
  .main-wrapper
  .main
  a.payment-item-btn,
.main-wrapper
  .main
  .technology-support-page
  .payment-item.start
  a.payment-item-btn,
.technology-support-page
  .payment-item.start
  .main-wrapper
  .main
  a.payment-item-btn,
.main-wrapper .main .products-item a.bottom-group-btn.transparent,
.products-item .main-wrapper .main a.bottom-group-btn.transparent,
.main-wrapper .main .products-item a.integration-group-btn.transparent,
.products-item .main-wrapper .main a.integration-group-btn.transparent,
.main-wrapper .main .products-item a.first-buttons-sale,
.products-item .main-wrapper .main a.first-buttons-sale,
.main-wrapper .main .products-item a.first-buttons-download,
.products-item .main-wrapper .main a.first-buttons-download,
.main-wrapper .main .careers-page a.internship-btn,
.careers-page .main-wrapper .main a.internship-btn,
.main-wrapper .main a.btn-outline-red,
.main-wrapper
  .main
  .technology-support-page
  .payment-item.enterprise
  a.payment-item-btn,
.technology-support-page
  .payment-item.enterprise
  .main-wrapper
  .main
  a.payment-item-btn {
  color: #000;
}
.main-wrapper .main a.btn-outline-blue:hover,
.main-wrapper .main .training-programs-page a.main-services-btn:hover,
.training-programs-page .main-wrapper .main a.main-services-btn:hover,
.main-wrapper .main .technology-support-page a.main-services-btn:hover,
.technology-support-page .main-wrapper .main a.main-services-btn:hover,
.main-wrapper
  .main
  .technology-support-page
  .payment-item.custom
  a.payment-item-btn:hover,
.technology-support-page
  .payment-item.custom
  .main-wrapper
  .main
  a.payment-item-btn:hover,
.main-wrapper
  .main
  .technology-support-page
  .payment-item.start
  a.payment-item-btn:hover,
.technology-support-page
  .payment-item.start
  .main-wrapper
  .main
  a.payment-item-btn:hover,
.main-wrapper .main .products-item a.bottom-group-btn.transparent:hover,
.products-item .main-wrapper .main a.bottom-group-btn.transparent:hover,
.main-wrapper .main .products-item a.integration-group-btn.transparent:hover,
.products-item .main-wrapper .main a.integration-group-btn.transparent:hover,
.main-wrapper .main .products-item a.first-buttons-sale:hover,
.products-item .main-wrapper .main a.first-buttons-sale:hover,
.main-wrapper .main .products-item a.first-buttons-download:hover,
.products-item .main-wrapper .main a.first-buttons-download:hover,
.main-wrapper .main .careers-page a.internship-btn:hover,
.careers-page .main-wrapper .main a.internship-btn:hover,
.main-wrapper .main a.btn-outline-red:hover,
.main-wrapper
  .main
  .technology-support-page
  .payment-item.enterprise
  a.payment-item-btn:hover,
.technology-support-page
  .payment-item.enterprise
  .main-wrapper
  .main
  a.payment-item-btn:hover {
  color: #fff;
}
.main-wrapper .main p {
  margin-bottom: 8px;
}
.main-wrapper .main p a {
  display: inline-block;
  margin: 0;
}
.main-wrapper .main p a:hover {
  opacity: 0.6;
}
.main-wrapper .main ol {
  padding-left: 18px;
}
.main-wrapper .main ol ul {
  padding-left: 4px;
}
.main-wrapper .main ul {
  padding-left: 12px;
  margin-bottom: 16px;
}
.main-wrapper .main ul li {
  position: relative;
  margin-bottom: 0;
}
.main-wrapper .main ul li a {
  display: inline-block;
  margin: 0;
}
.main-wrapper .main ul li a:hover {
  opacity: 0.6;
}
.main-wrapper .main ul li:last-child {
  margin-bottom: 0;
}
.main-wrapper .main ul li:before {
  content: '';
  background: #12abdb;
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 50%;
  left: -12px;
  top: 10px;
}
.main-wrapper .main ul:last-of-type {
  margin-bottom: 0;
}
.main-wrapper .main iframe {
  width: calc(100% + 160px);
  height: 442px;
  margin-left: -80px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.main-wrapper .main img {
  border-radius: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
  max-width: 100%;
  height: auto;
}
.main-wrapper .main h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 24px;
}
.main-wrapper .main h2 {
  margin-bottom: 16px;
  margin-top: 48px;
}
.main-wrapper .main h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.main-wrapper .main h4,
.main-wrapper .main h5,
.main-wrapper .main h6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 32px;
  margin-bottom: 8px;
}
.main-wrapper .main cite {
  position: relative;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}
.main-wrapper .main cite:before {
  content: '(*) ';
}
.main-wrapper .main-section {
  margin-bottom: 32px;
}
.main-wrapper .main-section a:last-of-type {
  margin-bottom: 0;
}
.main-wrapper .main-section p:last-of-type {
  margin-bottom: 0;
}
.main-wrapper .main-section:last-of-type {
  margin-top: 32px;
  margin-bottom: 0;
}
.main-wrapper .main-list div {
  margin-bottom: 16px;
}
.main-wrapper .main-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.main-wrapper .main-logos img {
  margin: initial;
  margin-right: 16px;
  width: 144px;
  height: 72px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #dbf2ff;
}
.main-wrapper .main-references {
  padding: 44px 40px;
  border: 1px solid #dbf2ff;
  border-radius: 4px;
}
.main-wrapper .main-references-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.main-wrapper .main-references-row:last-child {
  margin-bottom: 0;
}
.main-wrapper .main-references-title {
  margin-right: 8px;
  padding: 4px 0;
}
.main-wrapper .main-references .main-references-item {
  margin-right: 12px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  color: #000;
  background: #eef9ff;
  border-radius: 4px;
  padding: 4px 8px;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.main-wrapper .main-references .main-references-item span {
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.main-wrapper .main-references .main-references-item:last-child {
  margin-right: 0;
}
.main-wrapper .main-references a.main-references-item:hover {
  background: #12abdb;
  color: #fff;
}
.main-wrapper .main-review {
  width: 784px;
  margin: 0 auto;
  padding: 32px 80px;
  border: 1px solid #dbf2ff;
  border-radius: 4px;
  margin-bottom: 32px;
  margin-left: -80px;
}
.main-wrapper .main-review h3,
.main-wrapper .main-review h4,
.main-wrapper .main-review h5 {
  margin-top: 0;
}
.main-wrapper .main-review-title {
  color: #12abdb;
  margin-bottom: 16px;
}
.main-wrapper .main-review-text p {
  margin-bottom: 16px;
}
.main-wrapper .main-review-text ul {
  margin-bottom: 16px;
}
.main-wrapper .main-review-text ul li {
  margin-bottom: 8px;
  position: relative;
}
.main-wrapper .main-review-text ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -12px;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #12abdb;
}
.main-wrapper .main-review-text ul li:last-child {
  margin-bottom: 0;
}
.main-wrapper .main-review-divider {
  margin-top: 4px;
  height: 1px;
  width: 456px;
  background: #dbf2ff;
}
.main-wrapper .main-review-author {
  margin-top: 16px;
}
.main-wrapper .main-table table {
  width: calc(100% + 160px);
  margin-left: -80px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.main-wrapper .main-table table tr {
  border-bottom: 1px solid #dbf2ff;
}
.main-wrapper .main-table table tr .table-item {
  padding: 12px 0;
  margin-right: 28px;
  min-width: 80px;
}
.main-wrapper .main-table table tbody td:first-child .table-item,
.main-wrapper .main-table table thead th:first-child .table-item {
  margin-left: 80px;
}
.main-wrapper .main-table table tbody td:last-child .table-item,
.main-wrapper .main-table table thead th:last-child .table-item {
  margin-right: 80px;
}
.main-wrapper .main-table table td {
  vertical-align: top;
}
.main-wrapper .main-table table th {
  font-weight: normal;
  color: #a1b2bb;
}
.main-wrapper .main-table table a {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.main-wrapper .main-table table a.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-wrapper .main-table table a.mini-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.main-wrapper .main-table table .btn {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1515px) {
  .main-wrapper .wide-img {
    height: 464px;
    margin-bottom: 0;
  }
  .main-wrapper .main {
    padding: 64px 240px;
    padding-bottom: 80px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .main-wrapper .main a {
    font-size: 20px;
  }
  .main-wrapper .main h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 32px;
  }
  .main-wrapper .main h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
    margin-top: 64px;
  }
  .main-wrapper .main h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 40px;
  }
  .main-wrapper .main h4,
  .main-wrapper .main h5,
  .main-wrapper .main h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 32px;
    margin-bottom: 8px;
  }
  .main-wrapper .main-section {
    margin-bottom: 64px;
  }
  .main-wrapper .main ul {
    margin-bottom: 32px;
  }
  .main-wrapper .main ul li {
    margin-bottom: 16px;
  }
  .main-wrapper .main ul li:before {
    top: 14px;
  }
  .main-wrapper .main p a {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .main-wrapper .main iframe {
    height: 648px;
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .main-wrapper .main img {
    margin-top: 64px;
    margin-bottom: 64px;
    border-radius: 4px;
  }
  .main-wrapper .main cite {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-wrapper .main-logos {
    margin-bottom: 40px;
  }
  .main-wrapper .main-logos img {
    margin-left: 0;
    width: 216px;
    height: 108px;
  }
  .main-wrapper .main-references {
    padding: 40px;
    width: 704px;
  }
  .main-wrapper .main-references-row {
    margin-bottom: 12px;
  }
  .main-wrapper .main-references-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .main-wrapper .main-references-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-wrapper .main-review {
    width: 1096px;
    padding: 40px 120px;
  }
  .main-wrapper .main-review-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .main-wrapper .main-review-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .main-wrapper .main-review-text p {
    margin-bottom: 16px;
  }
  .main-wrapper .main-review-text ul li {
    margin-bottom: 16px;
  }
  .main-wrapper .main-review-text ul li:before {
    top: 16px;
    left: -16px;
  }
  .main-wrapper .main-review-divider {
    margin-top: 32px;
  }
  .main-wrapper .main-review-author {
    margin-top: 32px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .main-wrapper .main-table table {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: calc(100% + 240px);
    margin-left: -120px;
  }
  .main-wrapper .main-table table tr .table-item {
    min-width: 120px;
    padding: 16px 0;
    margin-right: 60px;
  }
  .main-wrapper .main-table table tbody td:first-child .table-item,
  .main-wrapper .main-table table thead th:first-child .table-item {
    margin-left: 120px;
  }
  .main-wrapper .main-table table tbody td:last-child .table-item,
  .main-wrapper .main-table table thead th:last-child .table-item {
    margin-right: 120px;
  }
  .main-wrapper .main-table table a.mini-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-wrapper .main-table table .btn {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-wrapper {
    border-radius: initial;
  }
  .main-wrapper .main {
    padding: 24px 64px;
  }
  .main-wrapper .main h1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .main-wrapper .main h2 {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
  }
  .main-wrapper .main h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .main-wrapper .main h4,
  .main-wrapper .main h5,
  .main-wrapper .main h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .main-wrapper .main img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .main-wrapper .main iframe {
    height: 390px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 16px;
  }
  .main-wrapper .main .btn {
    margin-top: 16px;
  }
  .main-wrapper .main-logos {
    margin-bottom: 16px;
  }
  .main-wrapper .main-logos img {
    margin-right: 8px;
    width: calc(50% - 4px);
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .main-wrapper .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .main-wrapper .main-review h3 {
    margin-top: 0;
  }
  .main-wrapper .main-review-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .main-wrapper .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .main-wrapper .main-review-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .main-wrapper .main-references {
    width: calc(100% + 32px);
    padding: 16px;
    margin-left: -16px;
  }
  .main-wrapper .main-references-row {
    margin-bottom: 4px;
    overflow: hidden;
  }
  .main-wrapper .main-references-row .main-references-item:nth-child(2):before {
    content: none;
  }
  .main-wrapper .main-references-item {
    position: relative;
    margin-bottom: 8px !important;
  }
  .main-wrapper .main-references-item:after {
    content: none;
  }
  .main-wrapper .main-table .mob-scroll {
    padding-left: 64px;
    margin-left: -64px;
  }
  .main-wrapper .main-table table {
    width: auto;
    display: block;
  }
  .main-wrapper .main-table table tbody td:first-child .table-item,
  .main-wrapper .main-table table thead th:first-child .table-item {
    margin-left: 0px;
  }
  .main-wrapper .main-table table tbody td:last-child .table-item,
  .main-wrapper .main-table table thead th:last-child .table-item {
    margin-right: 0px;
  }
  .main-wrapper .main-table table a.mini-btn {
    width: 150px;
  }
  .main-wrapper .main-table .mob-scroll .simplebar-content {
    display: block;
  }
  .main-wrapper .main-table .mob-scroll-offset {
    padding: 0;
  }
  .main-wrapper .wide-img {
    height: 294px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-wrapper {
    border-radius: initial;
  }
  .main-wrapper .main {
    padding: 24px 40px;
  }
  .main-wrapper .main h1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .main-wrapper .main h2 {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
  }
  .main-wrapper .main h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .main-wrapper .main h4,
  .main-wrapper .main h5,
  .main-wrapper .main h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .main-wrapper .main img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .main-wrapper .main iframe {
    height: 360px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 16px;
  }
  .main-wrapper .main .btn {
    margin-top: 16px;
  }
  .main-wrapper .main-logos {
    margin-bottom: 16px;
  }
  .main-wrapper .main-logos img {
    margin-right: 8px;
    width: calc(50% - 4px);
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .main-wrapper .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .main-wrapper .main-review h3 {
    margin-top: 0;
  }
  .main-wrapper .main-review-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .main-wrapper .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .main-wrapper .main-review-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .main-wrapper .main-references {
    width: calc(100% + 32px);
    padding: 16px;
    margin-left: -16px;
  }
  .main-wrapper .main-references-row {
    margin-bottom: 4px;
    overflow: hidden;
  }
  .main-wrapper .main-references-row .main-references-item:nth-child(2):before {
    content: none;
  }
  .main-wrapper .main-references-item {
    position: relative;
  }
  .main-wrapper .main-references-item:after {
    content: none;
  }
  .main-wrapper .main-references-item:before {
    content: '';
    background: #12abdb;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -12px;
  }
  .main-wrapper .main-table {
    width: 100%;
  }
  .main-wrapper .main-table table {
    width: auto;
    display: block;
  }
  .main-wrapper .main-table table td:last-child .table-item {
    margin-right: 40px;
  }
  .main-wrapper .main-table table tr {
    border-bottom: 1px solid #dbf2ff;
  }
  .main-wrapper .main-table table tbody td:first-child .table-item,
  .main-wrapper .main-table table thead th:first-child .table-item {
    margin-left: 0px;
  }
  .main-wrapper .main-table table tbody td:last-child .table-item,
  .main-wrapper .main-table table thead th:last-child .table-item {
    margin-right: 40px;
  }
  .main-wrapper .main-table table a.mini-btn {
    margin-right: 40px;
  }
  .main-wrapper .main-table .mob-scroll {
    width: calc(100% + 80px);
    padding-left: 40px;
    margin-left: -40px;
  }
  .main-wrapper .main-table .mob-scroll .simplebar-content {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .main-wrapper {
    width: calc(100% + 32px);
    margin-left: -16px;
    border-radius: initial;
  }
  .main-wrapper .main {
    padding: 24px 16px;
  }
  .main-wrapper .main h1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .main-wrapper .main h2 {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
  }
  .main-wrapper .main h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .main-wrapper .main h4,
  .main-wrapper .main h5,
  .main-wrapper .main h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .main-wrapper .main img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .main-wrapper .main iframe {
    height: 230px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 16px;
  }
  .main-wrapper .main .btn {
    margin-top: 16px;
  }
  .main-wrapper .main-logos {
    margin-bottom: 16px;
  }
  .main-wrapper .main-logos img {
    margin-right: 8px;
    width: calc(50% - 4px);
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .main-wrapper .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .main-wrapper .main-review h3 {
    margin-top: 0;
  }
  .main-wrapper .main-review-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .main-wrapper .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .main-wrapper .main-review-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .main-wrapper .main-references {
    width: calc(100% + 32px);
    padding: 16px;
    margin-left: -16px;
    border: none;
    border-top: 1px solid #dbf2ff;
  }
  .main-wrapper .main-references-row {
    margin-bottom: 4px;
    overflow: hidden;
  }
  .main-wrapper .main-references-row .main-references-item:nth-child(2):before {
    content: none;
  }
  .main-wrapper .main-references-title {
    margin-bottom: 10px;
    margin-top: 0;
  }
  .main-wrapper .main-references-item {
    position: relative;
    overflow: hidden;
    background: #dbf2ff;
    margin-bottom: 8px !important;
  }
  .main-wrapper .main-references-item span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
  }
  .main-wrapper .main-references-item:after {
    content: none;
  }
  .main-wrapper .main-references-item:before {
    content: '';
    background: #12abdb;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -12px;
  }
  .main-wrapper .main-references-item:last-child {
    margin-right: 12px !important;
  }
  .main-wrapper .main-table {
    width: calc(100% + 16px);
  }
  .main-wrapper .main-table table {
    width: auto;
    display: block;
  }
  .main-wrapper .main-table .mob-scroll .simplebar-content {
    display: block;
  }
  .main-wrapper .wide-img {
    height: 132px;
  }
}
.pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 18px;
  background: #fff;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  border-radius: 64px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.pagination-wrap {
  width: 100%;
  text-align: center;
}
.pagination-prev,
.pagination-next {
  text-transform: uppercase;
  color: #12abdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination-prev:hover,
.pagination-next:hover {
  opacity: 0.5;
  color: #12abdb;
}
.pagination-prev:before {
  content: '';
  display: block;
  background: url('../img/icons/pagination-prev.svg') no-repeat;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 12px;
  position: relative;
  top: 1px;
}
.pagination-next:after {
  content: '';
  display: block;
  background: url('../img/icons/pagination-next.svg') no-repeat;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-left: 12px;
  position: relative;
  top: 1px;
}
.pagination-item {
  width: 30px;
  margin-right: 10px;
}
.pagination-item:hover .pagination-link {
  color: #12abdb;
}
.pagination-item:last-child {
  margin-right: 0;
}
.pagination-link {
  color: #000;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}
.pagination-link.active {
  color: #12abdb;
}
.pagination-dots {
  text-align: center;
}
.pagination-list {
  margin: 0 24px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-numbers.current .pagination-link {
  color: #12abdb;
}
@media screen and (min-width: 1515px) {
  .pagination {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .pagination-prev::before {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    top: 0;
  }
  .pagination-next::after {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    top: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .pagination {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .pagination-prev::before {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    top: 0;
  }
  .pagination-next::after {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    top: 0;
  }
}
@media screen and (max-width: 599px) {
  .pagination {
    width: 100%;
    padding: 12px 16px;
  }
  .pagination-prev,
  .pagination-next {
    font-size: 0;
  }
  .pagination-prev:before,
  .pagination-prev:after,
  .pagination-next:before,
  .pagination-next:after {
    width: 26px;
    height: 26px;
    margin: 0;
    top: 0;
  }
  .pagination-list {
    margin: 0 8px auto;
    margin-bottom: 0;
  }
  .pagination-item {
    margin-right: 0;
  }
}
.popup {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 15;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.popup-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #041b2b;
  opacity: 0.9;
  top: 0;
  left: 0;
}
.popup-main {
  width: 1016px;
  background: #fff;
  padding: 40px;
  padding-top: 24px;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  border-radius: 8px;
  position: relative;
  z-index: 16;
}
.popup-close {
  background: transparent;
  top: 28px;
  right: 20px;
  position: absolute;
  z-index: 5;
  border-radius: 50%;
  padding: 0;
}
.popup-close:hover svg path {
  fill: #ff304c;
}
.popup-close svg {
  width: 16px;
  height: 16px;
}
.popup-close svg path {
  fill: #fff;
}
.popup-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.popup-right .popup-main {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  background: #041b2b;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  width: 675px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px;
  padding-right: 6px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.popup-right .popup-main p {
  margin-bottom: 8px;
}
.popup-right .popup-main p:last-child {
  margin-bottom: 0;
}
.popup-right .popup-main p a {
  color: #ff304c;
}
.popup-right .popup-main p a:hover {
  opacity: 0.6;
}
.popup-right .popup-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #ff304c;
}
.popup-right .popup-product {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
  margin-bottom: 8px;
  margin-top: -8px;
}
.popup-right .popup-close {
  top: 16px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #02111d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 11;
}
.popup-right .popup-description {
  margin-bottom: 12px;
  width: 100%;
}
.popup-right .popup-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.popup-right .popup-switcher-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: 0;
  padding: 0;
}
.popup-right .popup-switcher-btn svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  margin-top: 0px;
  fill: none;
}
.popup-right .popup-switcher-btn svg path,
.popup-right .popup-switcher-btn svg rect {
  stroke: #fff;
}
.popup-right .popup-switcher-btn span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  position: relative;
}
.popup-right .popup-switcher-btn span:after {
  content: '';
  background: url('../img/underline-white.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.popup-right .popup-switcher-btn:hover svg path,
.popup-right .popup-switcher-btn:hover svg rect {
  stroke: #ff304c;
}
.popup-right .popup-switcher-btn:hover span {
  color: #ff304c;
}
.popup-right .popup-switcher-btn:hover span:after {
  opacity: 0;
}
.popup-right .popup-switcher-btn.active {
  cursor: auto;
}
.popup-right .popup-switcher-btn.active span {
  color: #ff304c;
}
.popup-right .popup-switcher-btn.active span:after {
  opacity: 0;
}
.popup-right .popup-switcher-btn.active svg path,
.popup-right .popup-switcher-btn.active svg rect {
  stroke: #ff304c;
}
.popup-right .popup-switcher-dot {
  margin: 0 12px;
  background: #ff304c;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.popup-right .popup-wrap {
  position: relative;
  padding-right: 54px;
}
.popup-right .popup-wrap.scroll-init {
  max-height: 92vh;
}
.popup-right .popup-wrap.scroll-init .simplebar-track.simplebar-vertical {
  background: #66869c;
  right: 0;
  top: 65px;
  height: calc(100% - 100px);
}
.popup-right .popup-wrap.scroll-init .simplebar-scrollbar::before {
  background: #1b5583;
}
.popup-right .popup-wrap.scroll-init .popup-close {
  top: 20px;
  right: 8px;
}
.popup-right .input input {
  height: 38px;
}
.popup-right .input-placeholder {
  bottom: 9px;
}
.popup-right textarea {
  min-height: 38px;
  height: 38px;
  padding-top: 7px;
}
.popup-right textarea + .input-placeholder {
  top: 28px;
}
.popup-right .checkbox-default {
  margin-bottom: 8px;
}
.popup-right .checkbox-default .checkbox-title {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 1px;
}
.popup-right
  .checkbox-default-input:checked
  + label.checkbox-default-label
  .checkbox-icon {
  border-color: #ff304c;
  background-color: #ff304c;
}
.popup-right .checkbox-default-label:hover .checkbox-icon {
  border-color: #ff304c;
}
.popup-right .checkbox-default .checkbox-icon {
  border-color: #fff;
  width: 18px;
  height: 18px;
}
.popup-right .form-submitted {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #041b2b;
  z-index: 10;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.popup-right .form-submitted-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 4px;
  color: #ff304c;
}
.popup-right .form-submitted-desc {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 4px;
}
.popup-right .form-submitted-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.popup-right .form-submit-btn {
  padding: 8px 24px;
}
.popup-right .form-submit-caption {
  width: 310px;
}
.popup-right .form-select-title {
  height: 38px;
}
.popup-right .form-select-list.scroll-init {
  max-height: 188px;
  padding: 4px 0;
}
.popup-right .form-select-list.scroll-init .form-select-item {
  padding: 8px 16px;
}
.popup-right .form-error::after,
.popup-right .form-accepted::after {
  top: 29px;
}
.popup-right .form-mob-helper {
  display: none;
}
.video-popup .popup-main {
  background: transparent;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.video-popup .popup-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #02111d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.video-popup iframe {
  width: 940px;
  height: 530px;
}
.search-popup {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.search-popup .popup-main {
  background: transparent;
  width: 652px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 12px;
}
.search-popup .popup-close {
  background: #02111d;
  border-radius: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 16px;
  position: relative;
  top: 0;
  right: 0;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cookie-popup .popup-main .btn {
  margin-bottom: 24px;
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.cookie-popup .popup-text {
  margin-bottom: 40px;
}
.cookie-popup .popup-text p:last-child {
  margin-bottom: 0;
}
.cookie-popup .popup-close {
  display: none;
}
.cabinet-popup .popup-main {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 720px;
  padding: 140px 80px;
  padding-bottom: 0;
  padding-top: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cabinet-popup .popup-main p {
  margin-bottom: 8px;
}
.cabinet-popup .popup-main p:last-child {
  margin-bottom: 0;
}
.cabinet-popup .popup-main p a {
  color: #ff304c;
  display: block;
}
.cabinet-popup .popup-main p a svg {
  position: relative;
  top: -2px;
}
.cabinet-popup .popup-main p a svg path {
  fill: #ff304c;
}
.cabinet-popup .popup-main p a:hover {
  opacity: 0.6;
}
.cabinet-popup .popup-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #ff304c;
  margin-bottom: 8px;
}
.cabinet-popup .popup-text {
  margin-bottom: 40px;
}
.cabinet-popup .popup-text p:last-child {
  margin-bottom: 0;
}
.cabinet-popup .popup-list {
  padding-left: 24px;
  margin-bottom: 28px;
}
.cabinet-popup .popup-list li {
  padding-left: 12px;
  position: relative;
  margin-bottom: 8px;
}
.cabinet-popup .popup-list li:before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 2px;
  background: #ff304c;
  border-radius: 50%;
}
.cabinet-popup .popup-list li:last-child {
  margin-bottom: 0;
}
.cabinet-popup .popup-list-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding-left: 24px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1515px) {
  .popup-right .popup-main {
    padding: 80px;
    width: 720px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .popup-right .popup-main .popup-description {
    width: 390px;
    margin-bottom: 18px;
  }
  .popup-right .popup-wrap {
    padding-right: 35px;
  }
  .popup-right .popup-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
  .popup-right .popup-product {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .popup-right textarea {
    min-height: 164px;
  }
  .popup-right .form-submitted-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
  .popup-right .form-submitted-desc {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
  .popup-right .form-submit-caption {
    width: 210px;
  }
  .popup-right .form-submit-btn {
    padding: 11px 32px;
  }
  .popup-right .form-select-list.scroll-init {
    max-height: 236px;
    padding: 8px 0;
  }
  .popup-right .form-select-list.scroll-init .form-select-item {
    padding: 12px 16px;
  }
  .popup-right .form-select-title {
    height: 48px;
  }
  .popup-right .form-error:after,
  .popup-right .form-accepted:after {
    top: 34px;
  }
  .popup-right .checkbox-default .checkbox-icon {
    width: 24px;
    height: 24px;
  }
  .popup-right .checkbox-default .checkbox-title {
    margin-top: 0;
  }
  .popup-right .popup-switcher-btn svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 0;
  }
  .popup-right .popup-switcher-btn span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .popup-right .input input {
    height: 48px;
  }
  .popup-right .input textarea {
    height: 144px;
  }
  .popup-right .input textarea + .input-placeholder {
    top: 30px;
  }
  .popup-right .input-placeholder {
    bottom: 15px;
  }
  .popup-right .checkbox-default {
    margin-bottom: 12px;
  }
  .popup-right .checkbox-default .checkbox-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .search-popup .popup-main {
    width: 1020px;
    padding-top: 14px;
  }
  .cabinet-popup .popup-main {
    padding-bottom: 0;
  }
  .cabinet-popup .popup-list-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .video-popup iframe {
    width: 1176px;
    height: 740px;
  }
}
@media screen and (max-height: 650px) and (min-width: 1024px) {
  .popup-right .popup-title {
    margin-bottom: 8px;
  }
  .popup-right .popup-description {
    margin-bottom: 8px;
  }
  .popup-right .popup-switcher {
    margin-bottom: 12px;
  }
  .popup-right textarea {
    min-height: 52px;
    height: 52px;
  }
  .popup-right .form-checkboxes {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .popup-right .form-select-list {
    top: initial;
    bottom: calc(100% - 16px);
  }
  .popup-right .drag-area {
    height: 56px;
  }
  .popup-right .checkbox-default {
    margin-bottom: 8px;
  }
}
@media screen and (max-height: 600px) and (min-width: 961px) {
  .popup-right .popup-main {
    padding-top: 0;
    padding-bottom: 0;
  }
  .popup-right .popup-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .popup {
    padding: 0 64px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: calc(var(--vh, 1vh) * 100);
  }
  .popup .popup-title {
    padding-right: 48px;
  }
  .popup .popup-main {
    padding: 0;
  }
  .popup .popup-close {
    width: 40px;
    height: 40px;
    top: 12px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
  .popup .popup-close svg {
    width: 16px;
    height: 16px;
  }
  .popup .popup-close svg path {
    stroke: #fff;
  }
  .popup .popup-close:hover svg path {
    fill: #fff;
  }
  .popup .popup-close:focus,
  .popup .popup-close:active {
    padding: 0;
  }
  .popup .product-popup-features {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .popup .product-popup-testimonials .popup-wrap .popup-btn {
    position: static;
  }
  .popup-right .popup-main {
    width: 100%;
    height: auto;
    min-height: 100%;
    padding: 0 64px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background: #041b2b;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .popup-right .popup-main.scroll-init {
    max-height: 100%;
  }
  .popup-right .popup-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .popup-right .popup-wrap {
    padding: 0 0 40px 0;
    top: initial !important;
    height: 100%;
  }
  .popup-right .popup-wrap.scroll-init {
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
  }
  .popup-right .popup-wrap.scroll-init .simplebar-track.simplebar-vertical {
    width: 4px;
    top: 64px;
    right: -10px;
    height: calc(100% - 142px);
    background: #02111d;
  }
  .popup-right .popup-wrap.scroll-init .simplebar-scrollbar::before {
    background: #092a42;
  }
  .popup-right .popup-overlay {
    opacity: 1;
    pointer-events: none;
  }
  .popup-right .popup-title {
    padding-top: 40px;
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 48px;
  }
  .popup-right .popup-switcher {
    margin-bottom: 16px;
  }
  .popup-right .popup-switcher-dot {
    margin: 0 8px;
  }
  .popup-right .popup-switcher-btn svg {
    margin-right: 6px;
  }
  .popup-right .popup-switcher-btn span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .popup-right .popup-switcher-btn span:after {
    width: calc(100% + 1px);
    left: 1px;
    bottom: -2px;
  }
  .popup-right .simplebar-track.simplebar-vertical {
    width: 4px;
    top: 64px;
    height: calc(100% - 88px);
    background: #02111d;
  }
  .popup-right .simplebar-scrollbar::before {
    background: #092a42;
  }
  .popup-right .input input {
    height: 44px;
  }
  .popup-right .input textarea {
    height: 100px;
    min-height: 100px;
  }
  .popup-right .input-placeholder {
    bottom: 12px;
  }
  .popup-right .form-error:after,
  .popup-right .form-accepted:after {
    top: 30px;
  }
  .popup-right .form-select-title {
    height: 44px;
  }
  .popup-right .form-select-list {
    top: calc(100% + 8px);
    bottom: initial;
  }
  .popup-right
    .form-select-list.scroll-init
    .simplebar-track.simplebar-vertical {
    background: #66869c;
  }
  .popup-right .form-select-list.scroll-init .simplebar-scrollbar::before {
    background: #1b5583;
  }
  .popup-right .form-select-list.scroll-init .form-select-item:hover {
    background: transparent;
  }
  .popup-right .checkbox-default {
    margin-bottom: 16px;
  }
  .popup-right .checkbox-default-label:hover .checkbox-icon {
    border-color: unset;
  }
  .search-popup {
    padding: 0 !important;
    z-index: 9;
  }
  .search-popup .popup-main {
    width: 100%;
    height: 100%;
    background: #041b2b;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 64px;
    border-radius: 0;
  }
  .search-popup .search {
    top: 80px;
  }
  .search-popup .popup-close {
    display: none;
  }
  .cabinet-popup .popup-main p a svg {
    width: 18px;
    height: 18px;
  }
  .cabinet-popup .popup-text {
    margin-bottom: 12px;
  }
  .cabinet-popup .popup-list-title {
    padding-left: 0;
    margin-bottom: 8px;
  }
  .cabinet-popup .popup-list {
    padding-left: 0;
    margin-bottom: 24px;
  }
  .application-popup {
    padding: 64px;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .application-popup.application-popup-po .popup-title {
    color: #12abdb;
  }
  .application-popup.application-popup-po .popup-close {
    background: #12abdb;
  }
  .application-popup.application-popup-po .simplebar-track.simplebar-vertical {
    background: rgba(18, 171, 219, 0.1);
  }
  .application-popup.application-popup-po
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(18, 171, 219, 0.3);
  }
  .application-popup.application-popup-tp .popup-title {
    color: #95e616;
  }
  .application-popup.application-popup-tp .popup-close {
    background: #95e616;
  }
  .application-popup.application-popup-tp .simplebar-track.simplebar-vertical {
    background: rgba(149, 230, 22, 0.1);
  }
  .application-popup.application-popup-tp
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(149, 230, 22, 0.3);
  }
  .application-popup.application-popup-dpos .popup-title {
    color: #ff304c;
  }
  .application-popup.application-popup-dpos .popup-close {
    background: #ff304c;
  }
  .application-popup.application-popup-dpos
    .simplebar-track.simplebar-vertical {
    background: rgba(255, 48, 76, 0.1);
  }
  .application-popup.application-popup-dpos
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(255, 48, 76, 0.3);
  }
  .application-popup.application-popup-saas .popup-title {
    color: #7e39ba;
  }
  .application-popup.application-popup-saas .popup-close {
    background: #7e39ba;
  }
  .application-popup.application-popup-saas
    .simplebar-track.simplebar-vertical {
    background: rgba(126, 57, 186, 0.1);
  }
  .application-popup.application-popup-saas
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(126, 57, 186, 0.3);
  }
  .application-popup .popup-main {
    border-radius: 4px;
    background: #fff;
    height: auto;
    max-height: 100%;
    padding: 0;
  }
  .application-popup .popup-close {
    background: #12abdb;
    top: 12px;
    right: 16px;
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .application-popup .popup-close svg {
    width: 12px;
    height: 12px;
  }
  .application-popup .popup-close:hover svg path {
    fill: #fff;
  }
  .application-popup .popup-close:focus,
  .application-popup .popup-close:active {
    padding: 0;
  }
  .application-popup .popup-wrap {
    padding: 16px;
  }
  .application-popup .popup-wrap.scroll-init {
    height: 100%;
    max-height: calc(calc(var(--vh, 1vh) * 100) - 32px);
  }
  .application-popup .popup-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .application-popup .popup-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .application-popup .simplebar-track.simplebar-vertical {
    top: 16px;
    width: 4px;
    height: calc(100% - 36px);
  }
  .mob-filter-popup {
    padding: 0 !important;
    padding-left: 0 !important;
    z-index: 100;
    max-width: 336px;
  }
  .mob-filter-popup .popup-main {
    background: #eef9ff;
    height: 100%;
    padding: 0;
    border-radius: 0;
  }
  .mob-filter-popup .popup-wrap {
    padding: 30px 40px 20px 40px;
    padding-bottom: 48px;
  }
  .mob-filter-popup .popup-wrap.scroll-init {
    height: 100%;
  }
  .mob-filter-popup .popup-close {
    z-index: 110;
    background: #dbf2ff;
    top: 22px;
    right: 40px;
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .mob-filter-popup .popup-close svg {
    width: 12px;
    height: 12px;
  }
  .mob-filter-popup .popup-close svg path {
    fill: #000;
    stroke: #000;
  }
  .mob-filter-popup .popup-close:hover svg path {
    fill: #000;
  }
  .mob-filter-popup .popup-close:focus,
  .mob-filter-popup .popup-close:active {
    padding: 0;
  }
  .mob-filter-popup .mob-filter-section {
    margin-bottom: 24px;
  }
  .mob-filter-popup .mob-filter-title {
    padding-right: 45px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .mob-filter-popup .mob-filter .checkbox-default {
    margin-bottom: 16px;
  }
  .mob-filter-popup .mob-filter-bottom {
    z-index: 110;
    position: fixed;
    z-index: 20;
    bottom: 0;
    height: 56px;
    width: 335.5px;
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
  }
  .mob-filter-popup .mob-filter-apply,
  .mob-filter-popup .mob-filter-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .mob-filter-popup .mob-filter-apply svg,
  .mob-filter-popup .mob-filter-clear svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .mob-filter-popup .mob-filter-apply svg circle,
  .mob-filter-popup .mob-filter-clear svg circle {
    stroke: #12abdb;
  }
  .mob-filter-popup .mob-filter-apply svg path,
  .mob-filter-popup .mob-filter-clear svg path {
    fill: #12abdb;
  }
  .mob-filter-popup .mob-filter-apply span,
  .mob-filter-popup .mob-filter-clear span {
    color: #12abdb;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .mob-filter-popup .mob-filter-clear.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .mob-filter-popup .mob-filter .simplebar-track.simplebar-vertical {
    top: 64px;
    height: calc(100% - 140px);
  }
  .video-popup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .video-popup .popup-main {
    width: 100%;
    height: auto;
  }
  .video-popup iframe {
    width: 100%;
    height: 250px;
  }
  .discount-visible .search-popup .search {
    top: 128px;
  }
  .light .search-popup .popup-main {
    background: #eef9ff;
  }
  .light .search-popup .popup-main .search {
    background: #dbf2ff;
  }
  .light .search-popup .popup-main .search-input,
  .light .search-popup .popup-main .search-placeholder,
  .light .search-popup .popup-main .search-submit {
    color: #000;
  }
  .light .search-popup .popup-main .search-divider {
    background: #000;
  }
  .light .search-popup .popup-main .search-clear-btn svg path {
    stroke: #000;
  }
  .light .search-popup .popup-main .search-icon svg path,
  .light .search-popup .popup-main .search-clear-btn svg path {
    fill: #000;
  }
  .light .search-popup .popup-main .search-buttons.disabled .search-submit,
  .light .search-popup .popup-main .search-buttons.disabled .search-divider {
    opacity: 0.5;
  }
  #cookie-law-info-bar .popup-main .cli_action_button {
    margin-bottom: 16px;
  }
  .cookie-popup .popup-text {
    margin-bottom: 16px;
  }
  .cookie-popup p:last-child br {
    display: none;
  }
  .cookie-popup .popup-close {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .popup {
    padding: 0 40px;
  }
  .popup .product-popup-features {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .popup-right .popup-main {
    padding: 0 40px;
  }
  .popup-right .popup-title {
    margin-bottom: 4px;
  }
  .search-popup .popup-main {
    padding: 0 40px;
  }
  .mob-filter-popup .popup-wrap {
    padding: 30px 40px 40px 40px;
  }
  .mob-filter-popup .mob-filter-bottom {
    padding: 0 40px;
  }
}
@media screen and (max-width: 599px) {
  .popup {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: calc(var(--vh, 1vh) * 100);
  }
  .popup .popup-title {
    padding-right: 48px;
  }
  .popup .popup-main {
    padding: 0;
  }
  .popup .popup-close {
    width: 32px;
    height: 32px;
    top: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
  .popup .popup-close svg {
    width: 12px;
    height: 12px;
  }
  .popup .popup-close svg path {
    stroke: #fff;
  }
  .popup .popup-close:hover svg path {
    fill: #fff;
  }
  .popup .popup-close:focus,
  .popup .popup-close:active {
    padding: 0;
  }
  .popup-right .popup-main {
    width: 100%;
    height: auto;
    min-height: 100%;
    padding: 16px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background: #041b2b;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .popup-right .popup-main.scroll-init {
    max-height: 100%;
  }
  .popup-right .popup-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
  }
  .popup-right .popup-wrap {
    padding-right: 0;
    top: initial !important;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    margin-top: -16px;
    padding-top: 16px;
  }
  .popup-right .popup-wrap.scroll-init {
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
  }
  .popup-right .popup-wrap.scroll-init .simplebar-track.simplebar-vertical {
    width: 4px;
    top: 64px;
    right: -10px;
    height: calc(100% - 142px);
    background: #02111d;
  }
  .popup-right .popup-wrap.scroll-init .simplebar-scrollbar::before {
    background: #092a42;
  }
  .popup-right .popup-overlay {
    opacity: 1;
    pointer-events: none;
  }
  .popup-right .popup-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .popup-right .popup-switcher {
    margin-bottom: 16px;
  }
  .popup-right .popup-switcher-dot {
    margin: 0 8px;
  }
  .popup-right .popup-switcher-btn svg {
    margin-right: 6px;
  }
  .popup-right .popup-switcher-btn span:after {
    width: calc(100% + 1px);
    left: 1px;
    bottom: -2px;
  }
  .popup-right .simplebar-track.simplebar-vertical {
    width: 4px;
    top: 64px;
    height: calc(100% - 88px);
    background: #02111d;
  }
  .popup-right .simplebar-scrollbar::before {
    background: #092a42;
  }
  .popup-right .input input {
    height: 44px;
  }
  .popup-right .input textarea {
    height: 100px;
    min-height: 100px;
  }
  .popup-right .input-placeholder {
    bottom: 12px;
  }
  .popup-right .form-error:after,
  .popup-right .form-accepted:after {
    top: 30px;
  }
  .popup-right .form-select-title {
    height: 44px;
  }
  .popup-right .form-select-list {
    top: calc(100% + 8px);
    bottom: initial;
  }
  .popup-right
    .form-select-list.scroll-init
    .simplebar-track.simplebar-vertical {
    background: #66869c;
  }
  .popup-right .form-select-list.scroll-init .simplebar-scrollbar::before {
    background: #1b5583;
  }
  .popup-right .form-select-list.scroll-init .form-select-item:hover {
    background: transparent;
  }
  .popup-right .form-checkboxes {
    margin-top: 4px;
    margin-bottom: 16px;
  }
  .popup-right .form-row .form-submit-btn {
    display: none;
  }
  .popup-right .form-row .input-tel {
    width: 100%;
  }
  .popup-right .form-container {
    margin-bottom: 76px;
  }
  .popup-right .form-submit-caption {
    width: 100%;
    margin-left: 0;
  }
  .popup-right .form-mob-helper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    width: 100%;
    position: fixed;
    bottom: 16px;
    left: 0;
    background: #041b2b;
    padding: 0 16px;
    z-index: 10;
  }
  .popup-right .form-mob-helper.static {
    background: transparent;
  }
  .popup-right .form-mob-helper .form-submit-btn {
    padding: 0;
    display: block;
    width: 230px;
    height: 46px;
  }
  .popup-right .form-submitted {
    position: fixed;
    z-index: 30;
    padding: 16px;
  }
  .popup-right .form-submitted-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .popup-right .form-submitted-desc {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .popup-right .form-submitted-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .popup-right .form-submitted-btn {
    width: calc(100% - 32px);
    position: absolute;
    bottom: 32px;
    display: block;
    text-align: center;
  }
  .popup-right .checkbox-default {
    margin-bottom: 16px;
  }
  .popup-right .checkbox-default-label:hover .checkbox-icon {
    border-color: unset;
  }
  .search-popup {
    z-index: 9;
  }
  .search-popup .popup-main {
    width: 100%;
    height: 100%;
    background: #041b2b;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
    border-radius: 0;
  }
  .search-popup .search {
    position: absolute;
    top: 80px;
  }
  .search-popup .popup-close {
    display: none;
  }
  .cabinet-popup .popup-main p a svg {
    width: 18px;
    height: 18px;
  }
  .cabinet-popup .popup-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .cabinet-popup .popup-list-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 0;
    margin-bottom: 8px;
  }
  .cabinet-popup .popup-list {
    padding-left: 0;
    margin-bottom: 24px;
  }
  .application-popup {
    padding: 16px;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .application-popup.application-popup-po .popup-title {
    color: #12abdb;
  }
  .application-popup.application-popup-po .popup-close {
    background: #12abdb;
  }
  .application-popup.application-popup-po .simplebar-track.simplebar-vertical {
    background: rgba(18, 171, 219, 0.1);
  }
  .application-popup.application-popup-po
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(18, 171, 219, 0.3);
  }
  .application-popup.application-popup-tp .popup-title {
    color: #95e616;
  }
  .application-popup.application-popup-tp .popup-close {
    background: #95e616;
  }
  .application-popup.application-popup-tp .simplebar-track.simplebar-vertical {
    background: rgba(149, 230, 22, 0.1);
  }
  .application-popup.application-popup-tp
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(149, 230, 22, 0.3);
  }
  .application-popup.application-popup-dpos .popup-title {
    color: #ff304c;
  }
  .application-popup.application-popup-dpos .popup-close {
    background: #ff304c;
  }
  .application-popup.application-popup-dpos
    .simplebar-track.simplebar-vertical {
    background: rgba(255, 48, 76, 0.1);
  }
  .application-popup.application-popup-dpos
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(255, 48, 76, 0.3);
  }
  .application-popup.application-popup-saas .popup-title {
    color: #7e39ba;
  }
  .application-popup.application-popup-saas .popup-close {
    background: #7e39ba;
  }
  .application-popup.application-popup-saas
    .simplebar-track.simplebar-vertical {
    background: rgba(126, 57, 186, 0.1);
  }
  .application-popup.application-popup-saas
    .simplebar-track.simplebar-vertical
    .simplebar-scrollbar::before {
    background: rgba(126, 57, 186, 0.3);
  }
  .application-popup .popup-main {
    border-radius: 4px;
    background: #fff;
    height: auto;
    max-height: 100%;
    padding: 0;
  }
  .application-popup .popup-close {
    background: #12abdb;
    top: 16px;
    right: 16px;
    border-radius: 50%;
    padding: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .application-popup .popup-close svg {
    width: 12px;
    height: 12px;
  }
  .application-popup .popup-close:hover svg path {
    fill: #fff;
  }
  .application-popup .popup-close:focus,
  .application-popup .popup-close:active {
    padding: 0;
  }
  .application-popup .popup-wrap {
    padding: 16px;
  }
  .application-popup .popup-wrap.scroll-init {
    height: 100%;
    max-height: calc(calc(var(--vh, 1vh) * 100) - 32px);
  }
  .application-popup .popup-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .application-popup .popup-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .application-popup .popup-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .application-popup .popup-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .application-popup .simplebar-track.simplebar-vertical {
    top: 16px;
    width: 4px;
    height: calc(100% - 36px);
  }
  .mob-filter-popup .popup-main {
    background: #eef9ff;
    height: 100%;
    padding: 0;
    border-radius: 0;
  }
  .mob-filter-popup .popup-wrap {
    padding: 16px;
    padding-bottom: 48px;
  }
  .mob-filter-popup .popup-wrap.scroll-init {
    height: 100%;
  }
  .mob-filter-popup .popup-close {
    background: #dbf2ff;
    top: 16px;
    right: 16px;
    border-radius: 50%;
    padding: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .mob-filter-popup .popup-close svg {
    width: 12px;
    height: 12px;
  }
  .mob-filter-popup .popup-close svg path {
    fill: #000;
    stroke: #000;
  }
  .mob-filter-popup .popup-close:hover svg path {
    fill: #000;
  }
  .mob-filter-popup .popup-close:focus,
  .mob-filter-popup .popup-close:active {
    padding: 0;
  }
  .mob-filter-popup .mob-filter-show {
    background-color: transparent;
  }
  .mob-filter-popup .mob-filter-section {
    margin-bottom: 24px;
  }
  .mob-filter-popup .mob-filter-title {
    padding-right: 45px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .mob-filter-popup .mob-filter .checkbox-default {
    margin-bottom: 16px;
  }
  .mob-filter-popup .mob-filter-bottom {
    position: fixed;
    z-index: 20;
    bottom: 0;
    height: 56px;
    width: 100%;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(9, 42, 66, 0.9);
  }
  .mob-filter-popup .mob-filter-apply,
  .mob-filter-popup .mob-filter-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .mob-filter-popup .mob-filter-apply svg,
  .mob-filter-popup .mob-filter-clear svg {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px;
  }
  .mob-filter-popup .mob-filter-apply span,
  .mob-filter-popup .mob-filter-clear span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .mob-filter-popup .mob-filter-clear.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .mob-filter-popup .mob-filter .simplebar-track.simplebar-vertical {
    top: 64px;
    height: calc(100% - 140px);
  }
  .video-popup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .video-popup .popup-main {
    width: 100%;
    height: auto;
  }
  .video-popup iframe {
    width: 100%;
    height: 250px;
  }
  .discount-visible .search-popup .search {
    top: 128px;
  }
  .light .search-popup .popup-main {
    background: #eef9ff;
  }
  .light .search-popup .popup-main .search {
    background: #dbf2ff;
  }
  .light .search-popup .popup-main .search-input,
  .light .search-popup .popup-main .search-placeholder,
  .light .search-popup .popup-main .search-submit {
    color: #000;
  }
  .light .search-popup .popup-main .search-divider {
    background: #000;
  }
  .light .search-popup .popup-main .search-clear-btn svg path {
    stroke: #000;
  }
  .light .search-popup .popup-main .search-icon svg path,
  .light .search-popup .popup-main .search-clear-btn svg path {
    fill: #000;
  }
  .light .search-popup .popup-main .search-buttons.disabled .search-submit,
  .light .search-popup .popup-main .search-buttons.disabled .search-divider {
    opacity: 0.5;
  }
  #cookie-law-info-bar .popup-main .cli_action_button {
    margin-bottom: 16px;
  }
  .cookie-popup .popup-text {
    margin-bottom: 16px;
  }
  .cookie-popup p:last-child br {
    display: none;
  }
  .cookie-popup .popup-close {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .mob-filter-popup {
    max-width: 100% !important;
  }
}
.post {
  width: 304px;
  height: 352px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #fff;
  display: inline-block;
  z-index: 2;
}
.post--components {
  height: 315px;
}
.post.stories {
  height: 400px;
}
.post.stories .post-description {
  display: block;
}
.post.technologies {
  width: 384px;
  height: auto;
  padding-bottom: 16px;
}
.post.technologies .post-img {
  height: 220px;
}
.post.technologies .post-title {
  margin-top: 220px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.post.technologies .post-description {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.post.technologies .post-link {
  position: relative;
  margin-top: 16px;
  bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.post.news {
  width: 304px;
  height: 436px;
}
.post.news .post-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 0;
  margin-bottom: 8px;
}
.post.news .post-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 200px;
  padding: 16px;
  padding-top: 12px;
  padding-bottom: 0;
  background: #fff;
  position: relative;
  z-index: 1;
}
.post.news .post-description {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.post.news .post-description p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.post.notes {
  width: 304px;
  height: 456px;
}
.post.notes .post-title {
  margin-top: 0;
  padding-top: 8px;
}
.post.notes .post-info {
  margin-top: 200px;
  padding: 16px;
  padding-top: 12px;
  padding-bottom: 0;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
}
.post.notes .post-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
}
.post.notes .post-info-row:last-child {
  margin-bottom: 0;
}
.post.notes .post-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-right: 20px;
  position: relative;
}
.post.notes .post-date:after {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  right: -12px;
  top: 6px;
}
.post.notes .post-category {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.post.notes .post-tag {
  margin-right: 8px;
  color: #12abdb;
  position: relative;
  background: 0;
  padding: 0;
}
.post.notes .post-tag:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.post.notes .post-tag:hover {
  color: #12abdb;
}
.post.notes .post-tag:hover:after {
  opacity: 0;
}
.post.notes .post-tag:last-child {
  margin-right: 0;
}
.post.notes .post-description {
  display: block;
}
.post.page {
  padding: 16px;
}
.post.page .post-title {
  padding: 0;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.post.page .post-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.post.page .post-link {
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 32px;
}
.post:hover {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  color: #000;
  z-index: 1;
}
.post:hover .post-img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.post.cases:hover .post-link:after,
.post.stories:hover .post-link:after,
.post.news:hover .post-link:after,
.post.technologies:hover .post-link:after,
.post.page:hover .post-link:after {
  width: 100%;
}
.post-img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  -webkit-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.post-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 16px;
  margin-top: 200px;
  padding-bottom: 8px;
  position: relative;
  z-index: 1;
  background: #fff;
  max-height: 110px;
  overflow: hidden;
}
.post-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  left: 16px;
  bottom: 16px;
  color: #12abdb;
  background: none;
  padding: 0;
}
.post-link:after {
  background-color: #12abdb;
}
.post-link:hover {
  color: #12abdb;
}
.post-description {
  padding: 0 16px;
}
@media screen and (min-width: 1515px) {
  .post {
    width: 336px;
    height: 352px;
  }
  .post.cases {
    height: 400px;
  }
  .post.stories {
    height: 456px;
  }
  .post.technologies {
    width: 576px;
    height: auto;
    padding-bottom: 32px;
  }
  .post.technologies .post-img {
    height: 278px;
  }
  .post.technologies .post-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 278px;
    padding-top: 32px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .post.technologies .post-description {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .post.technologies .post-link {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    position: relative;
    margin-top: 32px;
    left: 24px;
    bottom: 0;
  }
  .post.news {
    width: 336px;
    height: 488px;
  }
  .post.notes {
    width: 336px;
    height: 464px;
  }
  .post.notes .post-info {
    margin-bottom: 16px;
  }
  .post.notes .post-info-row {
    margin-bottom: 8px;
  }
  .post.notes .post-title {
    padding-top: 0;
  }
  .post.notes .post-description {
    margin-top: 0;
  }
  .post.page .post-link {
    margin-top: 48px;
  }
  .post.page .post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  .post.page .post-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  .post-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
  }
  .post-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  .post {
    width: 295px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .post {
    height: 390px;
  }
  .post.cases:hover .post-link:after,
  .post.stories:hover .post-link:after,
  .post.news:hover .post-link:after,
  .post.technologies:hover .post-link:after,
  .post.page:hover .post-link:after {
    width: 30px;
  }
  .post.technologies {
    height: 540px;
  }
  .post.technologies .post-link {
    position: absolute;
    bottom: 16px;
  }
  .post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    max-height: 100px;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .post.technologies {
    height: 600px;
  }
}
@media screen and (max-width: 599px) {
  .post {
    width: 100%;
  }
  .post-img {
    height: 200px;
  }
  .post-title {
    margin-top: 200px;
  }
  .post-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .post.cases {
    height: auto;
  }
  .post.cases .post-title {
    margin-bottom: 50px;
  }
  .post.stories {
    height: auto;
  }
  .post.stories .post-description {
    margin-bottom: 64px;
  }
  .post.technologies .post-img {
    height: 200px;
  }
  .post.technologies .post-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 200px;
  }
  .post.technologies .post-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .post.news {
    width: 100%;
    height: auto;
  }
  .post.news .post-img {
    height: 200px;
  }
  .post.news .post-date {
    margin-top: 200px;
  }
  .post.news .post-title {
    padding-bottom: 4px;
  }
  .post.news .post-link {
    position: relative;
    left: 16px;
    bottom: 16px;
    margin-top: 20px;
  }
  .post.page {
    padding-top: 24px;
  }
}
.product-popup-features {
  padding: 32px 0;
}
.product-popup-features .popup-main {
  padding: 32px;
  padding-top: 24px;
  width: auto;
  height: auto;
  max-height: 100%;
}
.product-popup-features .popup-main.scroll-init {
  overflow: hidden;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.product-popup-features .popup-main.scroll-init .popup-wrap {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  height: 100%;
  padding-top: 24px;
  padding-bottom: 32px;
}
.product-popup-features
  .popup-main.scroll-init
  .simplebar-track.simplebar-vertical {
  right: -16px;
  top: 24px;
  bottom: 0;
  height: calc(100% - 56px);
}
.product-popup-features .popup-close {
  border-radius: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 28px;
  right: 40px;
}
.product-popup-features .popup-title {
  margin-bottom: 12px;
}
.product-popup-features .popup-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.product-popup-features .popup-col {
  width: 262px;
  margin-right: 48px;
}
.product-popup-features .popup-col:last-child {
  margin-right: 0;
}
.product-popup-features .popup-section {
  margin-bottom: 16px;
}
.product-popup-features .popup-section:last-child {
  margin-bottom: 0;
}
.product-popup-features .popup-section-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}
.product-popup-features .popup-list {
  margin-bottom: 16px;
}
.product-popup-features .popup-list:last-child {
  margin-bottom: 0;
}
.product-popup-features .popup-list-title {
  margin-bottom: 8px;
}
.product-popup-features .popup-list-item {
  position: relative;
  padding-left: 12px;
  margin-bottom: 8px;
}
.product-popup-features .popup-list-item:before {
  content: '';
  position: absolute;
  top: 9px;
  background: #000;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.product-popup-features .popup-list-item:last-child {
  margin-bottom: 0;
}
.product-popup-formats .popup-main {
  padding: 32px;
  padding-top: 24px;
  width: 676px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.product-popup-formats .popup-close {
  border-radius: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 26px;
  right: 32px;
}
.product-popup-formats .popup-title {
  margin-bottom: 12px;
}
.product-popup-formats .popup-list {
  margin-bottom: 16px;
}
.product-popup-formats .popup-list:last-child {
  margin-bottom: 0;
}
.product-popup-formats .popup-list-title {
  margin-bottom: 8px;
}
.product-popup-formats .popup-list-item {
  position: relative;
  padding-left: 12px;
  margin-bottom: 8px;
}
.product-popup-formats .popup-list-item:before {
  content: '';
  position: absolute;
  top: 9px;
  background: #000;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.product-popup-formats .popup-list-item:last-child {
  margin-bottom: 0;
}
.product-popup-formats .popup-sign {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px;
}
.product-popup-testimonials .popup-main {
  width: 500px;
  padding: 24px;
}
.product-popup-testimonials .popup-close {
  border-radius: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 24px;
  right: 32px;
}
.product-popup-testimonials .popup-img {
  width: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 12px;
}
.product-popup-testimonials .popup-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 16px;
}
.product-popup-testimonials .popup-title {
  margin-right: 16px;
}
.product-popup-testimonials .popup-text {
  margin-bottom: 16px;
}
.product-popup-testimonials .popup-divider {
  background: #dbf2ff;
  width: 300px;
  height: 1px;
  margin-bottom: 16px;
}
.product-popup-testimonials .popup-author {
  margin-bottom: 4px;
}
.product-popup-testimonials .popup-sign {
  margin-bottom: 14px;
}
.mob-capabilities-popup {
  padding: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mob-capabilities-popup .popup-main {
  background: #fff;
  height: auto;
  max-height: 100%;
  padding: 0;
  overflow: hidden;
}
.mob-capabilities-popup .popup-close {
  background: #2ca155;
}
.mob-capabilities-popup .popup-wrap {
  padding: 16px;
  padding-bottom: 8px;
}
.mob-capabilities-popup .popup-wrap.scroll-init {
  height: 100%;
  max-height: calc(calc(var(--vh, 1vh) * 100) - 32px);
}
.mob-capabilities-popup .popup-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
  color: #2ca155;
}
.mob-capabilities-popup .popup-img {
  width: 100%;
  margin-bottom: 12px;
  display: block;
}
.mob-capabilities-popup .popup-text {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.mob-capabilities-popup .simplebar-track.simplebar-vertical {
  height: calc(100% - 36px);
  top: 16px;
}
.processor-page .product-popup-features .popup-main.scroll-init {
  width: 946px;
}
.processor-page .product-popup-features .popup-main.scroll-init .popup-wrap {
  width: 100%;
  padding-bottom: 20px;
}
.processor-page .product-popup-features .popup-title {
  color: #2ca155;
}
.processor-page .product-popup-features .popup-close {
  background: #2ca155;
}
.processor-page .product-popup-features .popup-close:hover {
  background: #097834;
}
.processor-page .product-popup-features .popup-close:hover svg path {
  fill: #fff;
}
.processor-page .product-popup-features .popup-section-title {
  color: #2ca155;
}
.processor-page .product-popup-features .popup-list-item:before {
  background: #2ca155;
}
.processor-page .product-popup-formats .popup-title {
  color: #2ca155;
}
.processor-page .product-popup-formats .popup-close {
  background: #2ca155;
}
.processor-page .product-popup-formats .popup-close:hover {
  background: #097834;
}
.processor-page .product-popup-formats .popup-close:hover svg path {
  fill: #fff;
}
.processor-page .product-popup-formats .popup-list-item::before {
  background: #2ca155;
}
.processor-page .product-popup-testimonials .popup-close {
  background: #2ca155;
}
.processor-page .product-popup-testimonials .popup-close:hover {
  background: #097834;
}
.processor-page .product-popup-testimonials .popup-close:hover svg path {
  fill: #fff;
}
.processor-page .product-popup-testimonials .popup-btn {
  color: #2ca155;
}
.processor-page .product-popup-testimonials .popup-btn::after {
  background: #2ca155;
}
.asset-page .product-popup-features .popup .popup-wrap {
  width: 100%;
  padding-bottom: 20px;
}
.asset-page .product-popup-features .popup-title {
  color: #7b6fb0;
}
.asset-page .product-popup-features .popup-close {
  background: #7b6fb0;
}
.asset-page .product-popup-features .popup-close:hover {
  background: #402d86;
}
.asset-page .product-popup-features .popup-close:hover svg path {
  fill: #fff;
}
.asset-page .product-popup-features .popup-section-title {
  color: #7b6fb0;
}
.asset-page .product-popup-features .popup-list-item:before {
  background: #7b6fb0;
}
.asset-page .product-popup-formats .popup-title {
  color: #7b6fb0;
}
.asset-page .product-popup-formats .popup-close {
  background: #7b6fb0;
}
.asset-page .product-popup-formats .popup-close:hover {
  background: #402d86;
}
.asset-page .product-popup-formats .popup-close:hover svg path {
  fill: #fff;
}
.asset-page .product-popup-formats .popup-list-item::before {
  background: #7b6fb0;
}
.asset-page .product-popup-testimonials .popup-close {
  background: #7b6fb0;
}
.asset-page .product-popup-testimonials .popup-close:hover {
  background: #402d86;
}
.asset-page .product-popup-testimonials .popup-close:hover svg path {
  fill: #fff;
}
.asset-page .product-popup-testimonials .popup-btn {
  color: #7b6fb0;
}
.asset-page .product-popup-testimonials .popup-btn::after {
  background: #7b6fb0;
}
.dmu-page .product-popup-features .popup-title {
  color: #e73b3b;
}
.dmu-page .product-popup-features .popup-close {
  background: #e73b3b;
}
.dmu-page .product-popup-features .popup-close:hover {
  background: #b9182a;
}
.dmu-page .product-popup-features .popup-close:hover svg path {
  fill: #fff;
}
.dmu-page .product-popup-features .popup-section-title {
  color: #e73b3b;
}
.dmu-page .product-popup-features .popup-list-item:before {
  background: #e73b3b;
}
.dmu-page .product-popup-formats .popup-title {
  color: #e73b3b;
}
.dmu-page .product-popup-formats .popup-close {
  background: #e73b3b;
}
.dmu-page .product-popup-formats .popup-close:hover {
  background: #b9182a;
}
.dmu-page .product-popup-formats .popup-close:hover svg path {
  fill: #fff;
}
.dmu-page .product-popup-formats .popup-list-item::before {
  background: #e73b3b;
}
.dmu-page .product-popup-testimonials .popup-close {
  background: #e73b3b;
}
.dmu-page .product-popup-testimonials .popup-close:hover {
  background: #b9182a;
}
.dmu-page .product-popup-testimonials .popup-close:hover svg path {
  fill: #fff;
}
.dmu-page .product-popup-testimonials .popup-btn {
  color: #e73b3b;
}
.dmu-page .product-popup-testimonials .popup-btn::after {
  background: #e73b3b;
}
@media screen and (min-width: 1515px) {
  .product-popup-features .popup-main {
    padding: 40px;
    padding-top: 32px;
  }
  .product-popup-features .popup-close {
    top: 38px;
    right: 40px;
  }
  .product-popup-features .popup-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 16px;
  }
  .product-popup-features .popup-section-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .product-popup-features .popup-col {
    min-width: auto;
    width: 364px;
    margin-right: 64px;
  }
  .product-popup-features .popup-list-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .product-popup-features .popup-list-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-formats .popup-main {
    width: 692px;
    padding: 40px;
    padding-top: 32px;
  }
  .product-popup-formats .popup-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .product-popup-formats .popup-list-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .product-popup-formats .popup-list-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .product-popup-formats .popup-sign {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
  }
  .product-popup-testimonials .popup-main {
    width: 664px;
    padding: 32px;
  }
  .product-popup-testimonials .popup-img {
    width: 304px;
    margin-bottom: 16px;
  }
  .product-popup-testimonials .popup-row {
    margin-bottom: 16px;
  }
  .product-popup-testimonials .popup-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .product-popup-testimonials .popup-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .product-popup-testimonials .popup-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .product-popup-testimonials .popup-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-testimonials .popup-sign {
    margin-bottom: 16px;
  }
  .product-popup-testimonials .popup-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .product-popup-features .popup-main {
    width: 1300px;
  }
  .processor-page .product-popup-features .popup-main.scroll-init {
    width: 1300px;
  }
  .processor-page .product-popup-features .popup-col:first-child {
    min-width: 220px;
  }
  .asset-page .product-popup-features .popup-main {
    width: 936px;
  }
  .dmu-page .product-popup-features .popup-main {
    width: 936px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .product-popup-features {
    padding: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-popup-features .popup-main {
    padding: 16px 16px 0px 16px;
    height: auto;
    width: 100%;
    overflow: auto;
  }
  .product-popup-features
    .popup-main.scroll-init
    .simplebar-track.simplebar-vertical {
    top: 16px;
    right: -10px;
    height: calc(100% - 32px);
  }
  .product-popup-features .popup-wrap {
    padding: 16px 26px 16px 16px !important;
  }
  .product-popup-features .popup-close {
    top: 12px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
  .product-popup-features .popup-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
    padding-right: 48px;
  }
  .product-popup-features .popup-row {
    padding-right: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product-popup-features .popup-col {
    width: 100%;
    margin: 0;
    padding-bottom: 24px;
  }
  .product-popup-formats {
    padding: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-popup-formats .simplebar-track.simplebar-vertical {
    top: 16px;
    right: -10px;
    height: calc(100% - 32px);
  }
  .product-popup-testimonials {
    padding: 40px 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-popup-testimonials .popup-main {
    padding: 0;
    height: auto;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .product-popup-testimonials .popup-main.scroll-init {
    height: 100%;
    max-height: 100%;
    padding: 0 16px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .product-popup-testimonials .popup-main.scroll-init .popup-wrap {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    max-height: 100%;
  }
  .product-popup-testimonials .popup-wrap {
    padding: 24px 64px;
    padding-bottom: 24px;
  }
  .product-popup-testimonials .popup-close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
  .product-popup-testimonials .popup-img {
    width: calc(100% - 48px);
    margin-bottom: 20px;
    border: 1px solid #dbf2ff;
    border-radius: 4px;
  }
  .product-popup-testimonials .popup-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 0;
    position: relative;
  }
  .product-popup-testimonials .popup-title::after {
    content: '';
    background: #2ca155;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    right: -10px;
    top: 10px;
  }
  .product-popup-testimonials .popup-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-testimonials .popup-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .product-popup-testimonials .popup-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4px;
  }
  .product-popup-testimonials .popup-divider {
    width: 100%;
    margin-bottom: 12px;
  }
  .product-popup-testimonials .popup-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-testimonials .popup-sign {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .product-popup-testimonials .popup-section {
    margin-bottom: 0;
  }
  .product-popup-testimonials .popup-btn {
    position: relative;
    bottom: 0;
  }
  .product-popup-testimonials .simplebar-track.simplebar-vertical {
    top: 16px;
    right: -10px;
    height: calc(100% - 32px);
  }
  .mob-capabilities-popup {
    padding: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mob-capabilities-popup .popup-wrap {
    padding-bottom: 20px;
  }
  .processor-page .product-popup-testimonials .popup-title:after {
    background: #2ca155;
  }
  .processor-page .mob-capabilities-popup .popup-title {
    color: #2ca155;
  }
  .processor-page .mob-capabilities-popup .popup-close {
    background: #2ca155;
  }
  .asset-page .product-popup-testimonials .popup-title:after {
    background: #7b6fb0;
  }
  .asset-page .mob-capabilities-popup .popup-title {
    color: #7b6fb0;
  }
  .asset-page .mob-capabilities-popup .popup-close {
    background: #7b6fb0;
  }
  .dmu-page .product-popup-testimonials .popup-title:after {
    background: #e73b3b;
  }
  .dmu-page .mob-capabilities-popup .popup-title {
    color: #e73b3b;
  }
  .dmu-page .mob-capabilities-popup .popup-close {
    background: #e73b3b;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .product-popup-features {
    padding: 40px;
  }
  .product-popup-formats {
    padding: 40px;
  }
  .product-popup-testimonials {
    padding: 40px;
  }
  .product-popup-testimonials .popup-wrap {
    padding: 24px 40px;
  }
  .mob-capabilities-popup {
    padding: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 599px) {
  .product-popup-features {
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-popup-features .popup-main {
    padding: 16px;
    height: auto;
    width: 100%;
    overflow: hidden;
  }
  .product-popup-features
    .popup-main.scroll-init
    .simplebar-track.simplebar-vertical {
    top: 16px;
    right: -10px;
    height: calc(100% - 32px);
  }
  .product-popup-features .popup-main.scroll-init .popup-wrap {
    padding-bottom: 0;
  }
  .product-popup-features .popup-wrap {
    padding-bottom: 24px;
  }
  .product-popup-features .popup-close {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
  }
  .product-popup-features .popup-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
    padding-right: 48px;
  }
  .product-popup-features .popup-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product-popup-features .popup-col {
    width: 100%;
    margin: 0;
    padding-bottom: 24px;
  }
  .product-popup-formats {
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-popup-formats .popup-main {
    padding: 16px;
    height: auto;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .product-popup-formats .popup-main.scroll-init {
    height: 100%;
    max-height: 100%;
    padding: 0 16px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .product-popup-formats .popup-main.scroll-init .popup-wrap {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 16px 0;
    max-height: 100%;
  }
  .product-popup-formats .popup-wrap {
    padding-bottom: 8px;
  }
  .product-popup-formats .popup-close {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
  }
  .product-popup-formats .popup-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
    padding-right: 48px;
  }
  .product-popup-formats .popup-list {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-formats .popup-list-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .product-popup-formats .simplebar-track.simplebar-vertical {
    top: 16px;
    right: -10px;
    height: calc(100% - 32px);
  }
  .product-popup-testimonials {
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .product-popup-testimonials .popup-main {
    padding: 0;
    height: auto;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .product-popup-testimonials .popup-main.scroll-init {
    height: 100%;
    max-height: 100%;
    padding: 0 16px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .product-popup-testimonials .popup-main.scroll-init .popup-wrap {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    max-height: 100%;
  }
  .product-popup-testimonials .popup-wrap {
    padding: 16px;
    padding-bottom: 24px;
  }
  .product-popup-testimonials .popup-close {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
  }
  .product-popup-testimonials .popup-img {
    width: calc(100% - 48px);
    margin-bottom: 20px;
    border: 1px solid #dbf2ff;
    border-radius: 4px;
  }
  .product-popup-testimonials .popup-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 0;
    position: relative;
  }
  .product-popup-testimonials .popup-title::after {
    content: '';
    background: #2ca155;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    right: -10px;
    top: 10px;
  }
  .product-popup-testimonials .popup-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-testimonials .popup-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .product-popup-testimonials .popup-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4px;
  }
  .product-popup-testimonials .popup-divider {
    width: 100%;
    margin-bottom: 12px;
  }
  .product-popup-testimonials .popup-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-popup-testimonials .popup-sign {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .product-popup-testimonials .popup-section {
    margin-bottom: 0;
  }
  .product-popup-testimonials .simplebar-track.simplebar-vertical {
    top: 16px;
    right: -10px;
    height: calc(100% - 32px);
  }
  .processor-page .product-popup-testimonials .popup-title:after {
    background: #2ca155;
  }
  .processor-page .mob-capabilities-popup .popup-title {
    color: #2ca155;
  }
  .processor-page .mob-capabilities-popup .popup-close {
    background: #2ca155;
  }
  .asset-page .product-popup-testimonials .popup-title:after {
    background: #7b6fb0;
  }
  .asset-page .mob-capabilities-popup .popup-title {
    color: #7b6fb0;
  }
  .asset-page .mob-capabilities-popup .popup-close {
    background: #7b6fb0;
  }
  .dmu-page .product-popup-testimonials .popup-title:after {
    background: #e73b3b;
  }
  .dmu-page .mob-capabilities-popup .popup-title {
    color: #e73b3b;
  }
  .dmu-page .mob-capabilities-popup .popup-close {
    background: #e73b3b;
  }
}
.products-dropdown-wrapper .products-dropdown {
  margin-bottom: 32px;
  overflow: hidden;
  position: relative;
  padding-left: 15px;
  margin-left: -14px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.products-dropdown-wrapper .products-dropdown:last-child {
  margin-bottom: 0;
}
.products-dropdown-wrapper .products-dropdown:before {
  content: '';
  background: #000;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 50%;
}
.products-dropdown-wrapper .products-dropdown.closed {
  height: 24px !important;
  margin-bottom: 16px;
}
.products-dropdown-wrapper .products-dropdown.closed .products-dropdown-list {
  opacity: 0;
}
.products-dropdown-wrapper .products-dropdown.closed .products-dropdown-arrow {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.products-dropdown-wrapper .products-dropdown-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
}
.products-dropdown-wrapper .products-dropdown-title:after {
  content: '';
  background: url('../img/underline.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.products-dropdown-wrapper .products-dropdown-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  padding: 0;
  margin-bottom: 12px;
}
.products-dropdown-wrapper
  .products-dropdown-btn:hover
  .products-dropdown-title {
  color: #2ca155;
}
.products-dropdown-wrapper
  .products-dropdown-btn:hover
  .products-dropdown-title:after {
  opacity: 0;
}
.products-dropdown-wrapper .products-dropdown-list {
  padding-left: 12px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-width: 435px;
}
.products-dropdown-wrapper .products-dropdown-list p {
  margin-bottom: 8px;
}
.products-dropdown-wrapper .products-dropdown-list p:last-child {
  margin-bottom: 0;
}
.products-dropdown-wrapper .products-dropdown-arrow {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 1515px) {
  .products-dropdown-wrapper .products-dropdown {
    padding-left: 16px;
  }
  .products-dropdown-wrapper .products-dropdown.closed {
    height: 36px !important;
  }
  .products-dropdown-wrapper .products-dropdown:before {
    top: 18px;
  }
  .products-dropdown-wrapper .products-dropdown-wrapper {
    margin-left: -16px;
  }
  .products-dropdown-wrapper .products-dropdown-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-right: 8px;
  }
  .products-dropdown-wrapper .products-dropdown-btn {
    margin-bottom: 16px;
  }
  .products-dropdown-wrapper .products-dropdown-list {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 16px;
    max-width: 550px;
  }
  .products-dropdown-wrapper .products-dropdown-arrow {
    position: relative;
    top: 2px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .products-dropdown-wrapper .products-dropdown {
    margin: 0;
    border-top: 0 !important;
  }
  .products-dropdown-wrapper .products-dropdown:first-child {
    border-top: 0;
  }
  .products-dropdown-wrapper .products-dropdown:before {
    top: 25px;
  }
  .products-dropdown-wrapper .products-dropdown.closed {
    height: auto !important;
    margin: 0;
  }
  .products-dropdown-wrapper
    .products-dropdown.closed
    .products-dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .products-dropdown-wrapper .products-dropdown-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0;
    margin: 0;
  }
  .products-dropdown-wrapper .products-dropdown-list {
    display: none;
  }
  .products-dropdown-wrapper .products-dropdown-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .products-dropdown-wrapper .products-dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    margin-left: 16px;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 550px) and (max-width: 650px) {
  .dmu-page
    .products-dropdown-wrapper
    .products-dropdown:last-child
    .capabilities-dropdown-title::after {
    width: 16%;
  }
  .products-dropdown-wrapper .products-dropdown {
    margin: 0;
    border-top: 0 !important;
  }
  .products-dropdown-wrapper .products-dropdown:first-child {
    border-top: 0;
  }
  .products-dropdown-wrapper .products-dropdown:before {
    top: 25px;
  }
  .products-dropdown-wrapper .products-dropdown.closed {
    height: auto !important;
    margin: 0;
  }
  .products-dropdown-wrapper
    .products-dropdown.closed
    .products-dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .products-dropdown-wrapper .products-dropdown-btn {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0;
    margin: 0;
  }
  .products-dropdown-wrapper .products-dropdown-list {
    display: none;
  }
  .products-dropdown-wrapper .products-dropdown-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
  }
  .products-dropdown-wrapper .products-dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    margin-left: 16px;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 599px) {
  .products-dropdown-wrapper .products-dropdown {
    padding: 0;
    margin: 0;
    width: 100%;
    border-top: 1px solid #dbf2ff;
  }
  .products-dropdown-wrapper .products-dropdown:first-child {
    border-top: 0;
  }
  .products-dropdown-wrapper .products-dropdown:before {
    content: none;
  }
  .products-dropdown-wrapper .products-dropdown.closed {
    height: auto !important;
    margin: 0;
  }
  .products-dropdown-wrapper
    .products-dropdown.closed
    .products-dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .products-dropdown-wrapper .products-dropdown-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0;
    margin: 0;
  }
  .products-dropdown-wrapper .products-dropdown-list {
    display: none;
  }
  .products-dropdown-wrapper .products-dropdown-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
  }
  .products-dropdown-wrapper .products-dropdown-title:after {
    content: none;
  }
  .products-dropdown-wrapper .products-dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    margin-left: 16px;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.quote {
  margin-bottom: 32px;
}
.quote-wrapper {
  border-left: 2px #12abdb solid;
  padding: 16px 0 16px 16px;
}
.quote-text {
  font-style: italic;
}
@media screen and (max-width: 960px) {
  .quote {
    margin-bottom: 23px;
  }
}
.radio-group .radiobutton input[type='radio'] {
  display: none;
}
.radio-group
  .radiobutton
  input[type='radio']:checked
  + label
  .radiobutton-icon:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.radio-group .radiobutton label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.radio-group .radiobutton-icon {
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}
.radio-group .radiobutton-icon:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0;
  background: #ff304c;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.dark .radiobutton-title {
  color: #fff;
}
.dark .radiobutton-icon {
  border-color: #fff;
}
@media screen and (min-width: 1515px) {
  .radio-group .radiobutton-icon {
    width: 24px;
    height: 24px;
  }
  .radio-group .radiobutton-icon:before {
    width: 16px;
    height: 16px;
  }
}
[data-simplebar] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100% !important;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
[class^='simplebar'] {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.simplebar-track {
  background: #fff;
  border-radius: 16px;
}
.simplebar-track.simplebar-vertical {
  width: 6px;
  top: 24px;
  right: 6px;
  height: calc(100% - 48px);
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 0;
  bottom: 0;
}
.simplebar-scrollbar:before {
  right: 0;
  left: 0;
  background: #b2e2ff;
  border-radius: 16px;
}
@media screen and (min-width: 1515px) {
  .simplebar-track.simplebar-vertical {
    width: 8px;
    top: 52px;
    right: 10px;
    height: calc(100% - 84px);
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .simplebar-track.simplebar-vertical {
    width: 4px;
    right: 6px;
  }
  .simplebar-content-wrapper::-webkit-scrollbar {
    display: none;
    background-color: transparent;
  }
}
@media screen and (max-width: 599px) {
  .simplebar-track.simplebar-vertical {
    width: 4px;
    right: 6px;
  }
  .simplebar-content-wrapper::-webkit-scrollbar {
    display: none;
    background-color: transparent;
  }
}
.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background: #02111d;
  height: 44px;
  border-radius: 64px;
  padding-left: 16px;
}
.search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.search-placeholder {
  color: #66869c;
  position: absolute;
  left: 46px;
  margin-bottom: 0;
  cursor: text;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.search-icon {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.search-icon svg {
  width: 20px;
  height: 20px;
}
.search-icon svg path {
  fill: #fff;
}
.search-input {
  background: transparent;
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0;
  padding-left: 8px;
  padding-right: 16px;
  color: #fff;
}
.search-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.search-buttons.disabled .search-submit {
  color: #66869c;
  pointer-events: none;
}
.search-clear-btn {
  background: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 16px;
  padding: 0;
  cursor: pointer;
  display: none;
  -webkit-transition: 0.3s all ease !important;
  -o-transition: 0.3s all ease !important;
  transition: 0.3s all ease !important;
}
.search-clear-btn svg {
  width: 14px !important;
  height: 14px !important;
}
.search-clear-btn svg path {
  fill: #fff;
}
.search-clear-btn:hover {
  opacity: 0.8;
}
.search-divider {
  height: 20px;
  width: 1px;
  background: #092a42;
}
.search-submit {
  color: #fff;
  background: transparent;
  padding-right: 16px;
  padding-left: 24px;
  height: 100%;
  border-radius: 64px;
}
.search-submit:hover {
  color: #ff304c;
}
.search-submit:active,
.search-submit:focus {
  padding-right: 16px;
  padding-left: 24px;
}
@media screen and (min-width: 1515px) {
  .search {
    height: 52px;
    padding-left: 24px;
  }
  .search-icon svg {
    width: 24px;
    height: 24px;
  }
  .search-input {
    padding-left: 12px;
  }
  .search-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    left: 62px;
  }
  .search-clear-btn {
    margin-right: 24px;
  }
  .search-submit {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-right: 22px;
    padding-left: 32px;
  }
  .search-submit:active,
  .search-submit:focus {
    padding-right: 22px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 599px) {
  .search {
    width: calc(100% - 32px);
    height: 40px;
  }
  .search-icon svg {
    width: 18px;
    height: 18px;
  }
  .search-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    left: 44px;
  }
  .search-input {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-width: 145px;
    padding-right: 8px;
  }
  .search-clear-btn svg {
    width: 12px !important;
    height: 12px !important;
  }
  .search-clear-btn svg path {
    stroke: #fff;
  }
  .search-buttons.disabled .search-divider {
    background: #66869c;
  }
  .search-divider {
    background: #fff;
  }
  .search-submit {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 16px;
  }
  .search-submit:active,
  .search-submit:focus {
    padding: 0 16px;
  }
}
.show-more {
  margin: 30px 0;
}
.show-more-link {
  color: #12abdb;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.show-more-link:hover {
  opacity: 0.5;
}
.show-more-link__text {
  position: relative;
}
.show-more-link__text:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.show-more-link__arrow,
.shortcode-accordion-head__arrow {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #dbf2ff;
  margin-left: 20px;
}
.show-more-link__arrow:before,
.shortcode-accordion-head__arrow:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -6px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.show-more-link.active .show-more-link__arrow:before,
.show-more-link.active .shortcode-accordion-head__arrow:before {
  margin-top: -2px;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.show-more-content {
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.show-more-content__text {
  padding-top: 20px;
  margin-bottom: 20px;
}
.shortcode-accordion {
  border: 1px solid #72cdea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 24px 40px 0;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: -40px;
  margin-right: -40px;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.shortcode-accordion:hover .shortcode-accordion-head__text {
  color: #12abdb;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.shortcode-accordion-head {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  cursor: pointer;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -24px;
  padding: 24px 70px 24px 40px;
}
.shortcode-accordion-head__text {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.shortcode-accordion-head__text h2 {
  margin: 0 !important;
}
.shortcode-accordion-head__arrow {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -12px;
}
.shortcode-accordion-head.active .shortcode-accordion-head__arrow:before {
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-top: -2px;
}
.shortcode-accordion-content {
  height: 0;
  overflow: hidden;
  position: relative;
  top: -12px;
}
.shortcode-accordion-content__text {
  margin-bottom: 20px;
  padding-top: 2px;
}
.main-page .main-slider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.main-page .main-slider .slider-item-text {
  visibility: hidden;
  height: 0;
}
.main-page .main-slider .slider-item img {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
}
.main-page .first .swiper-pagination {
  bottom: 14.5%;
  right: 40px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .first .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 80px;
  position: relative;
  opacity: 1;
  background: transparent;
}
.main-page .first .swiper-pagination-bullet .pagination-circle {
  background: rgba(255, 255, 255, 0.5);
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.main-page .first .swiper-pagination-bullet-active,
.main-page .first .swiper-pagination-bullet.filled {
  border: 1px solid #fff;
}
.main-page .first .swiper-pagination-bullet-active .pagination-circle,
.main-page .first .swiper-pagination-bullet.filled .pagination-circle {
  background: #fff;
}
.main-page .first .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.main-page .first .swiper-pagination-bullet:last-child .pagination-progressbar {
  display: none;
}
.main-page .first .swiper-pagination .pagination-progressbar {
  width: 64px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 31px;
  pointer-events: none;
}
.main-page .first .swiper-pagination .pagination-progressbar-line {
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.products-slider-wrap {
  position: relative;
}
.products-slider {
  padding-bottom: 24px;
}
.products-slider .slider-item {
  width: 304px;
  height: 250px;
  position: relative;
  padding: 24px;
  border-radius: 4px;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.products-slider .slider-item:hover .slider-btn:after {
  width: 100%;
}
.products-slider .slider-item.light {
  background: #fff;
}
.products-slider .slider-item.light .slider-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.products-slider .slider-item.light .slider-filter {
  display: none;
}
.products-slider .slider-item.light .slider-text {
  color: #000;
}
.products-slider .slider-item.light .slider-btn {
  color: #fff;
}
.products-slider .slider-item.light .slider-btn:after {
  background-color: #fff;
}
.products-slider .slider-item.light.free .slider-tag {
  color: #2ca155;
  background: #eeffd2;
}
.products-slider .slider-item.light.paid .slider-tag {
  color: #12abdb;
  background: #dbf2ff;
}
.products-slider .slider-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.products-slider .slider-filter {
  background: rgba(9, 42, 66, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 4px;
}
.products-slider .slider-body {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.products-slider .slider-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0px;
}
.products-slider .slider-img {
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.products-slider .slider-tag {
  color: #12abdb;
  background: #02111d;
  padding: 0 4px;
  border-radius: 4px;
}
.products-slider .slider-text {
  color: #fff;
}
.products-slider .slider-btn {
  position: absolute;
  bottom: 0;
  background: 0;
  padding: 0;
}
.products-slider .swiper-wrapper {
  padding-top: 45px;
}
.swiper-navigation {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.swiper-button-next,
.swiper-button-prev {
  width: 57px;
  height: 250px;
  top: 70px;
  margin-top: 0;
  background: rgba(9, 42, 66, 0.7);
  z-index: 2;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
  stroke: #ff304c;
}
.swiper-button-next {
  right: 40px;
  border-radius: 0 4px 4px 0px;
}
.swiper-button-prev {
  left: 40px;
  border-radius: 4px 0 0 4px;
}
.swiper-container-horizontal .swiper-scrollbar {
  left: 0;
  width: 100%;
  height: 6px;
  border-radius: 16px;
  background: #fff;
}
.swiper-container-horizontal .swiper-scrollbar-drag {
  background: #dbf2ff;
  border-radius: 16px;
}
.swiper-container {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.overview-page .overview-slider .slider {
  padding-bottom: 24px;
}
.overview-page .overview-slider .slider-item {
  height: 352px;
}
.overview-page section.cases .swiper-button-next,
.overview-page section.cases .swiper-button-prev {
  height: 352px;
}
.processor-page .user-reviews,
.processor-page .reviews,
.dmu-page .user-reviews,
.dmu-page .reviews,
.asset-page .user-reviews,
.asset-page .reviews {
  position: relative;
  padding-bottom: 24px;
}
.processor-page .user-reviews-slider,
.processor-page .reviews-slider,
.dmu-page .user-reviews-slider,
.dmu-page .reviews-slider,
.asset-page .user-reviews-slider,
.asset-page .reviews-slider {
  position: relative;
  top: -90px;
  padding: 90px 0;
}
.processor-page .user-reviews .swiper-scrollbar,
.processor-page .reviews .swiper-scrollbar,
.dmu-page .user-reviews .swiper-scrollbar,
.dmu-page .reviews .swiper-scrollbar,
.asset-page .user-reviews .swiper-scrollbar,
.asset-page .reviews .swiper-scrollbar {
  bottom: 64px;
}
.processor-page .user-reviews .slider-item,
.processor-page .reviews .slider-item,
.dmu-page .user-reviews .slider-item,
.dmu-page .reviews .slider-item,
.asset-page .user-reviews .slider-item,
.asset-page .reviews .slider-item {
  width: 336px;
  height: 250px;
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.processor-page .user-reviews .slider-item:hover .slider-btn:after,
.processor-page .reviews .slider-item:hover .slider-btn:after,
.dmu-page .user-reviews .slider-item:hover .slider-btn:after,
.dmu-page .reviews .slider-item:hover .slider-btn:after,
.asset-page .user-reviews .slider-item:hover .slider-btn:after,
.asset-page .reviews .slider-item:hover .slider-btn:after {
  width: 100%;
}
.processor-page .user-reviews .slider-item.light,
.processor-page .reviews .slider-item.light,
.dmu-page .user-reviews .slider-item.light,
.dmu-page .reviews .slider-item.light,
.asset-page .user-reviews .slider-item.light,
.asset-page .reviews .slider-item.light {
  background: #fff;
}
.processor-page .user-reviews .slider-item.light .slider-bg,
.processor-page .reviews .slider-item.light .slider-bg,
.dmu-page .user-reviews .slider-item.light .slider-bg,
.dmu-page .reviews .slider-item.light .slider-bg,
.asset-page .user-reviews .slider-item.light .slider-bg,
.asset-page .reviews .slider-item.light .slider-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.processor-page .user-reviews .slider-item.light .slider-filter,
.processor-page .reviews .slider-item.light .slider-filter,
.dmu-page .user-reviews .slider-item.light .slider-filter,
.dmu-page .reviews .slider-item.light .slider-filter,
.asset-page .user-reviews .slider-item.light .slider-filter,
.asset-page .reviews .slider-item.light .slider-filter {
  display: none;
}
.processor-page .user-reviews .slider-item.light .slider-text,
.processor-page .reviews .slider-item.light .slider-text,
.dmu-page .user-reviews .slider-item.light .slider-text,
.dmu-page .reviews .slider-item.light .slider-text,
.asset-page .user-reviews .slider-item.light .slider-text,
.asset-page .reviews .slider-item.light .slider-text {
  color: #000;
}
.processor-page .user-reviews .slider-item.light .slider-btn,
.processor-page .reviews .slider-item.light .slider-btn,
.dmu-page .user-reviews .slider-item.light .slider-btn,
.dmu-page .reviews .slider-item.light .slider-btn,
.asset-page .user-reviews .slider-item.light .slider-btn,
.asset-page .reviews .slider-item.light .slider-btn {
  color: #fff;
}
.processor-page .user-reviews .slider-item.light .slider-btn:after,
.processor-page .reviews .slider-item.light .slider-btn:after,
.dmu-page .user-reviews .slider-item.light .slider-btn:after,
.dmu-page .reviews .slider-item.light .slider-btn:after,
.asset-page .user-reviews .slider-item.light .slider-btn:after,
.asset-page .reviews .slider-item.light .slider-btn:after {
  background-color: #fff;
}
.processor-page .user-reviews .slider-item.light.free .slider-tag,
.processor-page .reviews .slider-item.light.free .slider-tag,
.dmu-page .user-reviews .slider-item.light.free .slider-tag,
.dmu-page .reviews .slider-item.light.free .slider-tag,
.asset-page .user-reviews .slider-item.light.free .slider-tag,
.asset-page .reviews .slider-item.light.free .slider-tag {
  color: #2ca155;
  background: #eeffd2;
}
.processor-page .user-reviews .slider-item.light.paid .slider-tag,
.processor-page .reviews .slider-item.light.paid .slider-tag,
.dmu-page .user-reviews .slider-item.light.paid .slider-tag,
.dmu-page .reviews .slider-item.light.paid .slider-tag,
.asset-page .user-reviews .slider-item.light.paid .slider-tag,
.asset-page .reviews .slider-item.light.paid .slider-tag {
  color: #12abdb;
  background: #dbf2ff;
}
.processor-page .user-reviews .slider .mob-scroll,
.processor-page .reviews .slider .mob-scroll,
.dmu-page .user-reviews .slider .mob-scroll,
.dmu-page .reviews .slider .mob-scroll,
.asset-page .user-reviews .slider .mob-scroll,
.asset-page .reviews .slider .mob-scroll {
  padding: 64px;
}
.processor-page .user-reviews .slider-bg,
.processor-page .reviews .slider-bg,
.dmu-page .user-reviews .slider-bg,
.dmu-page .reviews .slider-bg,
.asset-page .user-reviews .slider-bg,
.asset-page .reviews .slider-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.processor-page .user-reviews .slider-filter,
.processor-page .reviews .slider-filter,
.dmu-page .user-reviews .slider-filter,
.dmu-page .reviews .slider-filter,
.asset-page .user-reviews .slider-filter,
.asset-page .reviews .slider-filter {
  background: rgba(9, 42, 66, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.processor-page .user-reviews .slider-body,
.processor-page .reviews .slider-body,
.dmu-page .user-reviews .slider-body,
.dmu-page .reviews .slider-body,
.asset-page .user-reviews .slider-body,
.asset-page .reviews .slider-body {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.processor-page .user-reviews .slider-head,
.processor-page .reviews .slider-head,
.dmu-page .user-reviews .slider-head,
.dmu-page .reviews .slider-head,
.asset-page .user-reviews .slider-head,
.asset-page .reviews .slider-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
}
.processor-page .user-reviews .slider-img,
.processor-page .reviews .slider-img,
.dmu-page .user-reviews .slider-img,
.dmu-page .reviews .slider-img,
.asset-page .user-reviews .slider-img,
.asset-page .reviews .slider-img {
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.processor-page .user-reviews .slider-tag,
.processor-page .reviews .slider-tag,
.dmu-page .user-reviews .slider-tag,
.dmu-page .reviews .slider-tag,
.asset-page .user-reviews .slider-tag,
.asset-page .reviews .slider-tag {
  color: #12abdb;
  background: #02111d;
  padding: 0 4px;
  border-radius: 4px;
}
.processor-page .user-reviews .slider-text,
.processor-page .reviews .slider-text,
.dmu-page .user-reviews .slider-text,
.dmu-page .reviews .slider-text,
.asset-page .user-reviews .slider-text,
.asset-page .reviews .slider-text {
  color: #fff;
}
.processor-page .user-reviews .slider-btn,
.processor-page .reviews .slider-btn,
.dmu-page .user-reviews .slider-btn,
.dmu-page .reviews .slider-btn,
.asset-page .user-reviews .slider-btn,
.asset-page .reviews .slider-btn {
  position: absolute;
  bottom: 0;
  background: 0;
  padding: 0;
}
.processor-page .user-reviews .swiper-button-next,
.processor-page .user-reviews .swiper-button-prev,
.processor-page .reviews .swiper-button-next,
.processor-page .reviews .swiper-button-prev,
.dmu-page .user-reviews .swiper-button-next,
.dmu-page .user-reviews .swiper-button-prev,
.dmu-page .reviews .swiper-button-next,
.dmu-page .reviews .swiper-button-prev,
.asset-page .user-reviews .swiper-button-next,
.asset-page .user-reviews .swiper-button-prev,
.asset-page .reviews .swiper-button-next,
.asset-page .reviews .swiper-button-prev {
  width: 57px;
  height: 158px;
  top: 68px;
  margin-top: 0;
  background: 0;
  z-index: 2;
}
.processor-page .user-reviews .swiper-button-next svg,
.processor-page .user-reviews .swiper-button-prev svg,
.processor-page .reviews .swiper-button-next svg,
.processor-page .reviews .swiper-button-prev svg,
.dmu-page .user-reviews .swiper-button-next svg,
.dmu-page .user-reviews .swiper-button-prev svg,
.dmu-page .reviews .swiper-button-next svg,
.dmu-page .reviews .swiper-button-prev svg,
.asset-page .user-reviews .swiper-button-next svg,
.asset-page .user-reviews .swiper-button-prev svg,
.asset-page .reviews .swiper-button-next svg,
.asset-page .reviews .swiper-button-prev svg {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.processor-page .user-reviews .swiper-button-next.swiper-button-disabled,
.processor-page .user-reviews .swiper-button-prev.swiper-button-disabled,
.processor-page .reviews .swiper-button-next.swiper-button-disabled,
.processor-page .reviews .swiper-button-prev.swiper-button-disabled,
.dmu-page .user-reviews .swiper-button-next.swiper-button-disabled,
.dmu-page .user-reviews .swiper-button-prev.swiper-button-disabled,
.dmu-page .reviews .swiper-button-next.swiper-button-disabled,
.dmu-page .reviews .swiper-button-prev.swiper-button-disabled,
.asset-page .user-reviews .swiper-button-next.swiper-button-disabled,
.asset-page .user-reviews .swiper-button-prev.swiper-button-disabled,
.asset-page .reviews .swiper-button-next.swiper-button-disabled,
.asset-page .reviews .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.processor-page .user-reviews .swiper-button-next:after,
.processor-page .user-reviews .swiper-button-prev:after,
.processor-page .reviews .swiper-button-next:after,
.processor-page .reviews .swiper-button-prev:after,
.dmu-page .user-reviews .swiper-button-next:after,
.dmu-page .user-reviews .swiper-button-prev:after,
.dmu-page .reviews .swiper-button-next:after,
.dmu-page .reviews .swiper-button-prev:after,
.asset-page .user-reviews .swiper-button-next:after,
.asset-page .user-reviews .swiper-button-prev:after,
.asset-page .reviews .swiper-button-next:after,
.asset-page .reviews .swiper-button-prev:after {
  display: none;
}
.processor-page .user-reviews .swiper-button-next:hover svg path,
.processor-page .user-reviews .swiper-button-prev:hover svg path,
.processor-page .reviews .swiper-button-next:hover svg path,
.processor-page .reviews .swiper-button-prev:hover svg path,
.dmu-page .user-reviews .swiper-button-next:hover svg path,
.dmu-page .user-reviews .swiper-button-prev:hover svg path,
.dmu-page .reviews .swiper-button-next:hover svg path,
.dmu-page .reviews .swiper-button-prev:hover svg path,
.asset-page .user-reviews .swiper-button-next:hover svg path,
.asset-page .user-reviews .swiper-button-prev:hover svg path,
.asset-page .reviews .swiper-button-next:hover svg path,
.asset-page .reviews .swiper-button-prev:hover svg path {
  stroke: #fff;
}
.processor-page .user-reviews .swiper-button-next,
.processor-page .reviews .swiper-button-next,
.dmu-page .user-reviews .swiper-button-next,
.dmu-page .reviews .swiper-button-next,
.asset-page .user-reviews .swiper-button-next,
.asset-page .reviews .swiper-button-next {
  right: 45px;
  border-radius: 0 4px 4px 0px;
}
.processor-page .user-reviews .swiper-button-prev,
.processor-page .reviews .swiper-button-prev,
.dmu-page .user-reviews .swiper-button-prev,
.dmu-page .reviews .swiper-button-prev,
.asset-page .user-reviews .swiper-button-prev,
.asset-page .reviews .swiper-button-prev {
  left: 45px;
  border-radius: 4px 0 0 4px;
}
.processor-page .swiper-button-next svg circle,
.processor-page .swiper-button-prev svg circle {
  fill: #2ca155;
}
.processor-page .swiper-button-next:hover svg circle,
.processor-page .swiper-button-prev:hover svg circle {
  fill: #0b5d28;
}
.dmu-page .swiper-button-next svg circle,
.dmu-page .swiper-button-prev svg circle {
  fill: #e73b3b;
}
.dmu-page .swiper-button-next:hover svg circle,
.dmu-page .swiper-button-prev:hover svg circle {
  fill: #7c1a1a;
}
.asset-page .swiper-button-next svg circle,
.asset-page .swiper-button-prev svg circle {
  fill: #7b6fb0;
}
.asset-page .swiper-button-next:hover svg circle,
.asset-page .swiper-button-prev:hover svg circle {
  fill: #413770;
}
.swiper-navigation-block {
  position: absolute;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 1 !important;
}
.swiper-navigation-block .swiper-button-next {
  right: -57px;
}
.swiper-navigation-block .swiper-button-prev {
  left: -57px;
}
.swiper-navigation-block > div {
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  top: 0;
  height: auto;
  bottom: 0;
  background: none;
}
.swiper-navigation-block > div svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-navigation-block .swiper-button-disabled {
  display: none;
}
@media screen and (min-width: 1515px) {
  .main-page .first .swiper-pagination {
    bottom: 16%;
  }
  .main-page .cases-slider {
    right: 100px;
  }
  .products-slider {
    padding-bottom: 38px;
  }
  .products-slider .slider-item {
    width: 456px;
    height: 360px;
    padding: 32px;
  }
  .products-slider .slider-img {
    height: 64px;
  }
  .products-slider .slider-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    padding-right: 40px;
  }
  .products-slider .slider-head {
    margin-bottom: 16px;
  }
  .products-slider .slider-tag {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-slider .slider-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .overview-page .overview-slider .slider {
    padding-bottom: 48px;
  }
  .overview-page .overview-slider .slider-item {
    height: 400px;
  }
  .overview-page section.cases .swiper-button-next,
  .overview-page section.cases .swiper-button-prev {
    height: 400px;
    top: 104px;
  }
  .overview-page section.cases .swiper-button-next {
    right: -45px;
  }
  .overview-page section.cases .swiper-button-prev {
    left: -45px;
  }
  .processor-page .user-reviews .swiper-button-next,
  .processor-page .user-reviews .swiper-button-prev,
  .processor-page .reviews .swiper-button-next,
  .processor-page .reviews .swiper-button-prev,
  .dmu-page .user-reviews .swiper-button-next,
  .dmu-page .user-reviews .swiper-button-prev,
  .dmu-page .reviews .swiper-button-next,
  .dmu-page .reviews .swiper-button-prev,
  .asset-page .user-reviews .swiper-button-next,
  .asset-page .user-reviews .swiper-button-prev,
  .asset-page .reviews .swiper-button-next,
  .asset-page .reviews .swiper-button-prev {
    height: 236px;
    background: 0;
    top: 108px;
  }
  .processor-page .user-reviews .swiper-button-next svg,
  .processor-page .user-reviews .swiper-button-prev svg,
  .processor-page .reviews .swiper-button-next svg,
  .processor-page .reviews .swiper-button-prev svg,
  .dmu-page .user-reviews .swiper-button-next svg,
  .dmu-page .user-reviews .swiper-button-prev svg,
  .dmu-page .reviews .swiper-button-next svg,
  .dmu-page .reviews .swiper-button-prev svg,
  .asset-page .user-reviews .swiper-button-next svg,
  .asset-page .user-reviews .swiper-button-prev svg,
  .asset-page .reviews .swiper-button-next svg,
  .asset-page .reviews .swiper-button-prev svg {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .processor-page .user-reviews .swiper-button-next,
  .processor-page .reviews .swiper-button-next,
  .dmu-page .user-reviews .swiper-button-next,
  .dmu-page .reviews .swiper-button-next,
  .asset-page .user-reviews .swiper-button-next,
  .asset-page .reviews .swiper-button-next {
    right: -45px;
  }
  .processor-page .user-reviews .swiper-button-prev,
  .processor-page .reviews .swiper-button-prev,
  .dmu-page .user-reviews .swiper-button-prev,
  .dmu-page .reviews .swiper-button-prev,
  .asset-page .user-reviews .swiper-button-prev,
  .asset-page .reviews .swiper-button-prev {
    left: -45px;
  }
  .swiper-container-horizontal .swiper-scrollbar {
    height: 8px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    height: 360px;
    top: 99px;
    background: 0;
  }
  .swiper-button-next svg,
  .swiper-button-prev svg {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .swiper-button-next {
    right: -46px;
  }
  .swiper-button-prev {
    left: -46px;
  }
}
@media screen and (max-width: 1100px) {
  .swiper-navigation-block {
    display: none;
  }
  .tablet-content-small {
    padding: 0 160px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 960px) {
  .tablet-content-small {
    padding: 0;
  }
}
@media screen and (max-width: 1100px) {
  .page.end-user-page .section-top-text {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1100px) {
  .end-user-top-section .head {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .products .swiper-navigation {
    display: none;
  }
  .products-slider {
    margin-left: -64px;
    margin-right: -64px;
    padding-left: 64px;
  }
  .products-slider .slider-logo {
    height: 36px;
  }
  .products-slider .slider-item {
    height: 240px !important;
    width: 240px !important;
    padding: 16px;
    margin-right: 21px;
  }
  .products-slider .slider-item + .free:nth-child(1) {
    margin-left: 40px;
  }
  .products-slider .slider-item:hover .slider-btn:after {
    width: 30px;
  }
  .products-slider .slider-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    color: #12abdb;
  }
  .products-slider .slider-btn:after {
    background: #12abdb;
    bottom: -2px;
  }
  .swiper-scrollbar {
    display: none;
  }
  .overview-page .overview-slider {
    width: calc(100% + 128px);
    margin-left: -64px;
    padding-left: 64px;
  }
  .overview-page .overview-slider .slider {
    width: auto;
    max-width: 200%;
  }
  .processor-page .user-reviews .swiper-navigation,
  .processor-page .reviews .swiper-navigation,
  .dmu-page .user-reviews .swiper-navigation,
  .dmu-page .reviews .swiper-navigation,
  .asset-page .user-reviews .swiper-navigation,
  .asset-page .reviews .swiper-navigation {
    display: none;
  }
  .processor-page .user-reviews-slider,
  .processor-page .reviews-slider,
  .dmu-page .user-reviews-slider,
  .dmu-page .reviews-slider,
  .asset-page .user-reviews-slider,
  .asset-page .reviews-slider {
    top: 0;
    padding: 0;
    padding-bottom: 24px;
    width: calc(100% + 128px);
    margin-left: -64px;
    padding-left: 64px;
  }
  .processor-page .user-reviews-slider .slider,
  .processor-page .reviews-slider .slider,
  .dmu-page .user-reviews-slider .slider,
  .dmu-page .reviews-slider .slider,
  .asset-page .user-reviews-slider .slider,
  .asset-page .reviews-slider .slider {
    width: auto;
    max-width: 200%;
  }
  .processor-page .user-reviews-slider .mob-scroll-offset,
  .processor-page .reviews-slider .mob-scroll-offset,
  .dmu-page .user-reviews-slider .mob-scroll-offset,
  .dmu-page .reviews-slider .mob-scroll-offset,
  .asset-page .user-reviews-slider .mob-scroll-offset,
  .asset-page .reviews-slider .mob-scroll-offset {
    padding: 30px;
  }
  .processor-page .user-reviews .swiper-scrollbar,
  .processor-page .reviews .swiper-scrollbar,
  .dmu-page .user-reviews .swiper-scrollbar,
  .dmu-page .reviews .swiper-scrollbar,
  .asset-page .user-reviews .swiper-scrollbar,
  .asset-page .reviews .swiper-scrollbar {
    bottom: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .products-slider {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
  }
  .products-slider .slider-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    color: #12abdb;
  }
  .products-slider .slider-btn:after {
    background: #12abdb;
    bottom: -2px;
  }
  .overview-page .overview-slider {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding-left: 40px;
  }
  .processor-page .user-reviews .mob-scroll-offset,
  .processor-page .reviews .mob-scroll-offset,
  .dmu-page .user-reviews .mob-scroll-offset,
  .dmu-page .reviews .mob-scroll-offset,
  .asset-page .user-reviews .mob-scroll-offset,
  .asset-page .reviews .mob-scroll-offset {
    padding: 32px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first .swiper-pagination {
    bottom: 20px;
    right: initial;
    left: 16px;
  }
  .main-page .products .swiper-navigation {
    display: none;
  }
  .products-slider {
    margin-left: -16px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .products-slider .slider-item {
    width: 255px;
    height: 216px;
    margin-left: 16px;
    padding: 16px;
  }
  .products-slider .slider-tag {
    color: #66869c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .products-slider .slider-head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products-slider .slider-logo {
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .products-slider .slider-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-slider .slider-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #12abdb;
  }
  .products-slider .slider-btn:after {
    background: #12abdb;
    bottom: -2px;
  }
  .processor-page .user-reviews .swiper-navigation,
  .processor-page .reviews .swiper-navigation,
  .dmu-page .user-reviews .swiper-navigation,
  .dmu-page .reviews .swiper-navigation,
  .asset-page .user-reviews .swiper-navigation,
  .asset-page .reviews .swiper-navigation {
    display: none;
  }
  .processor-page .user-reviews-slider,
  .processor-page .reviews-slider,
  .dmu-page .user-reviews-slider,
  .dmu-page .reviews-slider,
  .asset-page .user-reviews-slider,
  .asset-page .reviews-slider {
    top: 0;
    padding: 0;
    padding-bottom: 50px;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .processor-page .user-reviews-slider .slider,
  .processor-page .reviews-slider .slider,
  .dmu-page .user-reviews-slider .slider,
  .dmu-page .reviews-slider .slider,
  .asset-page .user-reviews-slider .slider,
  .asset-page .reviews-slider .slider {
    width: auto;
    max-width: 200%;
  }
  .processor-page .user-reviews .mob-scroll-offset,
  .processor-page .reviews .mob-scroll-offset,
  .dmu-page .user-reviews .mob-scroll-offset,
  .dmu-page .reviews .mob-scroll-offset,
  .asset-page .user-reviews .mob-scroll-offset,
  .asset-page .reviews .mob-scroll-offset {
    padding: 16px;
  }
}
* .small-text {
  font-size: 10pt !important;
  line-height: 16pt !important;
}
* .small-text-italic {
  font-style: italic;
  font-size: 10pt !important;
  line-height: 16pt !important;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.page404 {
  padding: 0;
}
.page404 ~ .footer {
  display: none;
}
.page404 ~ .mob-tools {
  display: none;
}
.page404 .main {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: url('../img/page404_bg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 10vh;
  color: #fff;
}
.page404 .main-description {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 4px;
}
.page404 .main-title {
  font-size: 64px;
  font-weight: 900;
  line-height: 80px;
  margin-bottom: 18px;
}
.page404 .main-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page404 .main-btn {
  margin-left: 16px;
  color: #fff;
}
.page404 .main-btn:first-child {
  margin-left: 0;
}
@media screen and (min-width: 1515px) {
  .page404 .main {
    padding-top: 15vh;
  }
  .page404 .main-description {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
  .page404 .main-title {
    font-size: 96px;
    font-weight: 900;
    line-height: 112px;
    margin-bottom: 32px;
  }
  .page404 .main-btn {
    margin-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .page404 .main {
    height: calc(var(--vh, 1vh) * 100);
    background: url('../img/mob-page404_bg.jpg') no-repeat;
    padding-top: calc(var(--vh, 1vh) * 18);
    background-size: cover;
    background-position: center;
  }
  .page404 .main-description {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .page404 .main-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .page404 .main-row {
    position: absolute;
    bottom: calc(var(--vh, 1vh) * 10);
    left: 0;
    width: 100%;
    padding-left: 16px;
  }
  .page404 .main-btn {
    border: none;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 20px;
    padding: 0;
  }
  .page404 .main-btn:first-child:before {
    content: none;
  }
  .page404 .main-btn:before {
    content: '';
    background: #12abdb;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 8px;
    left: -12px;
  }
}
.about-page .main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.about-page .sidebar {
  position: sticky;
  top: 86px;
  bottom: 200px;
  margin-right: 16px;
  border-radius: 4px;
  background: #eef9ff;
  width: 224px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
  padding: 24px;
  z-index: 2;
}
.about-page .sidebar:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.about-page .sidebar-title {
  color: #12abdb;
  margin-bottom: 16px;
}
.about-page .sidebar-section {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #dbf2ff;
}
.about-page .sidebar-section-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}
.about-page .sidebar-section-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.about-page .sidebar-section:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.about-page .main-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 2;
  overflow: initial;
}
.about-page .main-wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.about-page .main {
  padding-right: 80px;
  padding-left: 80px;
  position: relative;
  z-index: 3;
}
.about-page .main ul {
  margin-left: -12px;
}
.about-page .main-timeline-section {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.about-page .main-timeline-section:last-child {
  margin-bottom: 0;
}
.about-page .main-timeline-year {
  color: #12abdb;
  margin-right: 8px;
}
@media screen and (min-width: 1515px) {
  .about-page .sidebar {
    width: 336px;
    padding: 32px;
    margin-right: 24px;
    top: 96px;
  }
  .about-page .sidebar-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .about-page .sidebar-section {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .about-page .sidebar-section-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  .about-page .sidebar-section-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .about-page .main {
    padding-right: 120px;
    padding-left: 120px;
  }
  .about-page .main h2 {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .about-page .head {
    margin-bottom: 12px;
  }
  .about-page .main-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .about-page .sidebar {
    position: relative;
    top: initial;
    bottom: initial;
    margin-right: 0;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100vw - 128px);
    margin: 0 64px;
    margin-top: 40px;
    padding: 16px 64px;
  }
  .about-page .sidebar-section-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .about-page .sidebar-section-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
  }
  .about-page .main {
    padding: 32px 64px;
  }
  .about-page .main ul {
    margin-left: 0;
  }
  .about-page .main-timeline-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .about-page .main-timeline-year {
    margin-right: 0;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .about-page .main {
    padding: 26px 40px;
  }
  .about-page .sidebar {
    position: relative;
    top: initial;
    bottom: initial;
    margin-right: 0;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100vw - 80px);
    margin: 0 40px;
    padding: 16px 40px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 599px) {
  .about-page .head {
    margin-bottom: 12px;
  }
  .about-page .main-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .about-page .sidebar {
    position: relative;
    top: initial;
    bottom: initial;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 24px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 16px 12px;
  }
  .about-page .sidebar-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .about-page .sidebar-section-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
  .about-page .sidebar-section-text br {
    display: none;
  }
  .about-page .main {
    padding: 24px 16px;
  }
}
.applications-page {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  color: #fff;
}
.applications-page .head {
  padding-top: 72px;
  padding-bottom: 32px;
}
.applications-page .head .container {
  padding: 0 200px;
}
.applications-page .head-title {
  color: #ff304c;
  margin-bottom: 8px;
}
.applications-page .head-description {
  margin-bottom: 8px;
}
.applications-page .accordion-item {
  width: 100%;
  height: 124px;
  min-height: 124px;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 160px;
  overflow: hidden;
  margin-bottom: 1px;
  cursor: pointer;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.applications-page .accordion-item.opened {
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  cursor: initial;
}
.applications-page .accordion-item.opened .accordion-block {
  opacity: 1;
}
.applications-page .accordion-item.opened .accordion-btn {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.applications-page .accordion-item.opened:hover img {
  border-color: transparent !important;
}
.applications-page .accordion-item.plant-operations {
  background-image: url('../img/applications-po.jpg');
}
.applications-page .accordion-item.plant-operations .accordion-title {
  color: #12abdb;
}
.applications-page .accordion-item.plant-operations:hover img {
  border-color: #12abdb;
}
.applications-page
  .accordion-item.plant-operations.opened
  .accordion-btn:hover
  img {
  border-color: #12abdb !important;
}
.applications-page .accordion-item.technological-process {
  background-image: url('../img/applications-tp.jpg');
}
.applications-page .accordion-item.technological-process .accordion-title {
  color: #95e616;
}
.applications-page .accordion-item.technological-process:hover img {
  border-color: #95e616;
}
.applications-page
  .accordion-item.technological-process.opened
  .accordion-btn:hover
  img {
  border-color: #95e616 !important;
}
.applications-page .accordion-item.digital-product-or-service {
  background-image: url('../img/applications-dpos.jpg');
}
.applications-page .accordion-item.digital-product-or-service .accordion-title {
  color: #ff304c;
}
.applications-page .accordion-item.digital-product-or-service:hover img {
  border-color: #ff304c;
}
.applications-page
  .accordion-item.digital-product-or-service.opened
  .accordion-btn:hover
  img {
  border-color: #ff304c !important;
}
.applications-page .accordion-item.sales-and-after-sales {
  background-image: url('../img/applications-saas.jpg');
}
.applications-page .accordion-item.sales-and-after-sales .accordion-title {
  color: #7e39ba;
}
.applications-page .accordion-item.sales-and-after-sales:hover img {
  border-color: #7e39ba;
}
.applications-page
  .accordion-item.sales-and-after-sales.opened
  .accordion-btn:hover
  img {
  border-color: #7e39ba !important;
}
.applications-page .accordion-trigger {
  position: absolute;
  top: 0;
  left: 0;
  height: 124px;
  width: 100%;
  cursor: pointer;
}
.applications-page .accordion-btn {
  position: absolute;
  top: 43px;
  left: 104px;
  background: transparent;
  padding: 0;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
}
.applications-page .accordion-btn img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid transparent;
}
.applications-page .accordion-block {
  position: absolute;
  padding-right: 400px;
  opacity: 0;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.applications-page .accordion-title {
  margin-bottom: 16px;
  position: relative;
  cursor: pointer;
}
.applications-page .accordion-description {
  margin-bottom: 16px;
}
.applications-page .accordion-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
}
.applications-page .accordion .btn {
  color: #fff;
  display: inline-block;
}
.applications-page .mob-applications {
  display: none;
}
@media screen and (min-width: 1515px) {
  .applications-page .head {
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .applications-page .head .container {
    padding: 0 280px;
    padding-right: 190px;
  }
  .applications-page .head-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 16px;
  }
  .applications-page .head-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
    width: 750px;
  }
  .applications-page .head-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .applications-page .accordion-trigger {
    height: 180px;
  }
  .applications-page .accordion-item {
    height: 180px;
    min-height: 180px;
    padding-bottom: 56px;
    padding-top: 62px;
    padding-left: 240px;
  }
  .applications-page .accordion-btn {
    top: 66px;
    left: 170px;
  }
  .applications-page .accordion-btn img {
    width: 48px;
    height: 48px;
  }
  .applications-page .accordion-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 32px;
  }
  .applications-page .accordion-block {
    padding-right: 650px;
  }
  .applications-page .accordion-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .applications-page .accordion-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .applications-page .head {
    padding-bottom: 24px;
  }
  .applications-page .head-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .applications-page .head-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .applications-page .head-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .applications-page .head .container {
    padding: 0 64px;
  }
  .applications-page .accordion {
    display: none;
  }
  .applications-page .mob-applications {
    padding: 0;
    display: block;
  }
  .applications-page .mob-applications .application-item {
    border-bottom: 1px solid rgba(18, 171, 219, 0.2);
    width: 100%;
    position: relative;
  }
  .applications-page .mob-applications .application-item-bg {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .applications-page .mob-applications .application-item-wrap {
    padding: 32px 120px 32px 64px;
    position: relative;
    z-index: 1;
    background: rgba(4, 27, 43, 0.7);
  }
  .applications-page .mob-applications .application-item-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .applications-page .mob-applications .application-item-title.blue {
    color: #12abdb;
  }
  .applications-page .mob-applications .application-item-title.green {
    color: #95e616;
  }
  .applications-page .mob-applications .application-item-title.red {
    color: #ff304c;
  }
  .applications-page .mob-applications .application-item-title.purple {
    color: #7e39ba;
  }
  .applications-page .mob-applications .application-item-subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .applications-page .mob-applications .application-item-description {
    margin-bottom: 12px;
  }
  .applications-page .mob-applications .application-item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .applications-page .mob-applications .application-item-btn {
    background: 0;
    padding: 0;
    margin-right: 16px;
  }
  .applications-page .mob-applications .application-item-btn:after {
    left: 1px;
    bottom: -2px;
  }
  .applications-page .mob-applications .application-item-btn:focus,
  .applications-page .mob-applications .application-item-btn:active {
    padding: 0;
  }
  .applications-page .mob-applications .application-item-btn:hover:after {
    opacity: 1;
  }
  .applications-page .mob-applications .application-item-link {
    color: #fff;
  }
  .applications-page .bottom {
    padding-top: 68px;
    padding-bottom: 130px;
  }
  .applications-page .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .applications-page .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .applications-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .applications-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .applications-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .applications-page .bottom-right {
    padding-top: 26px;
    left: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .applications-page .head .container {
    padding: 0 40px;
  }
  .applications-page .mob-applications .application-item-wrap {
    padding: 32px 120px 32px 40px;
  }
  .applications-page .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .applications-page .bottom-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .applications-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .applications-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .applications-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .applications-page .bottom-right {
    padding-top: 26px;
    left: 0;
  }
}
@media screen and (max-width: 599px) {
  .applications-page .head {
    padding-bottom: 24px;
  }
  .applications-page .head .container {
    padding: 0 16px;
  }
  .applications-page .head-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .applications-page .head-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .applications-page .head-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .applications-page .accordion {
    display: none;
  }
  .applications-page .mob-applications {
    padding: 0;
    display: block;
  }
  .applications-page .mob-applications .application-item {
    border-bottom: 1px solid rgba(18, 171, 219, 0.2);
    width: 100%;
    position: relative;
  }
  .applications-page .mob-applications .application-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .applications-page .mob-applications .application-item-wrap {
    padding: 16px;
    position: relative;
    z-index: 1;
    background: rgba(4, 27, 43, 0.7);
  }
  .applications-page .mob-applications .application-item-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .applications-page .mob-applications .application-item-title.blue {
    color: #12abdb;
  }
  .applications-page .mob-applications .application-item-title.green {
    color: #95e616;
  }
  .applications-page .mob-applications .application-item-title.red {
    color: #ff304c;
  }
  .applications-page .mob-applications .application-item-title.purple {
    color: #7e39ba;
  }
  .applications-page .mob-applications .application-item-subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .applications-page .mob-applications .application-item-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .applications-page .mob-applications .application-item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .applications-page .mob-applications .application-item-btn {
    background: 0;
    padding: 0;
    margin-right: 16px;
  }
  .applications-page .mob-applications .application-item-btn:after {
    left: 1px;
    bottom: -2px;
  }
  .applications-page .mob-applications .application-item-btn:focus,
  .applications-page .mob-applications .application-item-btn:active {
    padding: 0;
  }
  .applications-page .mob-applications .application-item-btn:hover:after {
    opacity: 1;
  }
  .applications-page .mob-applications .application-item-link {
    color: #fff;
  }
}
.asset-page .bottom-group-btn,
.asset-page .integration-group-btn,
.asset-page .line-item-btn,
.asset-page .first-buttons-trial,
.asset-page .top-buttons-sale {
  background: #7b6fb0;
  border-color: #7b6fb0;
  color: #fff;
}
.asset-page .bottom-group-btn:hover,
.asset-page .integration-group-btn:hover,
.asset-page .line-item-btn:hover,
.asset-page .first-buttons-trial:hover,
.asset-page .top-buttons-sale:hover {
  color: #fff;
  border-color: #413770;
}
.asset-page .bottom-group-btn:before,
.asset-page .integration-group-btn:before,
.asset-page .line-item-btn:before,
.asset-page .first-buttons-trial:before,
.asset-page .top-buttons-sale:before {
  background: -o-radial-gradient(circle closest-side, #413770, transparent);
  background: radial-gradient(circle closest-side, #413770, transparent);
}
.asset-page .bottom-group-btn.transparent,
.asset-page .integration-group-btn.transparent,
.asset-page .line-item-btn.transparent,
.asset-page .description-buttons-more {
  color: #fff;
  border: 1px solid #7b6fb0;
  background: transparent;
}
.asset-page .bottom-group-btn.transparent:hover,
.asset-page .integration-group-btn.transparent:hover,
.asset-page .line-item-btn.transparent:hover,
.asset-page .description-buttons-more:hover {
  background: #7b6fb0;
  color: #fff;
  border-color: #413770;
}
.asset-page .bottom-group-btn.transparent:before,
.asset-page .integration-group-btn.transparent:before,
.asset-page .line-item-btn.transparent:before,
.asset-page .description-buttons-more:before {
  background: -o-radial-gradient(circle closest-side, #413770, transparent);
  background: radial-gradient(circle closest-side, #413770, transparent);
}
.asset-page {
  background: #eef9ff;
  padding-bottom: 0;
}
.asset-page ::-moz-selection {
  background-color: #7b6fb0;
}
.asset-page ::selection {
  background-color: #7b6fb0;
}
.asset-page .top {
  background: rgba(2, 17, 29, 0.9);
  position: fixed;
  top: 64px;
  height: 72px;
  width: 100%;
  z-index: 9;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
}
.asset-page .top.hidden {
  -webkit-transform: translateY(-64px);
  -ms-transform: translateY(-64px);
  transform: translateY(-64px);
}
.asset-page .top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.asset-page .top-logo {
  margin-right: 24px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}
.asset-page .top-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.asset-page .top-icons-title {
  display: none;
  color: #fff;
}
.asset-page .top-icons-item {
  padding: 0;
  background: transparent;
  margin-right: 24px;
}
.asset-page .top-icons-item:last-child {
  margin-right: 0;
}
.asset-page .top-icons-item svg {
  width: 24px;
}
.asset-page .top-icons-item svg path {
  fill: #fff;
}
.asset-page .top-icons-item svg rect {
  stroke: #fff;
}
.asset-page .top-icons-item:hover svg path {
  fill: #7b6fb0;
}
.asset-page .top-icons-item:hover svg rect {
  stroke: #7b6fb0;
}
.asset-page .top-icons-item:hover .top-icons-title {
  color: #7b6fb0;
}
.asset-page .top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.asset-page .top-buttons button {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
}
.asset-page .top-buttons button b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .top-buttons-trial,
.asset-page .top-buttons-demo {
  background: none;
  padding: 0;
}
.asset-page .top-buttons-trial:hover,
.asset-page .top-buttons-demo:hover {
  color: #7b6fb0;
}
.asset-page .top-buttons-trial b,
.asset-page .top-buttons-demo b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .top-buttons-dot {
  width: 4px;
  height: 4px;
  background: #7b6fb0;
  margin: 0 8px;
  border-radius: 50%;
}
.asset-page .top-buttons-sale {
  margin-left: 24px;
}
.asset-page .top .mob-options {
  display: none;
}
.asset-page .first {
  height: 100vh;
  position: relative;
  color: #fff;
  background-color: #041b2b;
}
.asset-page .first-bg {
  position: absolute;
  width: 100%;
  height: 120%;
  right: 0;
  z-index: 1;
}
.asset-page .first-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.asset-page .first-bg-mob {
  display: none;
}
.asset-page .first-bg-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #051b2c),
    to(rgba(5, 28, 45, 0))
  );
  background: -o-linear-gradient(top, #051b2c 0, rgba(5, 28, 45, 0) 100%);
  background: linear-gradient(180deg, #051b2c 0, rgba(5, 28, 45, 0) 100%);
  position: absolute;
  bottom: 0;
  height: 275px;
  width: 100%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.asset-page .first .container {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 2;
}
.asset-page .first-block {
  width: 600px;
}
.asset-page .first-title {
  margin-bottom: 24px;
  color: #7b6fb0;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .first-description {
  margin-bottom: 24px;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .first-links {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .first-links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: transparent;
  padding: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
  margin-left: 28px;
}
.asset-page .first-links-item:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #7b6fb0;
  border-radius: 50%;
  position: absolute;
  left: -16px;
}
.asset-page .first-links-item:first-child {
  margin-left: 0;
}
.asset-page .first-links-item:first-child:before {
  content: none;
}
.asset-page .first-links-item span {
  position: relative;
}
.asset-page .first-links-item span:after {
  content: '';
  background: url('../img/underline-asset.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.asset-page .first-links-item svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.asset-page .first-links-item svg path {
  fill: #fff;
}
.asset-page .first-links-item svg rect {
  stroke: #fff;
}
.asset-page .first-links-item:hover {
  color: #7b6fb0;
}
.asset-page .first-links-item:hover svg path {
  fill: #7b6fb0;
}
.asset-page .first-links-item:hover svg rect {
  stroke: #7b6fb0;
}
.asset-page .first-links-item:hover span:after {
  opacity: 0;
}
.asset-page .first-links a span:after {
  content: none;
}
.asset-page .first-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .first-buttons-demo {
  color: #fff;
  background: none;
  position: relative;
  padding: 0;
}
.asset-page .first-buttons-demo:after {
  content: '';
  background: url('../img/underline-asset.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.asset-page .first-buttons-demo:hover {
  color: #7b6fb0;
}
.asset-page .first-buttons-demo:hover:after {
  opacity: 0;
}
.asset-page .first-buttons-dot {
  width: 4px;
  height: 4px;
  background: #7b6fb0;
  margin: 0 8px;
  border-radius: 50%;
}
.asset-page .first-buttons-trial {
  margin-right: 24px;
}
.asset-page .first .scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 50px;
}
.asset-page .first .scroll-down-text {
  color: #66869c;
  margin-left: 8px;
}
.asset-page .first .scroll-down-icon {
  width: 16px;
  height: 28px;
  border: 1px solid #7b6fb0;
  position: relative;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.asset-page .first .scroll-down-circle {
  width: 4px;
  height: 4px;
  background: #7b6fb0;
  border-radius: 50%;
  position: relative;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-animation-name: scrollDown;
  animation-name: scrollDown;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.asset-page .description {
  color: #fff;
  padding-top: 50px;
  padding-bottom: 128px;
  position: relative;
  background-color: #041b2b;
}
.asset-page .description-title {
  margin-bottom: 24px;
}
.asset-page .description .container {
  position: relative;
  z-index: 2;
}
.asset-page .description-img {
  width: 49%;
  height: 434px;
  position: absolute;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  top: 160px;
  z-index: 2;
  border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
}
.asset-page .description-wrap {
  width: 51%;
  margin-left: auto;
}
.asset-page .description-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.asset-page .description-item {
  border-radius: 4px;
  background: #02111d;
  padding: 16px;
  width: 224px;
  margin-left: 16px;
  margin-top: 16px;
}
.asset-page .description-item-icon {
  margin-bottom: 12px;
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left bottom;
  object-position: left bottom;
}
.asset-page .description-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
}
.asset-page .description-buttons-more {
  margin-right: 24px;
}
.asset-page .description-buttons-supported {
  color: #fff;
  background: none;
  position: relative;
  padding: 0;
}
.asset-page .description-buttons-supported:after {
  content: '';
  background: url('../img/underline-white.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.asset-page .description-buttons-supported:hover {
  color: #7b6fb0;
}
.asset-page .description-buttons-supported:hover:after {
  opacity: 0;
}
.asset-page .capabilities {
  color: #fff;
  position: relative;
  padding-bottom: 170px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.asset-page .capabilities .container {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 3;
}
.asset-page .capabilities-bg {
  position: absolute;
  bottom: 1px;
  height: 1136px;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .capabilities-bg-wave {
  width: 101%;
  position: absolute;
  bottom: 0vw;
  z-index: 1;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .capabilities-bg-wave img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .capabilities-title {
  margin-bottom: 40px;
}
.asset-page .capabilities-title b {
  color: #7b6fb0;
}
.asset-page .capabilities-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.asset-page .capabilities-right {
  margin-left: 24px;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.asset-page .capabilities-right img {
  position: sticky;
  top: 160px;
  width: 446px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  -webkit-box-shadow: 0px 25px 75px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 25px 75px rgba(0, 0, 0, 0.2);
}
.asset-page .capabilities-dropdown:before {
  background: #fff;
}
.asset-page .capabilities-dropdown-title {
  color: #fff;
}
.asset-page .capabilities-dropdown-title:after {
  background: url('../img/underline-white.svg');
}
.asset-page .capabilities-dropdown-btn:hover .capabilities-dropdown-title {
  color: #7b6fb0;
}
.asset-page .capabilities-dropdown-arrow {
  background: url('../img/icons/dropdown-arrow-black.svg') no-repeat;
}
.asset-page .line {
  padding-top: 33px;
  background: #eef9ff;
  position: relative;
}
.asset-page .line-title {
  color: #7b6fb0;
  margin-bottom: 24px;
}
.asset-page .line-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.asset-page .line-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.asset-page .line-group:first-child {
  width: 224px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.asset-page .line-description {
  margin-bottom: 16px;
}
.asset-page .line-item {
  width: 224px;
  height: 348px;
  padding: 24px;
  position: relative;
  border-radius: 4px;
  background: url('../img/asset-product-line.svg') no-repeat;
  background-position-y: bottom;
  background-color: #fff;
  margin-left: 16px;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.asset-page .line-item-head {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.asset-page .line-item-divider {
  height: 20px;
  width: 1px;
  background: #000;
  margin: 0 16px;
  display: none;
}
.asset-page .line-item-logo {
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 12px;
}
.asset-page .line-item-type {
  color: #7b6fb0;
}
.asset-page .line-item-btn {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.asset-page .line-item-btn.transparent {
  color: #7b6fb0;
}
.asset-page .integration {
  background: #eef9ff;
  padding-top: 88px;
}
.asset-page .integration-title {
  margin-bottom: 24px;
}
.asset-page .integration-title b {
  color: #7b6fb0;
}
.asset-page .integration-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.asset-page .integration-group {
  width: 50%;
}
.asset-page .integration-group:first-child {
  padding-right: 40px;
}
.asset-page .integration-group-title {
  margin-bottom: 12px;
}
.asset-page .integration-group-text {
  margin-bottom: 24px;
}
.asset-page .integration-group-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.asset-page .integration-group-btn {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.asset-page .integration-group-btn:first-child {
  margin-right: 12px;
}
.asset-page .integration-group-btn.transparent {
  color: #7b6fb0;
}
.asset-page .imaging {
  padding-top: 88px;
}
.asset-page .imaging-title {
  font-size: 40px;
  font-weight: 900;
  line-height: 46px;
  margin-bottom: 12px;
}
.asset-page .imaging-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.asset-page .imaging-col {
  margin-left: 16px;
}
.asset-page .imaging-col:first-child {
  margin-left: 0;
}
.asset-page .imaging-img {
  width: 304px;
  background: #fff;
  height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.asset-page .imaging-img img {
  width: 222px;
  height: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
.asset-page .imaging-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
  width: 490px;
}
.asset-page .imaging-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.asset-page .imaging-btn span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #7b6fb0;
  margin-right: 8px;
}
.asset-page .imaging-btn svg path {
  fill: #7b6fb0;
}
.asset-page .imaging-btn:hover span {
  color: #402d86;
}
.asset-page .imaging-btn:hover svg path {
  fill: #402d86;
}
.asset-page .reviews {
  background: #eef9ff;
  padding-top: 78px;
  padding-bottom: 0;
}
.asset-page .reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.asset-page .reviews-title {
  margin-right: 16px;
}
.asset-page .reviews-btn-all {
  z-index: 2;
}
.asset-page .reviews .container {
  position: relative;
}
.asset-page .reviews .link-solid {
  color: #7b6fb0;
}
.asset-page .reviews .link-solid:after {
  background: #7b6fb0;
}
.asset-page .reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 5;
}
.asset-page .reviews-item {
  width: 304px;
  height: 158px;
  background: #fff;
  border-radius: 4px;
  padding: 16px;
  text-align: left;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.asset-page .reviews-item:nth-child(4) {
  display: none;
}
.asset-page .reviews-item img {
  -webkit-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.asset-page .reviews-item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.asset-page .reviews-item:hover .reviews-item-btn:after {
  opacity: 0;
}
.asset-page .reviews-item:hover .reviews-item-btn span {
  color: #402d86;
}
.asset-page .reviews-item:hover .reviews-item-btn svg path {
  fill: #402d86;
}
.asset-page .reviews-item-img {
  width: 180px;
  height: 96px;
  display: block;
  margin: 0px auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 4px;
}
.asset-page .reviews-item-btn {
  width: auto;
  display: inline-block;
  background: 0;
  padding: 0;
  color: #7b6fb0;
}
.asset-page .reviews-item-btn svg {
  position: relative;
  bottom: 2px;
}
.asset-page .reviews-item-btn svg path {
  fill: #7b6fb0;
}
.asset-page .reviews-item-btn.link-dashed:after {
  content: '';
  background: url('../img/underline-asset.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.asset-page .user-reviews {
  margin-top: -70px;
  margin-bottom: -90px;
  background-color: #eef9ff;
}
.asset-page .user-reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.asset-page .user-reviews-title {
  margin-right: 16px;
}
.asset-page .user-reviews .container {
  position: relative;
}
.asset-page .user-reviews .reviews-item {
  margin-left: 0;
}
.asset-page .bottom {
  padding-top: 138px;
  padding-bottom: 98px;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  position: relative;
}
.asset-page .bottom .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.asset-page .bottom-bg {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}
.asset-page .bottom-bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.asset-page .bottom-group {
  margin-right: auto;
}
.asset-page .bottom-group:first-child .bottom-group-caption {
  width: 220px;
}
.asset-page .bottom-group:last-child {
  margin-right: 0;
  position: relative;
  right: -6px;
}
.asset-page .bottom-group-title {
  margin-bottom: 12px;
}
.asset-page .bottom-group-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.asset-page .bottom-group-btn {
  margin-right: 12px;
}
.asset-page .bottom-group-btn.transparent {
  color: #7b6fb0;
}
.asset-page .bottom-group-caption {
  width: 176px;
}
@media screen and (min-width: 1515px) {
  .asset-page .top {
    height: 72px;
    top: 80px;
  }
  .asset-page .top.hidden {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
  }
  .asset-page .top-logo {
    height: 48px;
    margin-right: 66px;
  }
  .asset-page .top-icons-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 32px;
  }
  .asset-page .top-icons-title {
    display: block;
    margin-left: 12px;
  }
  .asset-page .top-buttons button {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .top-buttons-dot {
    margin: 0 16px;
  }
  .asset-page .top-buttons-trial {
    margin-left: 32px;
  }
  .asset-page .first-title {
    font-size: 80px;
    font-weight: 900;
    line-height: 96px;
    margin-bottom: 32px;
  }
  .asset-page .first-block {
    width: 800px;
  }
  .asset-page .first-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 32px;
    width: 700px;
  }
  .asset-page .first-links {
    margin-bottom: 64px;
  }
  .asset-page .first-links-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 38px;
  }
  .asset-page .first-links-item:before {
    left: -20px;
  }
  .asset-page .first-buttons button {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .asset-page .first-buttons-sale {
    margin-right: 32px;
  }
  .asset-page .first-buttons-dot {
    margin: 0 16px;
  }
  .asset-page .first .scroll-down-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .description {
    padding-bottom: 160px;
  }
  .asset-page .description-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .asset-page .description-img {
    height: 614px;
    top: 228px;
  }
  .asset-page .description-item {
    width: 336px;
    padding: 24px;
    margin-top: 24px;
    margin-left: 24px;
    padding-bottom: 40px;
  }
  .asset-page .description-item-icon {
    width: 72px;
    height: 72px;
  }
  .asset-page .description-item-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .description-buttons {
    padding-left: 24px;
  }
  .asset-page .description-buttons-more {
    margin-right: 32px;
  }
  .asset-page .description-buttons-more,
  .asset-page .description-buttons-supported {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .asset-page .description-wrap {
    height: 614px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .asset-page .capabilities {
    padding-bottom: 320px;
  }
  .asset-page .capabilities-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .asset-page .capabilities-left {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .asset-page .capabilities-dropdown-list {
    width: 550px;
  }
  .asset-page .capabilities-right img {
    width: 696px;
  }
  .asset-page .capabilities-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .asset-page .capabilities-bg-wave {
    bottom: 0vw;
  }
  .asset-page .line {
    padding-bottom: 96px;
  }
  .asset-page .line-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
  }
  .asset-page .line-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .asset-page .line-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .asset-page .line-group:first-child {
    width: 290px;
    margin-right: auto;
  }
  .asset-page .line-item {
    width: 336px;
    height: 340px;
    margin-left: 24px;
    padding: 32px;
    padding-top: 42px;
    background-size: contain;
  }
  .asset-page .line-item-head {
    margin-bottom: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .asset-page .line-item-divider {
    display: block;
  }
  .asset-page .line-item-type {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .asset-page .line-item-logo {
    height: 30px;
    margin-bottom: 0;
  }
  .asset-page .line-item-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .line-item-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    left: 32px;
    bottom: 32px;
  }
  .asset-page .integration-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
    width: 765px;
  }
  .asset-page .integration-group {
    width: 655px;
  }
  .asset-page .integration-group:first-child {
    width: 655px;
    margin-right: 65px;
  }
  .asset-page .integration-group:last-child .integration-group-text {
    width: initial;
  }
  .asset-page .integration-group-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .asset-page .integration-group-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 32px;
  }
  .asset-page .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .asset-page .integration-group-btn:first-child {
    margin-right: 16px;
  }
  .asset-page .imaging {
    padding-top: 160px;
    padding-bottom: 0;
  }
  .asset-page .imaging-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    width: 100%;
    margin-bottom: 24px;
  }
  .asset-page .imaging-title b {
    color: #7b6fb0;
  }
  .asset-page .imaging-img {
    width: 460px;
    height: 220px;
  }
  .asset-page .imaging-img img {
    width: 320px;
  }
  .asset-page .imaging-col {
    margin-left: 24px;
    width: auto;
  }
  .asset-page .imaging-col:last-child {
    position: relative;
    bottom: initial;
  }
  .asset-page .imaging-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .asset-page .imaging-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 16px;
    width: auto;
  }
  .asset-page .imaging-btn span {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .asset-page .reviews {
    padding-top: 160px;
  }
  .asset-page .reviews-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .asset-page .reviews-btn-all {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .asset-page .reviews-head {
    margin-bottom: 40px;
  }
  .asset-page .reviews-item {
    width: 336px;
    height: 236px;
  }
  .asset-page .reviews-item:nth-child(4) {
    display: block;
  }
  .asset-page .reviews-item-img {
    width: 100%;
    height: auto;
    max-height: 170px;
    margin-bottom: 8px;
  }
  .asset-page .reviews-item-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .reviews-item-btn svg {
    margin-left: 4px;
  }
  .asset-page .user-reviews {
    margin-top: 0;
  }
  .asset-page .user-reviews-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .asset-page .user-reviews-head {
    margin-bottom: 40px;
  }
  .asset-page .user-reviews .reviews-item {
    margin-left: 0;
  }
  .asset-page .bottom {
    padding-top: 180px;
    padding-bottom: 150px;
  }
  .asset-page .bottom-bg {
    bottom: 0;
  }
  .asset-page .bottom-bg img {
    height: 100%;
    -o-object-fit: initial;
    object-fit: initial;
  }
  .asset-page .bottom .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .asset-page .bottom-group {
    margin-right: 0;
  }
  .asset-page .bottom-group:first-child .bottom-group-caption {
    width: 395px;
  }
  .asset-page .bottom-group:last-child {
    width: 420px;
    right: 32px;
  }
  .asset-page .bottom-group-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .asset-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 210px;
  }
  .asset-page .bottom-group-btn {
    margin-right: 16px;
  }
  .asset-page.safari .bottom-bg {
    top: -48px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .asset-page .first-block {
    padding-top: 120px;
  }
  .asset-page .first-title {
    margin-bottom: 12px;
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
  }
  .asset-page .first-description {
    margin-bottom: 16px;
    max-width: 560px;
  }
  .asset-page .first-links {
    margin-bottom: 32px;
  }
  .asset-page .first .scroll-down {
    display: none;
  }
  .asset-page .description-item {
    width: 220px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .asset-page .description-img {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    position: relative;
    top: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .asset-page .top {
    height: 64px;
  }
  .asset-page .top-logo {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .asset-page .top-icons {
    display: none;
  }
  .asset-page .top-buttons {
    margin-left: 24px;
  }
  .asset-page .top-buttons-sale {
    margin-left: 0;
  }
  .asset-page .top-buttons button:not(.open-contact-sales) {
    display: none;
  }
  .asset-page .top-buttons .open-contact-sales {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background: #7b6fb0;
    color: #fff;
    border-color: #7b6fb0;
    padding: 12px 24px;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .asset-page .top-buttons .open-contact-sales:active,
  .asset-page .top-buttons .open-contact-sales:focus {
    padding: 12px 20px;
  }
  .asset-page .top .mob-options {
    display: block;
    margin-left: auto;
  }
  .asset-page .top .mob-options.active .mob-options-btn span {
    color: #7b6fb0;
  }
  .asset-page .top .mob-options.active .mob-options-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .asset-page .top .mob-options-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .asset-page .top .mob-options-btn span {
    margin-right: 8px;
    color: #fff;
  }
  .asset-page .top .mob-options-btn img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .asset-page .top .mob-options-list {
    padding: 0 64px;
    display: none;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
    background: rgba(2, 17, 29, 0.9);
  }
  .asset-page .top .mob-options-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    border-top: none;
  }
  .asset-page .top .mob-options-group:first-child {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 24px;
  }
  .asset-page .top .mob-options-item {
    padding: 0;
    background: 0;
    margin-top: 0;
    margin-left: 42px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .asset-page .top .mob-options-item:first-child {
    margin-left: 0;
  }
  .asset-page .top .mob-options-item.icon-button svg {
    width: 24px;
    margin-right: 8px;
  }
  .asset-page .top .mob-options-item.icon-button svg path {
    fill: #fff;
  }
  .asset-page .top .mob-options-item.icon-button svg rect {
    fill: #fff;
  }
  .asset-page .top .mob-options-item.icon-button span {
    color: #fff;
  }
  .asset-page .top .mob-options .link-dashed:after {
    bottom: -2px;
    background: url('../img/underline-asset.svg') repeat;
  }
  .asset-page .first {
    padding-top: 192px;
    height: auto;
  }
  .asset-page .first-bg {
    height: 515px;
    top: 70px;
    opacity: 1;
  }
  .asset-page .first-bg-desktop {
    display: block;
  }
  .asset-page .first-bg-mob {
    display: none;
  }
  .asset-page .first .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 16px;
  }
  .asset-page .first-block {
    width: 100%;
    position: relative;
  }
  .asset-page .first-title {
    max-width: 380px;
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
    margin-bottom: 24px;
  }
  .asset-page .first-description {
    max-width: 272px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
  }
  .asset-page .first-links {
    padding-bottom: 32px;
    margin: 0;
  }
  .asset-page .first-links-item:not(.open-video-popup) {
    display: block;
  }
  .asset-page .first-links-dot {
    display: none;
  }
  .asset-page .first-links .open-video-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .asset-page .first-links .open-video-popup span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .first-links .open-video-popup span:after {
    content: none;
  }
  .asset-page .first-links .release-notes svg {
    margin-top: -5px;
  }
  .asset-page .first-links .release-notes::before {
    top: 45%;
  }
  .asset-page .first .scroll-down {
    display: none;
  }
  .asset-page .description {
    padding-bottom: 0;
  }
  .asset-page .description-title {
    width: 350px;
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .asset-page .description-title br {
    display: none;
  }
  .asset-page .description-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .asset-page .description-img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    padding-right: 64px;
    margin-bottom: 24px;
  }
  .asset-page .description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .asset-page .description-item {
    width: calc(50% - 8px);
    height: 132px;
    margin-right: 0;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .asset-page .description-item-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .asset-page .description-item-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .description-inner {
    width: 100%;
    overflow-x: auto;
    position: relative;
  }
  .asset-page .description-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px;
  }
  .asset-page .description-buttons {
    padding-left: 0;
  }
  .asset-page .description-buttons:before {
    display: none;
    content: '';
    background: #012a49;
    height: 24px;
    width: calc(100% + 32px);
    left: -16px;
    position: absolute;
    bottom: 20px;
    z-index: 2;
  }
  .asset-page .description-buttons-supported:after {
    bottom: -2px;
  }
  .asset-page .capabilities {
    height: auto;
    padding-top: 56px;
    padding-bottom: 100px;
  }
  .asset-page .capabilities .container {
    position: relative;
  }
  .asset-page .capabilities-title {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .asset-page .capabilities-left {
    margin-right: 0;
  }
  .asset-page .capabilities-right {
    display: none;
  }
  .asset-page .capabilities-wrap {
    display: block;
  }
  .asset-page .capabilities-bg-wave {
    bottom: 0;
  }
  .asset-page
    .capabilities
    .products-dropdown-wrapper
    .products-dropdown-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .asset-page .capabilities .products-dropdown-wrapper .products-dropdown {
    border-top: 1px solid rgba(2, 17, 29, 0.2);
  }
  .asset-page .capabilities .products-dropdown-wrapper .products-dropdown-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .asset-page .line {
    padding-top: 12px;
    padding-bottom: 0;
  }
  .asset-page .line .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .line-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .asset-page .line-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .line-description {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .asset-page .line-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .asset-page .line-group.mob-scroll {
    margin-top: -96px;
    width: calc(100% + 128px);
    max-width: 200%;
    margin-left: -64px;
    padding: 96px 64px;
  }
  .asset-page .line-group:first-child {
    width: 100%;
  }
  .asset-page .line-group .mob-scroll-offset {
    padding: 24px;
  }
  .asset-page .line-item {
    width: 255px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    padding-bottom: 98px;
    margin-left: 0;
    margin-right: 16px;
    background-size: 200%;
    background-position-x: -150px;
  }
  .asset-page .line-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  .asset-page .line-item-logo {
    height: 36px;
    margin-bottom: 12px;
  }
  .asset-page .line-item-divider {
    display: none;
  }
  .asset-page .line-item-type {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
  }
  .asset-page .line-item-btn {
    left: 16px;
    bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .integration {
    margin-top: -48px;
    padding-top: 0;
  }
  .asset-page .integration .container {
    position: relative;
    z-index: 1;
  }
  .asset-page .integration-title {
    padding-top: 60px;
    width: 380px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 24px;
  }
  .asset-page .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .integration-group {
    margin-bottom: 32px;
  }
  .asset-page .integration-group:first-child {
    width: 100%;
  }
  .asset-page .integration-group:first-child .integration-group-btn {
    border: 1px solid #7b6fb0;
    color: #7b6fb0;
    background: transparent;
  }
  .asset-page .integration-group:first-child .integration-group-btn:hover {
    color: #fff;
  }
  .asset-page .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .asset-page .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .asset-page .integration-group-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .asset-page .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .asset-page .integration-group-btn {
    display: block;
    text-align: center;
    margin: 0;
  }
  .asset-page .integration-group-btn:first-child {
    margin: 0;
    margin-right: 16px;
  }
  .asset-page .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
  }
  .asset-page .imaging {
    padding-top: 56px;
  }
  .asset-page .imaging-title {
    width: 360px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .asset-page .imaging-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .asset-page .imaging-col {
    margin-left: 0;
    bottom: initial;
  }
  .asset-page .imaging-img {
    width: 288px;
    height: 146px;
    margin-bottom: 16px;
  }
  .asset-page .imaging-img img {
    width: 224px;
  }
  .asset-page .imaging-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    width: auto;
  }
  .asset-page .imaging-btn span {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
  .asset-page .reviews {
    padding-top: 56px;
    padding-bottom: 54px;
  }
  .asset-page .reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .asset-page .reviews-head .link-solid {
    position: relative;
    bottom: 0;
  }
  .asset-page .reviews-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin: 0;
    margin-bottom: 16px;
  }
  .asset-page .reviews-list.mob-scroll {
    margin-left: -64px;
    padding-left: 64px;
    width: calc(100% + 128px);
    max-width: 200%;
  }
  .asset-page .reviews-item {
    width: 304px;
    height: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .asset-page .reviews-item:first-child {
    margin-left: 0;
  }
  .asset-page .reviews-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .asset-page .reviews-item-img {
    height: auto;
  }
  .asset-page .reviews-item-btn {
    position: absolute;
    bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .asset-page .user-reviews {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    background-color: #eef9ff;
  }
  .asset-page .user-reviews-head {
    margin-bottom: 16px;
  }
  .asset-page .user-reviews-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin: 0;
  }
  .asset-page .user-reviews .container {
    position: relative;
  }
  .asset-page .user-reviews .reviews-item {
    margin-left: 16px;
  }
  .asset-page .user-reviews .reviews-item:first-child {
    margin-left: 0;
  }
  .asset-page .bottom {
    padding-top: 50px;
    padding-bottom: 158px;
  }
  .asset-page .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .bottom-bg {
    top: -0.5px !important;
  }
  .asset-page .bottom-group {
    margin-top: 40px;
    width: 100%;
  }
  .asset-page .bottom-group:first-child .bottom-group-caption {
    width: 500px;
  }
  .asset-page .bottom-group:first-child .bottom-group-btn {
    color: #7b6fb0;
  }
  .asset-page .bottom-group:first-child .bottom-group-btn:hover {
    color: #fff;
    background: #7b6fb0;
  }
  .asset-page .bottom-group:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    right: initial;
    margin-top: 22px;
    width: auto;
  }
  .asset-page .bottom-group:last-child .bottom-group-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .asset-page .bottom-group:last-child .bottom-group-row .bottom-group-title {
    padding-left: 24px;
  }
  .asset-page .bottom-group:last-child .bottom-group-row .bottom-group-btn {
    width: 130px;
  }
  .asset-page .bottom-group:last-child .bottom-group-caption {
    width: 100%;
    position: absolute;
    left: 154px;
    top: 26px;
  }
  .asset-page .bottom-group:last-child .bottom-group-btn:hover {
    background: #7b6fb0;
  }
  .asset-page .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .asset-page .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .asset-page .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px;
  }
  .asset-page .bottom-group-btn:first-child {
    width: 260px;
  }
  .asset-page .bottom-group-btn:last-child {
    width: 130px;
  }
  .asset-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .asset-page .top .mob-options-list {
    padding: 0 40px;
  }
  .asset-page .description-img {
    padding-right: 40px;
  }
  .asset-page .reviews-list.mob-scroll {
    margin-left: -40px;
    padding-left: 40px;
    width: calc(100% + 80px);
    max-width: 200%;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .asset-page .top .mob-options-item {
    margin-left: 30px;
  }
  .asset-page .top .mob-options-item:first-child {
    margin-left: 0;
  }
  .asset-page .description-title {
    width: 350px;
  }
}
@media screen and (max-width: 599px) {
  .asset-page .top {
    height: 64px;
  }
  .asset-page .top-logo {
    display: none;
  }
  .asset-page .top-icons {
    display: none;
  }
  .asset-page .top-buttons button:not(.open-contact-sales) {
    display: none;
  }
  .asset-page .top-buttons .open-contact-sales {
    background: #7b6fb0;
    color: #fff;
    border-color: #7b6fb0;
    padding: 12px 20px;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .asset-page .top-buttons .open-contact-sales:active,
  .asset-page .top-buttons .open-contact-sales:focus {
    padding: 12px 20px;
  }
  .asset-page .top .mob-options {
    display: block;
  }
  .asset-page .top .mob-options.active .mob-options-btn span {
    color: #7b6fb0;
  }
  .asset-page .top .mob-options.active .mob-options-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .asset-page .top .mob-options-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .asset-page .top .mob-options-btn span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px;
    color: #fff;
  }
  .asset-page .top .mob-options-btn img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .asset-page .top .mob-options-list {
    padding: 0 16px;
    display: none;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
    background: rgba(2, 17, 29, 0.9);
  }
  .asset-page .top .mob-options-group {
    border-top: 1px solid #041b2b;
    padding: 16px 0;
  }
  .asset-page .top .mob-options-group:first-child {
    border-top: none;
    padding-top: 0;
  }
  .asset-page .top .mob-options-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    background: 0;
    margin-top: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .asset-page .top .mob-options-item:first-child {
    margin-top: 0;
  }
  .asset-page .top .mob-options-item:first-child .link-dashed::after {
    display: none;
  }
  .asset-page .top .mob-options-item.icon-button svg {
    width: 24px;
    margin-right: 8px;
  }
  .asset-page .top .mob-options-item.icon-button svg path {
    fill: #fff;
  }
  .asset-page .top .mob-options-item.icon-button svg rect {
    fill: #fff;
  }
  .asset-page .top .mob-options-item.icon-button span {
    color: #fff;
  }
  .asset-page .top .mob-options .link-dashed:after {
    bottom: -2px;
    background: url('../img/underline-asset.svg') repeat;
  }
  .asset-page .first {
    height: calc(var(--vh, 1vh) * 100);
  }
  .asset-page .first-bg {
    opacity: 0.2;
    height: 110%;
  }
  .asset-page .first-bg-desktop {
    display: none;
  }
  .asset-page .first-bg-mob {
    display: block;
  }
  .asset-page .first .container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 16px;
  }
  .asset-page .first-block {
    width: 100%;
    position: relative;
    bottom: 10%;
  }
  .asset-page .first-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 16px;
  }
  .asset-page .first-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .asset-page .first-buttons {
    display: none;
  }
  .asset-page .first-links {
    margin: 0;
  }
  .asset-page .first-links-item:not(.open-video-popup) {
    display: none;
  }
  .asset-page .first-links-dot {
    display: none;
  }
  .asset-page .first-links .open-video-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .asset-page .first-links .open-video-popup span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .asset-page .first-links .open-video-popup span:after {
    content: none;
  }
  .asset-page .first .scroll-down {
    display: none;
  }
  .asset-page .description {
    padding-bottom: 0;
  }
  .asset-page .description-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .asset-page .description-title br {
    display: none;
  }
  .asset-page .description-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .asset-page .description-img {
    width: calc(100% - 16px);
    height: auto;
    margin-bottom: 8px;
    position: relative;
    top: 0;
  }
  .asset-page .description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .asset-page .description-text p {
    margin-bottom: 8px;
  }
  .asset-page .description-item {
    width: 256px;
    height: 132px;
    margin-right: 8px;
    margin-top: 8px;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .asset-page .description-item-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .asset-page .description-item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .asset-page .description-inner {
    width: calc(100% + 32px);
    margin-left: -16px;
    overflow-x: auto;
    position: relative;
  }
  .asset-page .description-list {
    width: 552px;
    padding-left: 16px;
    margin-bottom: 24px;
  }
  .asset-page .description-buttons {
    padding-left: 0;
  }
  .asset-page .description-buttons:before {
    content: '';
    background: #012a49;
    height: 24px;
    width: calc(100% + 32px);
    left: -16px;
    position: absolute;
    bottom: 20px;
    z-index: 2;
  }
  .asset-page .description-buttons-more {
    background: transparent;
    border: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #7b6fb0;
    margin-right: 16px;
    overflow: auto;
    padding-bottom: 2px;
    border-radius: 0;
    top: 1px;
  }
  .asset-page .description-buttons-more:before {
    content: none;
  }
  .asset-page .description-buttons-more:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url('../img/underline-processor.svg') repeat;
  }
  .asset-page .description-buttons-more:hover {
    border: 0;
    background: transparent;
  }
  .asset-page .description-buttons-supported {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .asset-page .description-buttons-supported:after {
    bottom: -2px;
  }
  .asset-page .capabilities {
    padding-top: 56px;
    padding-bottom: 48px;
    margin-bottom: 60px;
  }
  .asset-page .capabilities .container {
    position: relative;
  }
  .asset-page .capabilities-bg-wave {
    bottom: 0.5px;
  }
  .asset-page .capabilities-bg-wave img {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .asset-page .capabilities-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .asset-page .capabilities-left {
    margin-right: 0;
  }
  .asset-page .capabilities-right {
    display: none;
  }
  .asset-page .capabilities-wrap {
    display: block;
  }
  .asset-page
    .capabilities
    .products-dropdown-wrapper
    .products-dropdown-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .asset-page .capabilities .products-dropdown-wrapper .products-dropdown {
    border-top: 1px solid rgba(2, 17, 29, 0.2);
  }
  .asset-page .line {
    padding-top: 12px;
    padding-bottom: 0;
    margin-top: -60px;
  }
  .asset-page .line .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .line-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .asset-page .line-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .line-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .asset-page .line-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .asset-page .line-group:last-child {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -96px;
    padding: 96px 16px;
  }
  .asset-page .line-group .mob-scroll-offset {
    padding: 1px;
  }
  .asset-page .line-item {
    width: 255px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    padding-bottom: 98px;
    margin-left: 0;
    margin-right: 16px;
    background-size: 200%;
    background-position-x: -150px;
  }
  .asset-page .line-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  .asset-page .line-item-logo {
    height: 36px;
    margin-bottom: 12px;
  }
  .asset-page .line-item-divider {
    display: none;
  }
  .asset-page .line-item-type {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
  }
  .asset-page .line-item-btn {
    left: 16px;
    bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .integration {
    margin-top: -48px;
    padding-top: 0;
  }
  .asset-page .integration .container {
    position: relative;
    z-index: 1;
  }
  .asset-page .integration-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .asset-page .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .asset-page .integration-group {
    margin-bottom: 32px;
  }
  .asset-page .integration-group:first-child {
    width: 100%;
    padding: 0;
  }
  .asset-page .integration-group:first-child .integration-group-btn {
    width: 100%;
    border: 1px solid #7b6fb0;
    color: #7b6fb0;
    background: transparent;
  }
  .asset-page .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .asset-page .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .asset-page .integration-group-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .asset-page .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .asset-page .integration-group-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
  }
  .asset-page .integration-group-btn:first-child {
    margin: 0;
    margin-bottom: 16px;
  }
  .asset-page .integration-group-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .asset-page .imaging {
    padding-top: 56px;
  }
  .asset-page .imaging-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
    width: 228px;
  }
  .asset-page .imaging-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .asset-page .imaging-col {
    margin-left: 0;
    bottom: initial;
  }
  .asset-page .imaging-img {
    width: 288px;
    height: 146px;
    margin-bottom: 16px;
  }
  .asset-page .imaging-img img {
    width: 224px;
  }
  .asset-page .imaging-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    width: auto;
  }
  .asset-page .imaging-btn span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .asset-page .reviews {
    padding-top: 56px;
    padding-bottom: 12px;
  }
  .asset-page .reviews .container {
    padding: 0;
  }
  .asset-page .reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .asset-page .reviews-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
  }
  .asset-page .reviews-list {
    padding-left: 16px;
  }
  .asset-page .reviews-item {
    width: 255px;
    height: 202px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .asset-page .reviews-item:first-child {
    margin-left: 0;
  }
  .asset-page .reviews-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .asset-page .reviews-item-img {
    width: 100%;
    height: auto;
  }
  .asset-page .reviews-item-btn {
    position: absolute;
    bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .asset-page .user-reviews {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .asset-page .user-reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .asset-page .user-reviews-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin: 0;
  }
  .asset-page .user-reviews .container {
    padding: 0;
  }
  .asset-page .user-reviews .reviews-item {
    margin-left: 16px;
  }
  .asset-page .user-reviews .reviews-item:first-child {
    margin-left: 0;
  }
  .asset-page .bottom {
    padding-top: 24px;
    padding-bottom: 158px;
  }
  .asset-page .bottom-bg {
    top: 0px;
  }
  .asset-page .bottom-group {
    width: 100%;
  }
  .asset-page .bottom-group:first-child .bottom-group-caption {
    width: 100%;
  }
  .asset-page .bottom-group:first-child .bottom-group-btn {
    color: #7b6fb0;
  }
  .asset-page .bottom-group:first-child .bottom-group-btn:hover {
    background: transparent;
  }
  .asset-page .bottom-group:last-child {
    right: initial;
    margin-top: 32px;
  }
  .asset-page .bottom-group:last-child .bottom-group-caption {
    width: 100%;
  }
  .asset-page .bottom-group:last-child .bottom-group-btn:hover {
    background: #7b6fb0;
  }
  .asset-page .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .asset-page .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .asset-page .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px;
  }
  .asset-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.automation-processes-page .main {
  padding: 32px 160px;
  padding-bottom: 40px;
}
.automation-processes-page .main p {
  margin-bottom: 8px;
}
.automation-processes-page .main p:last-child {
  margin-bottom: 0;
}
.automation-processes-page .main a {
  color: #12abdb;
}
.automation-processes-page .main a:hover {
  opacity: 0.6;
}
@media screen and (min-width: 1515px) {
  .automation-processes-page .main {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    padding: 64px 240px;
    padding-bottom: 80px;
  }
  .automation-processes-page .main p {
    margin-bottom: 16px;
  }
}
.blog-page .blog-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-page .sidebar {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  padding: 16px;
  padding-top: 20px;
  border-radius: 4px;
  background: #eef9ff;
  padding-bottom: 4px;
  width: 222px;
  position: sticky;
  top: 150px;
  bottom: 200px;
  margin-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-right: 0;
}
.blog-page .sidebar-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
}
.blog-page .sidebar-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog-page .sidebar-tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  margin-right: 16px;
  margin-bottom: 12px;
  padding: 0;
  background: 0;
}
.blog-page .sidebar-tag:last-child {
  margin-right: 0;
}
.blog-page .sidebar-tag:after {
  content: '';
  background: url('../img/underline.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.blog-page .sidebar-tag:hover {
  color: #12abdb;
}
.blog-page .sidebar-tag:hover:after {
  opacity: 0;
}
.blog-page .sidebar-tag.active {
  color: #12abdb;
}
.blog-page .sidebar-tag.active:after {
  background: url('../img/underline-blue.svg') repeat;
}
.blog-page .note {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 232px;
  position: relative;
}
.blog-page .note:last-child {
  margin-bottom: 0;
}
.blog-page .note-img {
  width: 304px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 16px;
}
.blog-page .note-body {
  position: relative;
}
.blog-page .note-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.blog-page .note-date,
.blog-page .note-category {
  margin-right: 20px;
  position: relative;
}
.blog-page .note-date:after,
.blog-page .note-category:after {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  right: -12px;
  top: 6px;
}
.blog-page .note-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-page .note-tag {
  margin-right: 8px;
  color: #12abdb;
  position: relative;
}
.blog-page .note-tag:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.blog-page .note-tag:hover {
  color: #12abdb;
}
.blog-page .note-tag:hover:after {
  opacity: 0;
}
.blog-page .note-tag:last-child {
  margin-right: 0;
}
.blog-page .note-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 8px;
}
.blog-page .note-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}
.blog-page .note-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #12abdb;
}
.blog-page .note-btn:after {
  background: #12abdb;
}
@media screen and (min-width: 1515px) {
  .blog-page .sidebar {
    width: 336px;
    padding: 32px;
    padding-top: 36px;
    margin-right: 24px;
  }
  .blog-page .sidebar-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .blog-page .sidebar-tag {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .blog-page .note {
    height: 256px;
    margin-bottom: 64px;
  }
  .blog-page .note-img {
    width: 336px;
    margin-right: 24px;
  }
  .blog-page .note-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .blog-page .note-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .blog-page .note-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.careers-page .head-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.careers-page .head-description {
  margin-top: 0;
}
.careers-page .head-btn {
  margin-left: 24px;
  padding: 11px 24px;
}
.careers-page .head-btn:hover {
  color: #fff;
}
.careers-page .main {
  padding: 32px 80px;
  padding-bottom: 32px;
}
.careers-page .main img {
  margin: initial;
  width: initial;
}
.careers-page .main-empty {
  display: none;
  padding: 0 80px;
}
.careers-page .main-empty-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 16px;
}
.careers-page .main-empty-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.careers-page .main h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}
.careers-page .main h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
.careers-page .main ul {
  margin-bottom: 24px;
  width: 100%;
}
.careers-page .main .btn {
  margin-top: 24px;
}
.careers-page .main .info-description {
  margin-bottom: 24px;
}
.careers-page .main .info-btn {
  margin-top: 24px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.careers-page .careers-dropdown {
  padding: 22px 32px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.careers-page .careers-dropdown-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px;
  cursor: pointer;
  position: relative;
}
.careers-page .careers-dropdown-arrow {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0;
}
.careers-page .careers-dropdown-location {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.careers-page .careers-dropdown-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-left: 16px;
  margin-right: 16px;
  width: 460px;
}
.careers-page .careers-dropdown-list {
  padding: 0 48px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.careers-page .careers-dropdown.closed {
  height: 76px !important;
  border-bottom: 1px solid #dbf2ff;
}
.careers-page .careers-dropdown.closed .careers-dropdown-list {
  opacity: 0;
}
.careers-page .careers-dropdown.closed .careers-dropdown-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.careers-page .careers-dropdown.closed:hover .careers-dropdown-title {
  color: #12abdb;
}
.careers-page .internship {
  background: #eef9ff;
  padding: 32px 160px;
  padding-bottom: 64px;
  padding-right: 182px;
}
.careers-page .internship-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 12px;
  color: #12abdb;
}
.careers-page .internship-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.careers-page .internship-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 420px;
}
.careers-page .internship-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 1515px) {
  .careers-page .main {
    padding: 64px 120px;
  }
  .careers-page .main-empty {
    padding: 0 120px;
  }
  .careers-page .main-empty-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .careers-page .main-empty-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .careers-page .main p {
    margin-bottom: 16px;
  }
  .careers-page .main h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 24px;
  }
  .careers-page .main h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 24px;
  }
  .careers-page .main .careers-dropdown {
    padding: 34px 64px;
  }
  .careers-page .main .careers-dropdown.closed {
    height: 105px !important;
  }
  .careers-page .main .careers-dropdown.closed:before {
    width: calc(100% + 240px);
    margin-left: -120px;
  }
  .careers-page .main .careers-dropdown-btn {
    margin-bottom: 34px;
  }
  .careers-page .main .careers-dropdown-btn img {
    margin: 0;
  }
  .careers-page .main .careers-dropdown-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-left: 24px;
    margin-right: 32px;
    width: 696px;
  }
  .careers-page .main .careers-dropdown-location {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .careers-page .main .careers-dropdown-list {
    padding: 0 58px;
  }
  .careers-page .main .careers-dropdown-arrow {
    margin: 0;
  }
  .careers-page .main .info-btn {
    margin-top: 32px;
  }
  .careers-page .internship {
    padding: 64px 240px;
    padding-bottom: 80px;
  }
  .careers-page .internship-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .careers-page .internship-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    width: 612px;
  }
  .careers-page .internship-btn {
    position: relative;
    right: 62px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .careers-page .head-row {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .careers-page .head-btn {
    margin-left: 24px;
  }
  .careers-page .main {
    padding: 24px 64px;
    padding-top: 8px;
  }
  .careers-page .main h3,
  .careers-page .main h4,
  .careers-page .main h5 {
    margin-top: 24px;
  }
  .careers-page .main .btn {
    margin-top: 24px;
  }
  .careers-page .main-empty {
    padding: 16px 0;
    border-bottom: 1px solid #dbf2ff;
  }
  .careers-page .main-empty-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin-bottom: 8px;
  }
  .careers-page .main-empty-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .careers-page .main .info-btn {
    margin-bottom: 16px;
  }
  .careers-page .careers-dropdown {
    padding: 0;
    padding-top: 16px;
  }
  .careers-page .careers-dropdown.closed {
    height: 84px !important;
  }
  .careers-page .careers-dropdown.closed .careers-dropdown-title {
    color: #000;
  }
  .careers-page .careers-dropdown.closed:hover .careers-dropdown-title {
    color: #000;
  }
  .careers-page .careers-dropdown-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .careers-page .careers-dropdown-arrow {
    position: absolute;
    top: 14px;
    right: 0;
    height: 24px;
  }
  .careers-page .careers-dropdown-title {
    margin-left: 0;
    padding-right: 48px;
    width: 100%;
    color: #12abdb;
  }
  .careers-page .careers-dropdown-list {
    padding: 0;
    position: relative;
    display: inline-block;
  }
  .careers-page .internship {
    padding: 24px 64px;
    padding-top: 0;
    background: #fff;
  }
  .careers-page .internship-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .careers-page .internship-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .careers-page .internship-text {
    width: 100%;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .careers-page .main {
    padding: 24px 40px;
  }
  .careers-page .internship {
    padding: 24px 40px;
  }
}
@media screen and (max-width: 599px) {
  .careers-page .head-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .careers-page .head-description {
    margin: 12px 0;
  }
  .careers-page .head-btn {
    margin-left: 0;
  }
  .careers-page .main {
    padding: 24px 16px;
    padding-top: 8px;
  }
  .careers-page .main h3,
  .careers-page .main h4,
  .careers-page .main h5 {
    margin-top: 24px;
  }
  .careers-page .main .btn {
    margin-top: 24px;
  }
  .careers-page .main-empty {
    padding: 16px 0;
    border-bottom: 1px solid #dbf2ff;
  }
  .careers-page .main-empty-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin-bottom: 8px;
  }
  .careers-page .main-empty-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .careers-page .main .info-btn {
    margin-bottom: 16px;
  }
  .careers-page .careers-dropdown {
    padding: 0;
    padding-top: 16px;
  }
  .careers-page .careers-dropdown.closed {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .careers-page .careers-dropdown.closed .careers-dropdown-title {
    color: #000;
  }
  .careers-page .careers-dropdown.closed:hover .careers-dropdown-title {
    color: #000;
  }
  .careers-page .careers-dropdown-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
  }
  .careers-page .careers-dropdown-arrow {
    position: absolute;
    top: 2px;
    right: 0;
    height: 24px;
  }
  .careers-page .careers-dropdown-title {
    margin-left: 0;
    padding-right: 48px;
    width: 100%;
    color: #12abdb;
  }
  .careers-page .careers-dropdown-list {
    padding: 0;
    position: relative;
    display: inline-block;
  }
  .careers-page .internship {
    padding: 16px;
    padding-top: 0;
    background: #fff;
  }
  .careers-page .internship-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .careers-page .internship-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .careers-page .internship-text {
    width: 100%;
  }
  .careers-page .internship-btn {
    width: 100%;
    margin-top: 12px;
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.cases-item-page .head {
  padding-bottom: 20px;
}
.cases-item-page .main-wrapper {
  background: #fff;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.cases-item-page .main-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 310px;
  margin-bottom: 32px;
}
.cases-item-page .main-section {
  margin-bottom: 24px;
}
.cases-item-page .main-title {
  margin-bottom: 16px;
}
.cases-item-page .main-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.cases-item-page .main-logos img {
  margin: initial;
  margin-right: 16px;
  width: 144px;
  height: 72px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #dbf2ff;
}
.cases-item-page .main-logos img:last-child {
  margin-right: 0;
}
.cases-item-page .main-references-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.cases-item-page .main-references-row:last-child {
  margin-bottom: 0;
}
.cases-item-page .main-references-title {
  margin-right: 8px;
  padding: 4px 0;
}
.cases-item-page .main-references-item {
  margin-right: 20px;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}
.cases-item-page .main-references-item:last-child {
  margin-right: 0;
}
.cases-item-page .main-references-item:last-child:after {
  content: none;
}
.cases-item-page .main-review {
  width: 784px;
  margin: 0 auto;
  padding: 24px 80px;
  border: 1px solid #dbf2ff;
  border-radius: 4px;
  margin-bottom: 32px;
  margin-left: -80px;
}
.cases-item-page .main-review-title {
  color: #12abdb;
  margin-bottom: 16px;
}
.cases-item-page .main-review-text p {
  margin-bottom: 16px;
}
.cases-item-page .main-review-text ul {
  margin-bottom: 16px;
}
.cases-item-page .main-review-text ul li {
  margin-bottom: 8px;
  position: relative;
}
.cases-item-page .main-review-text ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -12px;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #12abdb;
}
.cases-item-page .main-review-text ul li:last-child {
  margin-bottom: 0;
}
.cases-item-page .main-review-divider {
  margin-top: 4px;
  height: 1px;
  width: 456px;
  background: #dbf2ff;
}
.cases-item-page .main-review-author {
  margin-top: 16px;
}
.cases-item-page .other {
  padding: 34px 160px;
  padding-bottom: 40px;
  background: #eef9ff;
}
.cases-item-page .other-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.cases-item-page .other-btn {
  color: #000;
  background: transparent;
  border-color: #12abdb;
}
.cases-item-page .other-btn:hover {
  background: #12abdb;
  color: #fff;
}
.cases-item-page .other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cases-item-page .other .post {
  margin-right: 16px;
}
.cases-item-page .other .post:nth-child(2) {
  margin-right: 0;
}
.cases-item-page .other .post:last-child {
  display: none;
}
@media screen and (min-width: 1515px) {
  .cases-item-page .main {
    padding-bottom: 80px;
  }
  .cases-item-page .main-img {
    height: 464px;
  }
  .cases-item-page .main-section {
    margin-bottom: 32px;
  }
  .cases-item-page .main-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .cases-item-page .main-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .cases-item-page .main-logos {
    margin-bottom: 40px;
  }
  .cases-item-page .main-logos img {
    width: 216px;
    height: 108px;
  }
  .cases-item-page .main-references {
    padding: 32px;
    width: 704px;
  }
  .cases-item-page .main-references-row {
    margin-bottom: 12px;
  }
  .cases-item-page .main-references-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .cases-item-page .main-references-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .cases-item-page .main-review {
    width: 1176px;
    padding: 64px 120px;
    margin-left: -120px;
  }
  .cases-item-page .main-review-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .cases-item-page .main-review-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .cases-item-page .main-review-text p {
    margin-bottom: 16px;
  }
  .cases-item-page .main-review-text ul li {
    margin-bottom: 16px;
  }
  .cases-item-page .main-review-text ul li:before {
    top: 16px;
    left: -16px;
  }
  .cases-item-page .main-review-divider {
    margin-top: 32px;
  }
  .cases-item-page .main-review-author {
    margin-top: 32px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .cases-item-page .other {
    padding: 64px 180px;
    padding-bottom: 80px;
  }
  .cases-item-page .other-head {
    padding: 0 60px;
    margin-bottom: 32px;
  }
  .cases-item-page .other-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .cases-item-page .other .post {
    margin-right: 24px;
  }
  .cases-item-page .other .post:nth-child(2) {
    margin-right: 24px;
  }
  .cases-item-page .other .post:last-child {
    display: block;
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .cases-item-page .main-title {
    margin-bottom: 12px;
  }
  .cases-item-page .main-logos {
    margin-bottom: 16px;
  }
  .cases-item-page .main-logos img {
    margin-right: 8px;
    width: calc(50% - 4px);
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .cases-item-page .main-references {
    width: 100%;
    padding: 16px;
    margin-left: 0;
  }
  .cases-item-page .main-references-row {
    margin-bottom: 4px;
    overflow: hidden;
  }
  .cases-item-page
    .main-references-row
    .main-references-item:nth-child(2):before {
    content: none;
  }
  .cases-item-page .main-references-item {
    position: relative;
    margin-bottom: 8px;
  }
  .cases-item-page .main-references-item:after {
    content: none;
  }
  .cases-item-page .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .cases-item-page .main-review-title {
    margin-bottom: 8px;
  }
  .cases-item-page .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .cases-item-page .other {
    padding: 24px 64px;
    padding-bottom: 40px;
  }
  .cases-item-page .other-head {
    margin-bottom: 16px;
  }
  .cases-item-page .other-btn {
    color: #12abdb;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 0;
    left: 0;
  }
  .cases-item-page .other-btn:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #12abdb;
    position: absolute;
    bottom: 0;
    left: auto;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .cases-item-page .other-btn:before {
    display: none;
  }
  .cases-item-page .other-btn:hover {
    background-color: transparent;
    color: #12abdb;
  }
  .cases-item-page .other-btn:hover:after {
    width: 100%;
  }
  .cases-item-page .other-list.mob-scroll {
    width: calc(100% + 128px);
    margin-left: -64px;
    padding-left: 64px;
    padding-right: 64px;
  }
  .cases-item-page .other-list.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .cases-item-page .other-list.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .cases-item-page .other-list.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .cases-item-page .other .post {
    width: 255px;
    margin-right: 16px;
  }
  .cases-item-page .other .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .cases-item-page .other .post:nth-child(2) {
    margin-right: 16px;
  }
  .cases-item-page .other .post:nth-child(3) {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .cases-item-page .other {
    padding: 24px 40px;
    padding-bottom: 40px;
  }
  .cases-item-page .other-list.mob-scroll {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 599px) {
  .cases-item-page .main-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .cases-item-page .main-logos {
    margin-bottom: 16px;
  }
  .cases-item-page .main-logos img {
    margin-right: 8px;
    width: calc(50% - 4px);
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .cases-item-page .main-references {
    width: calc(100% + 32px);
    padding: 16px;
    margin-left: -16px;
  }
  .cases-item-page .main-references-row {
    margin-bottom: 4px;
    overflow: hidden;
  }
  .cases-item-page
    .main-references-row
    .main-references-item:nth-child(2):before {
    content: none;
  }
  .cases-item-page .main-references-item {
    position: relative;
    margin-bottom: 8px;
  }
  .cases-item-page .main-references-item:after {
    content: none;
  }
  .cases-item-page .main-references-item:before {
    content: '';
    background: #12abdb;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -12px;
  }
  .cases-item-page .main-references-item:last-child {
    margin-right: 12px !important;
  }
  .cases-item-page .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .cases-item-page .main-review-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .cases-item-page .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .cases-item-page .main-review-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .cases-item-page .other {
    padding: 24px 16px;
    padding-bottom: 76px;
  }
  .cases-item-page .other-head {
    margin-bottom: 16px;
  }
  .cases-item-page .other-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .cases-item-page .other-btn {
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: auto;
    display: block;
  }
  .cases-item-page .other-list.mob-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .cases-item-page .other-list.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .cases-item-page .other-list.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .cases-item-page .other-list.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .cases-item-page .other .post {
    width: 255px;
    margin-right: 16px;
  }
  .cases-item-page .other .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .cases-item-page .other .post:nth-child(2) {
    margin-right: 16px;
  }
}
.cases-page .cases-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cases-page .cases-wrapper {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cases-page .cases .post {
  margin-right: 16px;
  margin-top: 16px;
}
.cases-page .cases .post:nth-child(2n) {
  margin-right: 0;
}
.cases-page .cases .post:nth-child(1),
.cases-page .cases .post:nth-child(2) {
  margin-top: 0;
}
.cases-page .cases .pagination {
  margin: 0px auto;
  margin-top: 32px;
}
.cases-page.no-filter .cases-wrapper {
  margin-left: 0;
}
.cases-page.no-filter .cases .post {
  margin-top: 16px;
  margin-right: 16px;
}
.cases-page.no-filter .cases .post:nth-child(2n) {
  margin-right: 16px;
}
.cases-page.no-filter .cases .post:nth-child(3n) {
  margin-right: 0;
}
.cases-page.no-filter .cases .post:nth-child(1),
.cases-page.no-filter .cases .post:nth-child(2),
.cases-page.no-filter .cases .post:nth-child(3) {
  margin-top: 0;
}
.cases-page .mob-filter-block {
  display: none;
}
@media screen and (min-width: 1515px) {
  .cases-page .cases-wrapper {
    margin-left: 24px;
  }
  .cases-page .cases .post {
    margin-top: 24px;
    margin-right: 24px;
  }
  .cases-page .cases .post:nth-child(2n) {
    margin-right: 24px;
  }
  .cases-page .cases .post:nth-child(3n) {
    margin-right: 0;
  }
  .cases-page .cases .post:nth-child(1),
  .cases-page .cases .post:nth-child(2),
  .cases-page .cases .post:nth-child(3) {
    margin-top: 0;
  }
  .cases-page.no-filter .cases-wrapper {
    margin-left: 0;
  }
  .cases-page.no-filter .cases .post {
    margin-top: 24px;
    margin-right: 24px;
  }
  .cases-page.no-filter .cases .post:nth-child(2n),
  .cases-page.no-filter .cases .post:nth-child(3n) {
    margin-right: 24px;
  }
  .cases-page.no-filter .cases .post:nth-child(4n) {
    margin-right: 0;
  }
  .cases-page.no-filter .cases .post:nth-child(1),
  .cases-page.no-filter .cases .post:nth-child(2),
  .cases-page.no-filter .cases .post:nth-child(3),
  .cases-page.no-filter .cases .post:nth-child(4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 960px) {
  .cases-page .cases-container {
    display: block;
  }
  .cases-page .cases-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
  .cases-page .filter {
    display: none;
  }
  .cases-page .cases .post {
    width: 49%;
    margin: 0;
    margin-bottom: 16px;
  }
  .cases-page .cases .pagination {
    margin-top: 8px;
  }
  .cases-page .mob-filter-show {
    background-color: #12abdb;
    color: #fff;
    padding: 12px 24px;
    border-radius: 64px;
  }
  .cases-page .mob-filter-show svg {
    margin-right: 10px;
    margin-top: -5.5px;
  }
  .cases-page .mob-filter-block {
    height: 56px;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 24px;
    margin-top: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }
  .cases-page .mob-filter-block .mob-filter-clear {
    background: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cases-page .mob-filter-block .mob-filter-clear img {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px;
  }
  .cases-page .mob-filter-block .mob-filter-clear span {
    color: #12abdb;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .cases-page .mob-filter-block .mob-filter-clear.disabled {
    pointer-events: none;
    opacity: 0.2;
  }
}
@media screen and (max-width: 767px) {
  .cases-page .cases .post {
    width: 49%;
  }
}
@media screen and (max-width: 599px) {
  .cases-page .cases .post {
    width: 100%;
  }
  .cases-page .mob-filter-show {
    padding: 0;
    background-color: transparent;
    color: #12abdb;
  }
  .cases-page .mob-filter-show svg {
    position: relative;
    bottom: 3px;
    margin-top: 0;
    margin-right: 8px;
  }
  .cases-page .mob-filter-show svg path {
    fill: #12abdb;
  }
  .cases-page .mob-filter-block {
    -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
    box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
    padding: 0 12px;
  }
}
.components-page .main .main-text {
  margin-bottom: 40px;
}
.components-page .main p {
  margin-bottom: 8px;
}
.components-page .main p:last-child {
  margin-bottom: 0;
}
.components-page .main .components-section {
  width: calc(100% + 80px);
  padding-top: 24px;
  border-bottom: 1px solid #dbf2ff;
}
.components-page .main .components-section:first-child {
  padding-top: 0;
}
.components-page .main .components-section:last-child {
  border-bottom: none;
}
.components-page .main .components-section-title {
  margin-bottom: 16px;
}
.components-page .main .components-group-title {
  margin-bottom: 12px;
}
.components-page .main .components-row {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.components-page .main .components-item {
  position: relative;
  width: 304px;
  margin-bottom: 24px;
  margin-top: 0;
  padding-right: 32px;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.components-page .main .components-item span {
  position: relative;
}
.components-page .main .components-item svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: initial;
  position: absolute;
  right: 0;
  top: 0;
}
.components-page .main .components-item.not-border:after {
  content: none;
}
.components-page .main .components-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #eef9ff;
  bottom: -12px;
  left: 0;
}
.components-page .main .components-item:hover {
  color: #12abdb;
  opacity: 0.5;
}
.components-list-mobile {
  display: none;
}
@media screen and (min-width: 1515px) {
  .components-page .main {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .components-page .main-text {
    margin-bottom: 64px;
  }
  .components-page .main p {
    margin-bottom: 16px;
  }
  .components-page .main .components-section {
    width: calc(100% - 56px);
    padding-top: 32px;
    padding-bottom: 12px;
  }
  .components-page .main .components-section-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .components-page .main .components-group-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .components-page .main .components-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 32px;
    margin-top: 0;
    width: 400px;
  }
  .components-page .main .components-item:after {
    bottom: -16px;
  }
  .components-page .main .components-item svg {
    top: 5px;
  }
  .components-page .main .components-item span:after {
    top: 2px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .components-page > .container {
    padding: 0;
  }
  .components-page .main .main-text {
    margin-bottom: 24px;
  }
  .components-page .main .components-section {
    width: 100%;
    border-bottom: 0;
  }
  .components-page
    .main
    .components-section:last-child
    .components-item:last-child:after {
    content: none;
  }
  .components-page .main .components-section-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .components-page .main .components-item {
    width: 100%;
  }
  .components-page .main .components-item span {
    color: #000;
  }
  .components-item-page .head-buttons {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 16px;
  }
  .components-item-page .head-btn,
  .components-item-page .head .btn {
    margin: 0;
    margin-top: 8px;
  }
  .components-item-page .head-btn b,
  .components-item-page .head .btn b {
    font-weight: normal;
  }
  .components-item-page .head-btn:last-child,
  .components-item-page .head .btn:last-child {
    margin-left: 30px;
  }
  .components-item-page .head-btn:first-child,
  .components-item-page .head .btn:first-child {
    margin-left: 0;
    margin-right: 16px;
  }
  .components-item-page .head-btn:before {
    content: '';
    background: url('../img/underline-blue.svg') repeat;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity: 1;
  }
}
@media screen and (max-width: 599px) {
  .components-page .main .main-text {
    margin-bottom: 24px;
  }
  .components-page .main .components-section {
    width: 100%;
    border-bottom: 0;
  }
  .components-page
    .main
    .components-section:last-child
    .components-item:last-child:after {
    content: none;
  }
  .components-page .main .components-section-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .components-page .main .components-item {
    width: 100%;
  }
  .components-page .main .components-item span {
    color: #000;
  }
  .components-item-page .head-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 16px;
  }
  .components-item-page .head-btn,
  .components-item-page .head .btn {
    margin: 0;
    margin-top: 8px;
  }
  .components-item-page .head-btn:after,
  .components-item-page .head .btn:after {
    content: none;
  }
  .components-item-page .head-btn b,
  .components-item-page .head .btn b {
    font-weight: normal;
  }
  .components-item-page .head-btn:before {
    content: '';
    background: url('../img/underline-blue.svg') repeat;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity: 1;
  }
}
@media screen and (max-width: 960px) {
  .stories-page .stories-container.components-desktop-list {
    display: none;
  }
  .components-list-mobile {
    display: block;
  }
  .components-list-mobile-itm {
    border-bottom: 1px solid #dbf2ff;
    padding: 16px 0;
  }
  .components-list-mobile-itm.active
    .components-list-mobile-itm__head__arrow:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -7px;
    margin-left: -5px;
  }
  .components-list-mobile-itm__head {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    padding-right: 40px;
  }
  .components-list-mobile-itm__head__arrow {
    width: 24px;
    height: 24px;
    background: #dbf2ff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 3px;
  }
  .components-list-mobile-itm__head__arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    margin-left: -6px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .components-list-mobile-itm__body {
    height: 0;
    overflow: hidden;
  }
  .components-list-mobile-itm__body .components-row {
    padding-top: 20px;
  }
}
.cookie-settings-page .main .checkbox-default {
  margin-bottom: 12px;
}
.cookie-settings-page .main .checkbox-default .checkbox-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.cookie-settings-page .main-checkbox-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 28px;
  margin-bottom: 18px;
}
.cookie-settings-page .main-submit {
  margin-top: 6px;
  background: transparent;
  border-color: #12abdb;
  color: #000;
}
.cookie-settings-page .main-submit:hover {
  background: #12abdb;
  color: #fff;
}
.cookie-settings-page .main table {
  width: calc(100% + 160px);
  margin-left: -80px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.cookie-settings-page .main table tr {
  border-bottom: 1px solid #dbf2ff;
}
.cookie-settings-page .main table tr .table-item {
  padding: 12px 0;
  margin-right: 28px;
  min-width: 80px;
}
.cookie-settings-page .main table tbody td:first-child .table-item,
.cookie-settings-page .main table thead th:first-child .table-item {
  margin-left: 80px;
}
.cookie-settings-page .main table tbody td:last-child .table-item,
.cookie-settings-page .main table thead th:last-child .table-item {
  margin-right: 80px;
}
.cookie-settings-page .main table td {
  vertical-align: top;
}
.cookie-settings-page .main table th {
  font-weight: normal;
  color: #a1b2bb;
}
@media screen and (min-width: 1515px) {
  .cookie-settings-page .main h2 {
    margin-bottom: 32px;
  }
  .cookie-settings-page .main .checkbox-default {
    margin-bottom: 8px;
  }
  .cookie-settings-page .main .checkbox-default .checkbox-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  .cookie-settings-page .main-checkbox-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 32px;
  }
  .cookie-settings-page .main-btn {
    margin-top: 32px;
  }
  .cookie-settings-page .main table {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: calc(100% + 240px);
    margin-left: -120px;
  }
  .cookie-settings-page .main table tr .table-item {
    min-width: 120px;
    padding: 16px 0;
    margin-right: 60px;
  }
  .cookie-settings-page .main table tbody td:first-child .table-item,
  .cookie-settings-page .main table thead th:first-child .table-item {
    margin-left: 120px;
  }
  .cookie-settings-page .main table tbody td:last-child .table-item,
  .cookie-settings-page .main table thead th:last-child .table-item {
    margin-right: 120px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .cookie-settings-page .main tbody td:first-child .table-item,
  .cookie-settings-page .main thead th:first-child .table-item {
    margin-left: 40px;
  }
  .cookie-settings-page .main tbody td:last-child .table-item,
  .cookie-settings-page .main thead th:last-child .table-item {
    margin-right: 40px;
  }
}
.dev-page.dmu-page ::-moz-selection {
  background-color: #ff304c;
}
.dev-page.dmu-page ::selection {
  background-color: #ff304c;
}
.dev-page.dmu-page .first-block {
  height: 100%;
  padding-top: 27vh;
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.dev-page.dmu-page .first-title {
  color: #ff304c;
}
@media screen and (min-width: 1515px) {
  .dev-page.dmu-page .first-title {
    font-size: 96px;
    line-height: 112px;
  }
}
@media screen and (min-width: 1515px) {
  .dev-page.dmu-page .first-description {
    font-size: 32px;
    line-height: 40px;
  }
}
.dev-page.dmu-page .dev-top-section {
  position: relative;
  overflow: hidden;
}
.dev-page.dmu-page .dev-top-section .first {
  background: none;
}
.dev-page.dmu-page .dev-top-section__bg {
  position: absolute;
  left: -2px;
  right: -2px;
  top: -1px;
}
.dev-page.dmu-page .dev-top-section__bg img {
  position: relative;
  width: 101%;
}
.dev-page.dmu-page .dev-top-section__bg:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 150%;
  margin-top: -1px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#06224a),
    to(#01335a)
  );
  background: -o-linear-gradient(top, #06224a 0%, #01335a 100%);
  background: linear-gradient(180deg, #06224a 0%, #01335a 100%);
}
.dev-page.dmu-page .first .scroll-down-icon {
  border-color: #0070ad;
}
.section-dev-slider {
  position: relative;
  z-index: 1;
  padding-bottom: 225px;
}
@media screen and (min-width: 1515px) {
  .section-dev-slider {
    padding-bottom: 290px;
  }
}
.section-dev-slider__desc {
  color: #fff;
}
.section-dev-slider__desc a {
  color: #12abdb;
}
.section-dev-slider__desc a:hover {
  color: #0070ad;
}
.dev-slider {
  position: relative;
  margin: 80px 0;
  overflow: hidden;
}
.dev-slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
}
.dev-slider-wrap {
  position: relative;
}
.dev-slider-wrap .swiper-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: -15px;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 1 !important;
}
.dev-slider-wrap .swiper-navigation > div {
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  top: 0;
  height: auto;
  bottom: 0;
}
.dev-slider-wrap .swiper-navigation .swiper-button-disabled {
  display: none;
}
.dev-slider-itm {
  position: relative;
  padding: 30px 32px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 4px;
  overflow: hidden;
  min-height: 360px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.dev-slider-itm__title {
  line-height: 1.1em;
  min-height: 55px;
}
.dev-slider-itm__desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 5px;
}
.dev-slider-itm__desc p {
  margin: 0;
}
.dev-slider-itm__link {
  color: #ff304c;
  display: inline-block;
  line-height: 1.2;
}
.dev-slider-itm__link:after {
  background: #ff304c;
}
.dev-slider-itm__link:hover {
  color: #ff304c;
}
.dev-slider-itm__bg {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.dev-slider-itm__bg:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#041b2b),
    to(rgba(4, 27, 43, 0))
  );
  background: -o-linear-gradient(bottom, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
  background: linear-gradient(0deg, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
  opacity: 0.6;
  pointer-events: none;
}
.dev-slider-itm.slide-industries {
  padding-top: 45px;
  padding-bottom: 40px;
}
.dev-slider-itm.slide-industries .dev-slider-itm__desc {
  line-height: 1.5;
}
.dev-slider-itm.slide-industries .dev-slider-itm__title {
  font-size: 32px;
  min-height: 0;
  margin-bottom: 14px;
}
.dev-slider-itm.slide-industries .dev-slider-itm__bg:after {
  height: 100%;
  width: 80%;
  opacity: 1;
  background: -o-linear-gradient(
    0.19deg,
    #092a42 6.68%,
    rgba(9, 42, 66, 0.693614) 56.97%,
    rgba(9, 42, 66, 0) 99.83%
  );
  background: linear-gradient(
    89.81deg,
    #092a42 6.68%,
    rgba(9, 42, 66, 0.693614) 56.97%,
    rgba(9, 42, 66, 0) 99.83%
  );
}
.dev-advantages-list-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dev-advantages-list-itm__content {
  position: relative;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  border-radius: 4px;
}
.dev-advantages-list-itm__content:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 300px;
  background: #fff;
}
.dev-advantages-list-itm__img {
  position: relative;
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 1;
}
.dev-advantages-list-itm__img img {
  max-width: 100%;
}
.dev-advantages-list-itm__title {
  margin-bottom: 16px;
}
.dev-advantages-list-itm__subtitle {
  font-weight: 700;
  margin-bottom: 16px;
}
.dev-advantages-list-itm__desc {
  margin-bottom: 16px;
}
.dev-advantages-list-itm__desc a {
  color: #12abdb;
}
.dev-advantages-list-itm__content {
  background: #fff;
  padding: 32px 120px;
}
.dev-advantages-list-itm:nth-child(2n) .dev-advantages-list-itm__img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.dev-advantages-list-itm:nth-child(2n) .dev-advantages-list-itm__content:after {
  right: auto;
  left: 100%;
}
@media screen and (max-width: 1515px) {
  .dev-slider-wrap .swiper-navigation > div {
    background: none;
  }
  .dev-slider-wrap .swiper-button-prev {
    left: -40px;
  }
  .dev-slider-wrap .swiper-button-next {
    right: -40px;
  }
  .dev-page.dmu-page .link-solid {
    font-size: 16px;
  }
}
@media screen and (max-width: 1515px) and (min-width: 1100px) {
  .dev-page.dmu-page .container {
    max-width: 1280px;
    padding: 0 40px;
  }
}
@media screen and (max-width: 1441px) {
  .dev-slider-itm {
    min-height: 260px;
  }
  .dev-slider-itm__desc {
    font-size: 16px;
    line-height: 1.4;
  }
  .section-dev-slider__desc {
    font-size: 18px;
    line-height: 1.5;
  }
  .dev-advantages-list-itm__img {
    width: 45%;
  }
  .dev-advantages-list-itm__content {
    padding: 25px 32px;
  }
  .dev-advantages-list-itm__content .fs-h2 {
    font-size: 25px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .dev-advantages-list-itm__content .fs-lead {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .dev-advantages-list-itm__content .fs-text {
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 8px;
  }
  .footer-technology-itm__btns {
    gap: 30px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .section-dev-slider {
    padding-bottom: 140px;
  }
  .section-head .link-solid {
    position: relative;
    bottom: 0;
  }
  .dev-advantages-list-itm__link {
    position: relative;
    bottom: 0;
    font-size: 14px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 1100px) {
  .dev-page.dmu-page .first .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dev-page.dmu-page .first-block {
    width: 630px;
    max-width: 100%;
    padding-top: 55px;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dev-page.dmu-page .first-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .dev-page.dmu-page .first .scroll-down {
    margin-left: -520px;
  }
  .dev-page.dmu-page .section-head {
    width: 630px;
    max-width: 100%;
    margin: 0 auto;
  }
  .dev-page.dmu-page .dev-top-section__bg:before {
    height: 200vh;
  }
  .section-dev-slider {
    margin-top: 30px;
    padding-bottom: 240px;
  }
  .section-dev-slider__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dev-slider {
    margin: 40px 0;
  }
  .dev-slider-itm {
    padding: 24px 30px;
  }
  .dev-slider-itm__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 43px;
  }
  .dev-slider-itm__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dev-slider-itm {
    min-height: 260px;
  }
  .dev-advantages-list-itm__content {
    padding: 32px 56px;
  }
  .dev-advantages-list-itm__img {
    width: 45%;
  }
  .dev-slider-wrap .swiper-navigation {
    right: -47px;
    left: -47px;
  }
  .dev-slider-wrap .swiper-navigation .swiper-button-next {
    right: 0;
  }
  .dev-slider-wrap .swiper-navigation .swiper-button-prev {
    left: 0;
  }
}
@media screen and (max-width: 900px) {
  .dev-page.dmu-page .link-solid {
    font-size: 14px;
  }
  .dev-page.dmu-page .dev-top-section__bg:before {
    height: 200vh;
  }
  .dev-page.dmu-page .dev-top-section__bg img {
    height: 80vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 78% center;
    object-position: 78% center;
  }
  .dev-page.dmu-page .first-description {
    max-width: 100%;
  }
  .dev-page.dmu-page .first {
    height: 100vh;
  }
  .dev-page.dmu-page .first-block {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .dev-slider-itm .link-solid {
    position: relative;
    font-size: 14px;
    bottom: 0;
  }
  .dev-advantages-block {
    overflow: hidden;
    padding: 50px 0;
  }
  .dev-advantages-list-itm {
    margin: 20px 0;
  }
  .dev-advantages-list-itm__img {
    display: none;
  }
  .dev-advantages-list-itm__content {
    -webkit-box-shadow: 0px 7px 20px rgba(0, 23, 146, 0.1);
    box-shadow: 0px 7px 20px rgba(0, 23, 146, 0.1);
  }
  .dev-advantages-list-itm__content:after {
    display: none;
  }
  .dev-slider-wrap .swiper-navigation {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .dev-page.dmu-page .first-block {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 10px;
  }
  .dev-page.dmu-page .first-description br {
    display: none;
  }
  .section-dev-slider {
    padding-bottom: 140px;
  }
  .dev-slider {
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
    padding: 0 16px;
  }
  .dev-advantages-list {
    margin-top: 40px;
  }
  .dev-advantages-block {
    overflow: hidden;
  }
  .dev-advantages-list-itm {
    display: block;
    margin: 24px 0;
  }
  .dev-advantages-list-itm__img {
    display: none;
  }
  .dev-advantages-list-itm__content {
    width: 100%;
    padding: 32px 24px;
    -webkit-box-shadow: 0px 7px 20px rgba(0, 23, 146, 0.1);
    box-shadow: 0px 7px 20px rgba(0, 23, 146, 0.1);
  }
  .dev-advantages-list-itm__content:after {
    display: none;
  }
  .dev-advantages-list-itm__content .link-solid {
    position: relative;
    bottom: 0;
  }
  .dev-advantages-block {
    padding: 15px 0;
  }
}
.dmu-page .bottom-group-btn,
.dmu-page .integration-group-btn,
.dmu-page .first-buttons-sale,
.dmu-page .top-buttons-sale {
  background: #e73b3b;
  border-color: #e73b3b;
  color: #fff;
}
.dmu-page .bottom-group-btn:hover,
.dmu-page .integration-group-btn:hover,
.dmu-page .first-buttons-sale:hover,
.dmu-page .top-buttons-sale:hover {
  color: #fff;
  border-color: #7c1a1a;
}
.dmu-page .bottom-group-btn:before,
.dmu-page .integration-group-btn:before,
.dmu-page .first-buttons-sale:before,
.dmu-page .top-buttons-sale:before {
  background: -o-radial-gradient(circle closest-side, #7c1a1a, transparent);
  background: radial-gradient(circle closest-side, #7c1a1a, transparent);
}
.dmu-page .bottom-group-btn.transparent,
.dmu-page .integration-group-btn.transparent,
.dmu-page .description-buttons-more {
  color: #fff;
  border: 1px solid #e73b3b;
  background: transparent;
}
.dmu-page .bottom-group-btn.transparent:hover,
.dmu-page .integration-group-btn.transparent:hover,
.dmu-page .description-buttons-more:hover {
  background: #e73b3b;
  color: #fff;
  border-color: #7c1a1a;
}
.dmu-page .bottom-group-btn.transparent:before,
.dmu-page .integration-group-btn.transparent:before,
.dmu-page .description-buttons-more:before {
  background: -o-radial-gradient(circle closest-side, #7c1a1a, transparent);
  background: radial-gradient(circle closest-side, #7c1a1a, transparent);
}
.dmu-page {
  padding-bottom: 0;
  background: #eef9ff;
}
.dmu-page ::-moz-selection {
  background-color: #e73b3b;
}
.dmu-page ::selection {
  background-color: #e73b3b;
}
.dmu-page .top {
  background: rgba(2, 17, 29, 0.9);
  position: fixed;
  top: 64px;
  height: 72px;
  width: 100%;
  z-index: 9;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
}
.dmu-page .top.hidden {
  -webkit-transform: translateY(-64px);
  -ms-transform: translateY(-64px);
  transform: translateY(-64px);
}
.dmu-page .top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.dmu-page .top-logo {
  margin-right: 24px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}
.dmu-page .top-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dmu-page .top-icons-title {
  display: none;
  color: #fff;
}
.dmu-page .top-icons-item {
  padding: 0;
  background: transparent;
  margin-right: 24px;
}
.dmu-page .top-icons-item:last-child {
  margin-right: 0;
}
.dmu-page .top-icons-item svg {
  width: 24px;
}
.dmu-page .top-icons-item svg path {
  fill: #fff;
}
.dmu-page .top-icons-item svg rect {
  stroke: #fff;
}
.dmu-page .top-icons-item:hover svg path {
  fill: #e73b3b;
}
.dmu-page .top-icons-item:hover svg rect {
  stroke: #e73b3b;
}
.dmu-page .top-icons-item:hover .top-icons-title {
  color: #e73b3b;
}
.dmu-page .top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.dmu-page .top-buttons button {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
}
.dmu-page .top-buttons button b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .top-buttons-trial,
.dmu-page .top-buttons-demo {
  background: none;
  padding: 0;
}
.dmu-page .top-buttons-trial:hover,
.dmu-page .top-buttons-demo:hover {
  color: #e73b3b;
}
.dmu-page .top-buttons-trial b,
.dmu-page .top-buttons-demo b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .top-buttons-dot {
  width: 4px;
  height: 4px;
  background: #e73b3b;
  margin: 0 8px;
  border-radius: 50%;
}
.dmu-page .top-buttons-sale {
  margin-left: 24px;
}
.dmu-page .top .mob-options {
  display: none;
}
.dmu-page .first {
  height: 100vh;
  position: relative;
  color: #fff;
  background-color: #041b2b;
}
.dmu-page .first-bg {
  width: 100%;
  height: 120%;
  position: absolute;
  z-index: 1;
  right: 0;
}
.dmu-page .first-bg-mob {
  display: none;
}
.dmu-page .first-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 103%;
}
.dmu-page .first-bg-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #051b2c),
    to(rgba(5, 28, 45, 0))
  );
  background: -o-linear-gradient(top, #051b2c 0, rgba(5, 28, 45, 0) 100%);
  background: linear-gradient(180deg, #051b2c 0, rgba(5, 28, 45, 0) 100%);
  position: absolute;
  bottom: -2px;
  height: 275px;
  width: 100%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dmu-page .first .container {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 2;
}
.dmu-page .first-block {
  width: 520px;
}
.dmu-page .first-title {
  margin-bottom: 24px;
  color: #e73b3b;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .first-description {
  margin-bottom: 24px;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .first-links {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .first-links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: transparent;
  padding: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
  margin-left: 28px;
}
.dmu-page .first-links-item:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #e73b3b;
  border-radius: 50%;
  position: absolute;
  left: -16px;
}
.dmu-page .first-links-item:first-child {
  margin-left: 0;
}
.dmu-page .first-links-item:first-child:before {
  content: none;
}
.dmu-page .first-links-item span {
  position: relative;
}
.dmu-page .first-links-item span:after {
  content: '';
  background: url('../img/underline-dmu.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.dmu-page .first-links-item svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.dmu-page .first-links-item svg path {
  fill: #fff;
}
.dmu-page .first-links-item svg rect {
  stroke: #fff;
}
.dmu-page .first-links-item:last-child span:after {
  content: none;
}
.dmu-page .first-links-item:hover {
  color: #e73b3b;
}
.dmu-page .first-links-item:hover svg path {
  fill: #e73b3b;
}
.dmu-page .first-links-item:hover svg rect {
  stroke: #e73b3b;
}
.dmu-page .first-links-item:hover span:after {
  opacity: 0;
}
.dmu-page .first-links a span:after {
  content: none;
}
.dmu-page .first-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .first-buttons-trial,
.dmu-page .first-buttons-demo {
  color: #fff;
  background: none;
  position: relative;
  padding: 0;
}
.dmu-page .first-buttons-trial:after,
.dmu-page .first-buttons-demo:after {
  content: '';
  background: url('../img/underline-dmu.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.dmu-page .first-buttons-trial:hover,
.dmu-page .first-buttons-demo:hover {
  color: #e73b3b;
}
.dmu-page .first-buttons-trial:hover:after,
.dmu-page .first-buttons-demo:hover:after {
  opacity: 0;
}
.dmu-page .first-buttons-dot {
  width: 4px;
  height: 4px;
  background: #e73b3b;
  margin: 0 8px;
  border-radius: 50%;
}
.dmu-page .first-buttons-sale {
  margin-right: 24px;
}
.dmu-page .first .scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 50px;
}
.dmu-page .first .scroll-down-text {
  color: #66869c;
  margin-left: 8px;
}
.dmu-page .first .scroll-down-icon {
  width: 16px;
  height: 28px;
  border: 1px solid #e73b3b;
  position: relative;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dmu-page .first .scroll-down-circle {
  width: 4px;
  height: 4px;
  background: #e73b3b;
  border-radius: 50%;
  position: relative;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-animation-name: scrollDown;
  animation-name: scrollDown;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.dmu-page .gradient-wrap {
  position: relative;
}
.dmu-page .gradient-bg {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  position: absolute;
  bottom: 0;
  height: calc(100% - 400px);
  width: 100%;
  z-index: 1;
}
.dmu-page .description {
  padding-top: 50px;
  color: #fff;
  position: relative;
  background-color: #041b2b;
}
.dmu-page .description .container {
  position: relative;
  z-index: 2;
}
.dmu-page .description-title {
  margin-bottom: 24px;
  width: 555px;
}
.dmu-page .description-title b {
  color: #e73b3b;
}
.dmu-page .description-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.dmu-page .description-left {
  margin-left: -92px;
}
.dmu-page .description-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 538px;
  margin-right: 32px;
  position: relative;
}
.dmu-page .description-text {
  margin-bottom: 52px;
}
.dmu-page .description-text p {
  margin-bottom: 16px;
}
.dmu-page .description-text p:last-child {
  margin-bottom: 0;
}
.dmu-page .description-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dmu-page .description-buttons-more {
  margin-right: 24px;
}
.dmu-page .description-buttons-supported {
  color: #fff;
  background: none;
  position: relative;
  padding: 0;
}
.dmu-page .description-buttons-supported:after {
  content: '';
  background: url('../img/underline-white.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.dmu-page .description-buttons-supported:hover {
  color: #e73b3b;
}
.dmu-page .description-buttons-supported:hover:after {
  opacity: 0;
}
.dmu-page .capabilities {
  color: #fff;
  position: relative;
  padding-top: 96px;
  padding-bottom: 140px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.dmu-page .capabilities .container {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 3;
}
.dmu-page .capabilities-bg {
  position: absolute;
  bottom: 0;
  height: 1000px;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .capabilities-bg-wave {
  width: 101%;
  position: absolute;
  bottom: -0.1vw;
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .capabilities-bg-wave img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.dmu-page .capabilities-title {
  margin-bottom: 40px;
}
.dmu-page .capabilities-title b {
  color: #e73b3b;
}
.dmu-page .capabilities-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dmu-page .capabilities-right {
  margin-left: 24px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dmu-page .capabilities-right img {
  width: 464px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  -webkit-box-shadow: 0px 25px 75px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 25px 75px rgba(0, 0, 0, 0.2);
}
.dmu-page .capabilities-dropdown:before {
  background: #fff;
}
.dmu-page .capabilities-dropdown-title {
  color: #fff;
}
.dmu-page .capabilities-dropdown-title:after {
  background: url('../img/underline-white.svg');
}
.dmu-page .capabilities-dropdown-btn:hover .capabilities-dropdown-title {
  color: #e73b3b;
}
.dmu-page .capabilities-dropdown-arrow {
  background: url('../img/icons/dropdown-arrow-black.svg') no-repeat;
}
.dmu-page .integration {
  background: #eef9ff;
  padding-top: 32px;
  position: relative;
  z-index: 1;
}
.dmu-page .integration-title {
  margin-bottom: 24px;
}
.dmu-page .integration-title b {
  color: #e73b3b;
}
.dmu-page .integration-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dmu-page .integration-group {
  width: 50%;
}
.dmu-page .integration-group-title {
  margin-bottom: 12px;
}
.dmu-page .integration-group-text {
  margin-bottom: 24px;
  padding-right: 85px;
}
.dmu-page .integration-group-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dmu-page .integration-group-btn {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.dmu-page .integration-group-btn:first-child {
  margin-right: 12px;
}
.dmu-page .integration-group-btn.transparent {
  color: #e73b3b;
}
.dmu-page .reviews {
  background: #eef9ff;
  padding-top: 88px;
  padding-bottom: 0;
  position: relative;
}
.dmu-page .reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.dmu-page .reviews-title {
  margin-right: 16px;
}
.dmu-page .reviews-btn-all {
  z-index: 2;
}
.dmu-page .reviews .container {
  position: relative;
}
.dmu-page .reviews .link-solid {
  color: #e73b3b;
}
.dmu-page .reviews .link-solid:after {
  background: #e73b3b;
}
.dmu-page .reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 5;
}
.dmu-page .reviews-item {
  width: 304px;
  height: 158px;
  background: #fff;
  border-radius: 4px;
  padding: 16px;
  text-align: left;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.dmu-page .reviews-item img {
  -webkit-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dmu-page .reviews-item:nth-child(4) {
  display: none;
}
.dmu-page .reviews-item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.dmu-page .reviews-item:hover .reviews-item-btn:after {
  opacity: 0;
}
.dmu-page .reviews-item:hover .reviews-item-btn span {
  color: #b9182a;
}
.dmu-page .reviews-item:hover .reviews-item-btn svg path {
  fill: #b9182a;
}
.dmu-page .reviews-item-img {
  width: 180px;
  height: 96px;
  display: block;
  margin: 0px auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 4px;
}
.dmu-page .reviews-item-btn {
  width: auto;
  display: inline-block;
  background: 0;
  padding: 0;
  color: #e73b3b;
}
.dmu-page .reviews-item-btn svg {
  position: relative;
  bottom: 2px;
}
.dmu-page .reviews-item-btn svg path {
  fill: #e73b3b;
}
.dmu-page .reviews-item-btn.link-dashed:after {
  content: '';
  background: url('../img/underline-dmu.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.dmu-page .user-reviews {
  margin-top: -70px;
  margin-bottom: -90px;
  background-color: #eef9ff;
}
.dmu-page .user-reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.dmu-page .user-reviews-title {
  margin-right: 16px;
}
.dmu-page .user-reviews .container {
  position: relative;
}
.dmu-page .user-reviews .reviews-item {
  margin-left: 0;
}
.dmu-page .bottom {
  padding-top: 138px;
  padding-bottom: 98px;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  position: relative;
}
.dmu-page .bottom .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.dmu-page .bottom-bg {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}
.dmu-page .bottom-bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.dmu-page .bottom-group {
  margin-right: auto;
}
.dmu-page .bottom-group:first-child .bottom-group-caption {
  width: 220px;
}
.dmu-page .bottom-group:last-child {
  margin-right: 0;
  position: relative;
  right: -6px;
}
.dmu-page .bottom-group-title {
  margin-bottom: 12px;
}
.dmu-page .bottom-group-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dmu-page .bottom-group-btn {
  margin-right: 12px;
}
.dmu-page .bottom-group-btn.transparent {
  color: #e73b3b;
}
.dmu-page .bottom-group-caption {
  width: 176px;
}
@media screen and (min-width: 1515px) {
  .dmu-page .top {
    height: 72px;
    top: 80px;
  }
  .dmu-page .top.hidden {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
  }
  .dmu-page .top-logo {
    height: 48px;
    margin-right: 66px;
  }
  .dmu-page .top-icons-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 32px;
  }
  .dmu-page .top-icons-title {
    display: block;
    margin-left: 12px;
  }
  .dmu-page .top-buttons button {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dmu-page .top-buttons-dot {
    margin: 0 16px;
  }
  .dmu-page .top-buttons-sale {
    margin-left: 32px;
  }
  .dmu-page .first-title {
    font-size: 80px;
    font-weight: 900;
    line-height: 96px;
    margin-bottom: 32px;
  }
  .dmu-page .first-block {
    width: 620px;
  }
  .dmu-page .first-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 32px;
    width: 700px;
  }
  .dmu-page .first-links {
    margin-bottom: 64px;
  }
  .dmu-page .first-links-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 38px;
  }
  .dmu-page .first-links-item:before {
    left: -20px;
  }
  .dmu-page .first-buttons button {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .dmu-page .first-buttons-sale {
    margin-right: 32px;
  }
  .dmu-page .first-buttons-dot {
    margin: 0 16px;
  }
  .dmu-page .first .scroll-down-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dmu-page .description-bg {
    height: 1596px;
    top: 300px;
  }
  .dmu-page .description-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
    width: 920px;
  }
  .dmu-page .description-left {
    margin-left: -128px;
  }
  .dmu-page .description-img {
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    height: 600px;
    margin-right: 0;
  }
  .dmu-page .description-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    width: 540px;
    margin-bottom: 32px;
  }
  .dmu-page .description-buttons button {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .dmu-page .description-buttons-more {
    margin-right: 32px;
  }
  .dmu-page .capabilities {
    padding-bottom: 200px;
  }
  .dmu-page .capabilities-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .dmu-page .capabilities-left {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .dmu-page .capabilities-dropdown-list {
    max-width: 550px;
  }
  .dmu-page .capabilities-right {
    position: relative;
  }
  .dmu-page .capabilities-right img {
    position: sticky;
    top: 160px;
    width: 696px;
  }
  .dmu-page .capabilities-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .dmu-page .capabilities-bg-wave {
    bottom: -2px;
  }
  .dmu-page .integration-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
    width: 765px;
  }
  .dmu-page .integration-group {
    width: 655px;
  }
  .dmu-page .integration-group:first-child {
    width: 655px;
    margin-right: 65px;
  }
  .dmu-page .integration-group-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .dmu-page .integration-group-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 32px;
    width: 485px;
    padding-right: 0;
  }
  .dmu-page .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .dmu-page .integration-group-btn:first-child {
    margin-right: 16px;
  }
  .dmu-page .reviews {
    padding-top: 160px;
  }
  .dmu-page .reviews-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .dmu-page .reviews-btn-all {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .dmu-page .reviews-head {
    margin-bottom: 40px;
  }
  .dmu-page .reviews-item {
    width: 336px;
    height: 236px;
  }
  .dmu-page .reviews-item:nth-child(4) {
    display: block;
  }
  .dmu-page .reviews-item-img {
    width: 100%;
    height: auto;
    max-height: 170px;
    margin-bottom: 8px;
  }
  .dmu-page .reviews-item-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dmu-page .reviews-item-btn svg {
    margin-left: 4px;
  }
  .dmu-page .user-reviews {
    margin-top: 0;
  }
  .dmu-page .user-reviews-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .dmu-page .user-reviews-head {
    margin-bottom: 40px;
  }
  .dmu-page .user-reviews .reviews-item {
    margin-left: 0;
  }
  .dmu-page .bottom {
    padding-top: 180px;
    padding-bottom: 150px;
  }
  .dmu-page .bottom-bg {
    bottom: 0;
  }
  .dmu-page .bottom-bg img {
    height: 100%;
    -o-object-fit: initial;
    object-fit: initial;
  }
  .dmu-page .bottom .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .dmu-page .bottom-group {
    margin-right: 0;
  }
  .dmu-page .bottom-group:first-child .bottom-group-caption {
    width: 395px;
  }
  .dmu-page .bottom-group:last-child {
    width: 420px;
    right: 32px;
  }
  .dmu-page .bottom-group-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .dmu-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 210px;
  }
  .dmu-page .bottom-group-btn {
    margin-right: 16px;
  }
  .dmu-page.safari .bottom-bg {
    top: -48px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .dmu-page .first-bg {
    width: 89%;
  }
  .dmu-page .first-block {
    margin-top: 75px;
  }
  .dmu-page .first-title {
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
  }
  .dmu-page .first-description {
    margin-bottom: 16px;
    max-width: 560px;
  }
  .dmu-page .first-links {
    margin-bottom: 32px;
  }
  .dmu-page .first .scroll-down {
    display: none;
  }
  .dmu-page .capabilities {
    margin-bottom: 50px;
  }
  .dmu-page .capabilities-right img {
    width: 430px;
  }
  .dmu-page .integration-group {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .dmu-page .top {
    height: 64px;
  }
  .dmu-page .top-logo {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .dmu-page .top-icons {
    display: none;
  }
  .dmu-page .top-buttons {
    margin-left: 24px;
  }
  .dmu-page .top-buttons-sale {
    margin-left: 0;
  }
  .dmu-page .top-buttons button:not(.open-contact-sales) {
    display: none;
  }
  .dmu-page .top-buttons .open-contact-sales {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    background: #e73b3b;
    color: #fff;
    border-color: #e73b3b;
    padding: 12px 20px;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dmu-page .top-buttons .open-contact-sales:active,
  .dmu-page .top-buttons .open-contact-sales:focus {
    padding: 12px 20px;
  }
  .dmu-page .top .mob-options {
    display: block;
    margin-left: auto;
  }
  .dmu-page .top .mob-options.active .mob-options-btn span {
    color: #e73b3b;
  }
  .dmu-page .top .mob-options.active .mob-options-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dmu-page .top .mob-options-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .dmu-page .top .mob-options-btn span {
    margin-right: 8px;
    color: #fff;
  }
  .dmu-page .top .mob-options-btn img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .dmu-page .top .mob-options-list {
    padding: 0 64px;
    display: none;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
    background: rgba(2, 17, 29, 0.9);
  }
  .dmu-page .top .mob-options-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    border-top: none;
  }
  .dmu-page .top .mob-options-group:first-child {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 24px;
  }
  .dmu-page .top .mob-options-item {
    padding: 0;
    background: 0;
    margin-top: 0;
    margin-left: 42px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dmu-page .top .mob-options-item:first-child {
    margin-left: 0;
  }
  .dmu-page .top .mob-options-item.icon-button svg {
    width: 24px;
    margin-right: 8px;
  }
  .dmu-page .top .mob-options-item.icon-button svg path {
    fill: #fff;
  }
  .dmu-page .top .mob-options-item.icon-button svg rect {
    fill: #fff;
  }
  .dmu-page .top .mob-options-item.icon-button span {
    color: #fff;
  }
  .dmu-page .top .mob-options .link-dashed:after {
    bottom: -2px;
    background: url('../img/underline-dmu.svg') repeat;
  }
  .dmu-page .first {
    padding-top: 192px;
    height: auto;
  }
  .dmu-page .first-bg {
    height: 515px;
    top: 70px;
    opacity: 1;
  }
  .dmu-page .first-bg-desktop {
    display: block;
  }
  .dmu-page .first-bg-mob {
    display: none;
  }
  .dmu-page .first .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .dmu-page .first-block {
    width: 100%;
    position: relative;
  }
  .dmu-page .first-title {
    max-width: 380px;
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
    margin-bottom: 24px;
  }
  .dmu-page .first-description {
    max-width: 272px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
  }
  .dmu-page .first-links {
    padding-bottom: 32px;
    margin: 0;
  }
  .dmu-page .first-links-item:not(.open-video-popup) {
    display: block;
  }
  .dmu-page .first-links-dot {
    display: none;
  }
  .dmu-page .first-links .open-video-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dmu-page .first-links .open-video-popup span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dmu-page .first-links .open-video-popup span:after {
    content: none;
  }
  .dmu-page .first-links .release-notes svg {
    margin-top: -5px;
  }
  .dmu-page .first-links .release-notes::before {
    top: 45%;
  }
  .dmu-page .first .scroll-down {
    display: none;
  }
  .dmu-page .description {
    padding-top: 80px;
  }
  .dmu-page .description-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .dmu-page .description-title br {
    display: none;
  }
  .dmu-page .description-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmu-page .description-left {
    margin-left: 0;
  }
  .dmu-page .description-img {
    width: 100%;
    margin: 0;
    margin-bottom: 24px;
  }
  .dmu-page .description-bg {
    height: 850px;
  }
  .dmu-page .description-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .dmu-page .description-text p {
    margin-bottom: 8px;
  }
  .dmu-page .description-buttons-supported:after {
    bottom: -2px;
  }
  .dmu-page .capabilities {
    height: auto;
    padding-top: 56px;
    padding-bottom: 200px;
  }
  .dmu-page .capabilities .container {
    position: relative;
  }
  .dmu-page .capabilities-title {
    font-size: 46px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 24px;
  }
  .dmu-page .capabilities-left {
    margin-right: 0;
  }
  .dmu-page .capabilities-right {
    display: none;
  }
  .dmu-page .capabilities-wrap {
    display: block;
  }
  .dmu-page .capabilities-bg-wave {
    width: 102%;
    bottom: 48px;
  }
  .dmu-page .capabilities .products-dropdown-wrapper .products-dropdown-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .dmu-page .capabilities .products-dropdown-wrapper .products-dropdown {
    border-top: 1px solid rgba(2, 17, 29, 0.2);
  }
  .dmu-page .integration {
    margin-top: -48px;
    padding-top: 40px;
  }
  .dmu-page .integration .container {
    position: relative;
    z-index: 1;
  }
  .dmu-page .integration-title {
    width: 420px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 24px;
  }
  .dmu-page .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmu-page .integration-group {
    margin-bottom: 32px;
  }
  .dmu-page .integration-group:first-child {
    width: 100%;
  }
  .dmu-page .integration-group:first-child .integration-group-btn {
    border: 1px solid #e73b3b;
    color: #e73b3b;
    background: transparent;
  }
  .dmu-page .integration-group:first-child .integration-group-btn:hover {
    color: #fff;
  }
  .dmu-page .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .dmu-page .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .dmu-page .integration-group-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 24px;
  }
  .dmu-page .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .dmu-page .integration-group-btn {
    display: block;
    text-align: center;
    margin: 0;
  }
  .dmu-page .integration-group-btn:first-child {
    margin: 0;
    margin-right: 16px;
  }
  .dmu-page .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
  }
  .dmu-page .reviews {
    padding-top: 56px;
    padding-bottom: 52px;
  }
  .dmu-page .reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .dmu-page .reviews-head .link-solid {
    position: relative;
    bottom: 0;
  }
  .dmu-page .reviews-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin: 0;
    margin-bottom: 24px;
  }
  .dmu-page .reviews-item {
    width: 304px;
    height: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .dmu-page .reviews-item:first-child {
    margin-left: 0;
  }
  .dmu-page .reviews-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .dmu-page .reviews-item-img {
    height: auto;
  }
  .dmu-page .reviews-item-btn {
    position: absolute;
    bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .dmu-page .user-reviews {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    background-color: #eef9ff;
  }
  .dmu-page .user-reviews-head {
    margin-bottom: 16px;
  }
  .dmu-page .user-reviews-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin: 0;
  }
  .dmu-page .user-reviews .container {
    position: relative;
  }
  .dmu-page .user-reviews .reviews-item {
    margin-left: 16px;
  }
  .dmu-page .user-reviews .reviews-item:first-child {
    margin-left: 0;
  }
  .dmu-page .bottom {
    padding-top: 50px;
    padding-bottom: 158px;
  }
  .dmu-page .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmu-page .bottom-bg {
    top: 0px;
  }
  .dmu-page .bottom-group {
    margin-top: 40px;
    width: 100%;
  }
  .dmu-page .bottom-group:first-child .bottom-group-caption {
    width: 500px;
  }
  .dmu-page .bottom-group:first-child .bottom-group-btn {
    color: #e73b3b;
  }
  .dmu-page .bottom-group:first-child .bottom-group-btn:hover {
    color: #fff;
    background: #e73b3b;
  }
  .dmu-page .bottom-group:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    right: initial;
    margin-top: 22px;
    width: auto;
  }
  .dmu-page .bottom-group:last-child .bottom-group-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .dmu-page .bottom-group:last-child .bottom-group-row .bottom-group-title {
    padding-left: 24px;
  }
  .dmu-page .bottom-group:last-child .bottom-group-row .bottom-group-btn {
    width: 130px;
  }
  .dmu-page .bottom-group:last-child .bottom-group-caption {
    width: 100%;
    position: absolute;
    left: 154px;
    top: 26px;
  }
  .dmu-page .bottom-group:last-child .bottom-group-btn:hover {
    background: #e73b3b;
  }
  .dmu-page .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .dmu-page .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .dmu-page .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px;
  }
  .dmu-page .bottom-group-btn:first-child {
    width: 260px;
  }
  .dmu-page .bottom-group-btn:last-child {
    width: 130px;
  }
  .dmu-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .dmu-page .top .mob-options-list {
    padding: 0 40px;
  }
  .dmu-page .bottom-group:first-child .bottom-group-caption {
    width: 95%;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .dmu-page .top .mob-options-item {
    margin-left: 30px;
  }
  .dmu-page .top .mob-options-item:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .dmu-page .top {
    height: 64px;
  }
  .dmu-page .top-logo {
    display: none;
  }
  .dmu-page .top-icons {
    display: none;
  }
  .dmu-page .top-buttons button:not(.open-contact-sales) {
    display: none;
  }
  .dmu-page .top-buttons .open-contact-sales {
    background: #e73b3b;
    color: #fff;
    border-color: #e73b3b;
    padding: 12px 20px;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dmu-page .top-buttons .open-contact-sales:active,
  .dmu-page .top-buttons .open-contact-sales:focus {
    padding: 12px 20px;
  }
  .dmu-page .top .mob-options {
    display: block;
  }
  .dmu-page .top .mob-options.active .mob-options-btn span {
    color: #e73b3b;
  }
  .dmu-page .top .mob-options.active .mob-options-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dmu-page .top .mob-options-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .dmu-page .top .mob-options-btn span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px;
    color: #fff;
  }
  .dmu-page .top .mob-options-btn img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .dmu-page .top .mob-options-list {
    padding: 0 16px;
    display: none;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
    background: rgba(2, 17, 29, 0.9);
  }
  .dmu-page .top .mob-options-group {
    border-top: 1px solid #041b2b;
    padding: 16px 0;
  }
  .dmu-page .top .mob-options-group:first-child {
    border-top: none;
    padding-top: 0;
  }
  .dmu-page .top .mob-options-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    background: 0;
    margin-top: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dmu-page .top .mob-options-item:first-child {
    margin-top: 0;
  }
  .dmu-page .top .mob-options-item:first-child .link-dashed::after {
    display: none;
  }
  .dmu-page .top .mob-options-item.icon-button svg {
    width: 24px;
    margin-right: 8px;
  }
  .dmu-page .top .mob-options-item.icon-button svg path {
    fill: #fff;
  }
  .dmu-page .top .mob-options-item.icon-button svg rect {
    fill: #fff;
  }
  .dmu-page .top .mob-options-item.icon-button span {
    color: #fff;
  }
  .dmu-page .top .mob-options .link-dashed:after {
    bottom: -2px;
    background: url('../img/underline-dmu.svg') repeat;
  }
  .dmu-page .first {
    height: calc(var(--vh, 1vh) * 100);
  }
  .dmu-page .first-bg {
    opacity: 0.2;
    height: 110%;
  }
  .dmu-page .first-bg-desktop {
    display: none;
  }
  .dmu-page .first-bg-mob {
    display: block;
  }
  .dmu-page .first .container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 16px;
  }
  .dmu-page .first-block {
    width: 100%;
    position: relative;
    bottom: 10%;
  }
  .dmu-page .first-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 16px;
  }
  .dmu-page .first-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .dmu-page .first-buttons {
    display: none;
  }
  .dmu-page .first-links {
    margin: 0;
  }
  .dmu-page .first-links-item:not(.open-video-popup) {
    display: none;
  }
  .dmu-page .first-links-dot {
    display: none;
  }
  .dmu-page .first-links .open-video-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dmu-page .first-links .open-video-popup span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .dmu-page .first-links .open-video-popup span:after {
    content: none;
  }
  .dmu-page .first .scroll-down {
    display: none;
  }
  .dmu-page .description {
    padding-bottom: 0;
  }
  .dmu-page .description-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
    width: 100%;
  }
  .dmu-page .description-title br {
    display: none;
  }
  .dmu-page .description-left {
    margin: 0;
    margin-bottom: 16px;
  }
  .dmu-page .description-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .dmu-page .description-img {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    top: 0;
  }
  .dmu-page .description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .dmu-page .description-text p {
    margin-bottom: 8px;
  }
  .dmu-page .description-item {
    width: 256px;
    height: 132px;
    margin-right: 8px;
    margin-top: 8px;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .dmu-page .description-item-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  .dmu-page .description-item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .dmu-page .description-inner {
    width: calc(100% + 32px);
    margin-left: -16px;
    overflow-x: auto;
    position: relative;
  }
  .dmu-page .description-list {
    width: 552px;
    padding-left: 16px;
    margin-bottom: 24px;
  }
  .dmu-page .description-buttons {
    padding-left: 0;
  }
  .dmu-page .description-buttons-more {
    background: transparent;
    border: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #e73b3b;
    margin-right: 16px;
    overflow: auto;
    padding-bottom: 2px;
    border-radius: 0;
    top: 1px;
  }
  .dmu-page .description-buttons-more:before {
    content: none;
  }
  .dmu-page .description-buttons-more:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url('../img/underline-dmu.svg') repeat;
  }
  .dmu-page .description-buttons-more:hover {
    border: 0;
    background: transparent;
  }
  .dmu-page .description-buttons-supported {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .dmu-page .description-buttons-supported:after {
    bottom: -2px;
  }
  .dmu-page .capabilities {
    padding-top: 56px;
    padding-bottom: 16px;
  }
  .dmu-page .capabilities .container {
    position: relative;
  }
  .dmu-page .capabilities-bg-wave {
    bottom: -0.5px;
  }
  .dmu-page .capabilities-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .dmu-page .capabilities-left {
    margin-right: 0;
  }
  .dmu-page .capabilities-right {
    display: none;
  }
  .dmu-page .capabilities-wrap {
    display: block;
  }
  .dmu-page .capabilities .products-dropdown-wrapper .products-dropdown-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .dmu-page .capabilities .products-dropdown-wrapper .products-dropdown {
    border-top: 1px solid rgba(2, 17, 29, 0.2);
  }
  .dmu-page .line {
    padding-top: 12px;
    padding-bottom: 0;
  }
  .dmu-page .line .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmu-page .line-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .dmu-page .line-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmu-page .line-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .dmu-page .line-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .dmu-page .line-group:last-child {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -96px;
    padding: 96px 16px;
  }
  .dmu-page .line-group .mob-scroll-offset {
    padding: 1px;
  }
  .dmu-page .line-item {
    width: 255px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    padding-bottom: 98px;
    margin-left: 0;
    margin-right: 16px;
    background-size: 200%;
    background-position-x: -150px;
  }
  .dmu-page .line-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  .dmu-page .line-item-logo {
    height: 36px;
    margin-bottom: 12px;
  }
  .dmu-page .line-item-divider {
    display: none;
  }
  .dmu-page .line-item-type {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
  }
  .dmu-page .line-item-btn {
    left: 16px;
    bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dmu-page .integration {
    margin-top: 0;
    padding-top: 8px;
  }
  .dmu-page .integration .container {
    position: relative;
    z-index: 1;
  }
  .dmu-page .integration-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .dmu-page .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dmu-page .integration-group {
    margin-bottom: 32px;
  }
  .dmu-page .integration-group:first-child {
    width: 100%;
    padding: 0;
  }
  .dmu-page .integration-group:first-child .integration-group-btn {
    width: 100%;
    border: 1px solid #e73b3b;
    color: #e73b3b;
    background: transparent;
  }
  .dmu-page .integration-group:first-child .integration-group-btn:hover {
    color: #fff;
  }
  .dmu-page .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .dmu-page .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .dmu-page .integration-group-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .dmu-page .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    padding: 0;
  }
  .dmu-page .integration-group-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dmu-page .integration-group-btn:first-child {
    margin: 0;
    margin-bottom: 16px;
  }
  .dmu-page .integration-group-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .dmu-page .reviews {
    padding-top: 56px;
    padding-bottom: 12px;
  }
  .dmu-page .reviews .container {
    padding: 0;
  }
  .dmu-page .reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .dmu-page .reviews-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
  }
  .dmu-page .reviews-list {
    padding-left: 16px;
  }
  .dmu-page .reviews-item {
    width: 255px;
    height: 202px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .dmu-page .reviews-item:first-child {
    margin-left: 0;
  }
  .dmu-page .reviews-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .dmu-page .reviews-item-img {
    width: 100%;
    height: auto;
  }
  .dmu-page .reviews-item-btn {
    position: absolute;
    bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .dmu-page .reviews .mob-scroll .mob-scroll-offset {
    padding: 16px;
  }
  .dmu-page .user-reviews {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .dmu-page .user-reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .dmu-page .user-reviews-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin: 0;
  }
  .dmu-page .user-reviews .container {
    padding: 0;
  }
  .dmu-page .user-reviews .reviews-item {
    margin-left: 16px;
  }
  .dmu-page .user-reviews .reviews-item:first-child {
    margin-left: 0;
  }
  .dmu-page .bottom {
    padding-top: 24px;
    padding-bottom: 158px;
  }
  .dmu-page .bottom-bg {
    top: 0px;
  }
  .dmu-page .bottom-group {
    width: 100%;
  }
  .dmu-page .bottom-group:first-child .bottom-group-caption {
    width: 100%;
  }
  .dmu-page .bottom-group:first-child .bottom-group-btn {
    color: #e73b3b;
  }
  .dmu-page .bottom-group:first-child .bottom-group-btn:hover {
    background: transparent;
  }
  .dmu-page .bottom-group:last-child {
    right: initial;
    margin-top: 32px;
  }
  .dmu-page .bottom-group:last-child .bottom-group-caption {
    width: 100%;
  }
  .dmu-page .bottom-group:last-child .bottom-group-btn:hover {
    background: #e73b3b;
  }
  .dmu-page .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .dmu-page .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .dmu-page .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px;
  }
  .dmu-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.dsrr-page .head {
  padding-top: 72px;
  padding-bottom: 32px;
}
.dsrr-page .head-title {
  color: #12abdb;
}
.dsrr-page .main-row {
  width: 464px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dsrr-page .main-row .input {
  margin-right: 16px;
}
.dsrr-page .main-row .input:last-child {
  margin-right: 0;
}
.dsrr-page .main .input {
  display: block;
  width: 464px;
  margin-bottom: 8px;
}
.dsrr-page .main .input[for='data-held'] {
  width: 245px;
}
.dsrr-page .main .form-select {
  width: 464px;
  margin-bottom: 8px;
}
.dsrr-page .main-section {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.dsrr-page .main-section p {
  margin-bottom: 16px;
}
.dsrr-page .main-section .input {
  margin-bottom: 16px;
}
.dsrr-page .main-section .input:last-child {
  margin-bottom: 8px;
}
.dsrr-page .main-section-text {
  margin-bottom: 16px;
}
.dsrr-page .main-section-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.dsrr-page .main-section-list {
  list-style-type: lower-alpha;
  list-style-position: inside;
  padding-left: 0;
  margin-left: 0;
}
.dsrr-page .main-section-list li:before {
  content: none !important;
}
.dsrr-page .main-submit {
  margin-top: 24px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.dsrr-page .main ul {
  margin-top: 8px;
}
.dsrr-page .main ul:last-of-type {
  margin-bottom: 16px;
}
.dsrr-page .form-submitted {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.dsrr-page .form-submitted-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
}
.dsrr-page .form-submitted-text {
  margin-bottom: 24px;
}
.dsrr-page .form-submitted-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1515px) {
  .dsrr-page .head {
    padding-top: 96px;
    padding-bottom: 64px;
  }
  .dsrr-page .head .container {
    padding: 0 280px;
    padding-right: 310px;
  }
  .dsrr-page .head-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .dsrr-page .main h2 {
    margin-bottom: 32px;
  }
  .dsrr-page .main-row {
    width: 576px;
  }
  .dsrr-page .main .input {
    width: 576px;
    margin-bottom: 16px;
  }
  .dsrr-page .main .input[for='data-held'] {
    width: 280px;
  }
  .dsrr-page .main .form-select {
    width: 576px;
    margin-bottom: 16px;
  }
  .dsrr-page .main ul {
    margin-top: 16px;
  }
  .dsrr-page .main ul:last-of-type {
    margin-bottom: 24px;
  }
  .dsrr-page .main-section {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .dsrr-page .main-section p {
    margin-bottom: 8px;
  }
  .dsrr-page .main-section-text {
    margin-bottom: 24px;
  }
  .dsrr-page .main-section-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 48px;
    margin-bottom: 16px;
  }
  .dsrr-page .form-done-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .dsrr-page .drag-area {
    border: 0 !important;
    background: 0;
  }
}
@media screen and (max-width: 599px) {
  .dsrr-page .head .container {
    padding: 0 16px;
  }
  .dsrr-page .main-wrapper .main h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .dsrr-page .main-wrapper .main ul {
    padding-left: 0;
  }
  .dsrr-page .main-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .dsrr-page .main-row .input {
    margin-right: 0;
  }
  .dsrr-page .main .input {
    width: 100%;
    margin-bottom: 12px;
  }
  .dsrr-page .main .input #data-held {
    width: 140px;
  }
  .dsrr-page .main .form-select {
    margin-bottom: 12px;
    width: 100%;
  }
  .dsrr-page .main-section-title {
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .dsrr-page .main-submit {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: block;
    text-align: center;
  }
  .dsrr-page .main .form-submitted-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    width: 180px;
  }
  .dsrr-page .main .form-submitted-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .dsrr-page .main .form-submitted-btn {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0;
    display: block;
    text-align: center;
  }
  .dsrr-page .main .drag-area {
    border: 0;
    background: 0;
  }
  .dsrr-page .main .drag .mob-drag-btn {
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
  }
  .dsrr-page .main .drag .mob-drag-btn img {
    margin: 0;
    margin-right: 8px;
  }
  .dsrr-page .main .drag-response {
    background: transparent;
  }
  .dsrr-page .main .drag-response-size {
    color: #b2e2ff;
  }
  .dsrr-page .main .drag-response-clear svg path {
    stroke: #000;
  }
}
.page.end-user-page {
  padding-bottom: 140px;
}
.page.end-user-page ::-moz-selection {
  background-color: #12abdb;
}
.page.end-user-page ::selection {
  background-color: #12abdb;
}
.page.end-user-page .head {
  position: relative;
  color: #fff;
}
@media screen and (min-width: 1515px) {
  .page.end-user-page .head-description {
    font-size: 32px;
    line-height: 40px;
    margin-top: 40px;
  }
}
.page.end-user-page .end-user-top-section {
  position: relative;
  overflow: hidden;
  padding-bottom: 280px;
  padding-top: 30px;
}
@media screen and (min-width: 1515px) {
  .page.end-user-page .end-user-top-section .head {
    padding-bottom: 25px;
  }
}
.page.end-user-page .end-user-top-section__bg {
  position: absolute;
  left: -2px;
  right: -2px;
  top: -1px;
}
.page.end-user-page .end-user-top-section__bg img {
  position: relative;
  width: 101%;
}
.page.end-user-page .end-user-top-section__bg:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 100%;
  margin-top: -1px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#013055),
    to(#01335a)
  );
  background: -o-linear-gradient(top, #013055 0%, #01335a 100%);
  background: linear-gradient(180deg, #013055 0%, #01335a 100%);
}
.page.end-user-page .section-top-text {
  position: relative;
  color: #fff;
  margin-top: 50px;
}
.page.end-user-page .section-top-text .btn {
  color: #fff;
  display: inline-block;
  margin-top: 45px;
}
.page.end-user-page .end-user-subtitle {
  margin-bottom: 32px;
}
.page.end-user-page .end-user-list {
  margin-top: 24px;
  margin-bottom: 56px;
}
.page.end-user-page .end-user-list-itm {
  background: #092a42;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  padding: 30px 22px;
  height: 100%;
  border-radius: 4px;
}
.page.end-user-page .end-user-list-itm__ico {
  width: 74px;
}
.page.end-user-page .end-user-list-itm__text {
  font-size: 16px;
  line-height: 1.5;
}
.page.end-user-page .slider-item {
  margin-top: 45px;
  margin-bottom: 45px;
  overflow: visible;
}
.page.end-user-page .slider-item .product-itm-sale ~ .slider-body .slider-tag {
  display: none;
}
.page.end-user-page .products-slider .slider-text {
  font-size: 1rem;
  line-height: 1.5rem;
}
.page.end-user-page .slider-btn {
  font-size: 20px;
  line-height: 1.4;
}
.end-user-products .head {
  padding: 0;
}
.end-user-bot {
  margin-top: 70px;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.end-user-bot-itm {
  padding: 55px 95px 65px 120px;
  background: #fff;
}
.end-user-bot-itm .link-solid {
  font-size: 20px;
}
.end-user-bot-itm:first-child {
  border-radius: 4px 4px 0px 0px;
}
.end-user-bot-itm:last-child {
  border-radius: 0px 0px 4px 4px;
}
.end-user-bot-itm .fs-h2 {
  margin-bottom: 16px;
  color: #12abdb;
}
.end-user-bot-itm .fs-text {
  margin-bottom: 64px;
}
.end-user-bot-itm:nth-child(2n) {
  background: #eef9ff;
}
.end-user-bot-itm:nth-child(3n-1) .fs-h2 {
  color: #0070ad;
}
.end-user-bot-itm:nth-child(3n) .fs-h2 {
  color: #ff304c;
}
@media screen and (max-width: 1515px) {
  .page.end-user-page .link-solid {
    font-size: 16px;
  }
}
@media screen and (max-width: 1100px) {
  .page.end-user-page .end-user-top-section__bg:before {
    height: 200vh;
  }
  .page.end-user-page .section-top-text {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.5;
  }
  .page.end-user-page .section-top-text .btn {
    margin-top: 18px;
  }
  .page.end-user-page .end-user-subtitle {
    margin-bottom: 15px;
  }
  .page.end-user-page .end-user-list {
    margin-bottom: 24px;
  }
  .page.end-user-page .end-user-list-itm__text {
    font-size: 14px;
    line-height: 143%;
  }
  .page.end-user-page .end-user-top-section {
    padding-bottom: 160px;
  }
  .page.end-user-page .end-user-top-section .head {
    padding-bottom: 0;
  }
  .page.end-user-page .products-slider-wrap {
    margin-top: 0;
  }
  .page.end-user-page .slider-head {
    margin-bottom: 10px;
  }
  .end-user-bot {
    margin-top: 15px;
  }
  .end-user-bot-itm {
    padding: 35px 80px;
  }
  .end-user-bot-itm .fs-h2 {
    margin-bottom: 20px;
  }
  .end-user-bot-itm .fs-text {
    margin-bottom: 45px;
  }
  .end-user-bot-itm .link-solid {
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  .page.end-user-page {
    padding-bottom: 225px;
  }
}
@media screen and (max-width: 900px) {
  .page.end-user-page .link-solid {
    font-size: 14px;
  }
  .page.end-user-page .mob-scroll {
    padding-left: 0;
    margin-left: 0;
  }
  .page.end-user-page .products-slider .slider-btn {
    font-size: 14px;
    line-height: 1.4em;
  }
  .page.end-user-page .end-user-top-section {
    padding-bottom: 100px;
  }
  .end-user-bot-itm .link-solid {
    position: relative;
    bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  .page.end-user-page .end-user-top-section {
    padding-bottom: 60px;
  }
  .page.end-user-page .end-user-top-section__bg:before {
    height: 300vh;
  }
  .page.end-user-page .end-user-top-section__bg img {
    height: 80vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 78% center;
    object-position: 78% center;
  }
  .page.end-user-page .products-slider {
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px;
  }
  .page.end-user-page .simplebar-wrapper,
  .page.end-user-page .simplebar-mask {
    overflow: visible;
  }
  .page.end-user-page .simplebar-mask {
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px;
  }
  .page.end-user-page .section-top-text {
    margin-top: 0;
  }
  .end-user-bot-itm {
    padding: 32px 24px;
  }
  .end-user-bot-itm .fs-h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .end-user-bot-itm .fs-text {
    margin-bottom: 24px;
  }
  .end-user-bot-itm .link-solid {
    font-size: 14px;
    line-height: 20px;
  }
  .end-user-products {
    margin-top: 32px;
  }
}
.industries-item-page .main-img {
  width: 100%;
  height: 310px;
  -o-object-fit: cover;
  object-fit: cover;
}
.industries-item-page .main-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.industries-item-page .more {
  background: #eef9ff;
  padding: 0 160px;
  padding-top: 32px;
}
.industries-item-page .more-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.industries-item-page .more-head .btn {
  margin-left: auto;
  border-color: #12abdb;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.industries-item-page .more-head .btn:hover {
  background: #12abdb;
  color: #fff;
}
.industries-item-page .more-head .btn:last-child {
  display: none;
}
.industries-item-page .more-switcher {
  color: #12abdb;
  background: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
  position: relative;
  margin-left: 32px;
}
.industries-item-page .more-switcher:first-child {
  margin-left: 0;
}
.industries-item-page .more-switcher:first-child:before {
  content: none;
}
.industries-item-page .more-switcher:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #12abdb;
  border-radius: 50%;
  left: -16px;
  top: 17px;
  pointer-events: none;
}
.industries-item-page .more-switcher:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.industries-item-page .more-switcher.active {
  color: #000;
  cursor: auto;
}
.industries-item-page .more-switcher.active:after {
  opacity: 0;
}
.industries-item-page .more-switcher:hover:not(.active) {
  opacity: 0.6;
}
.industries-item-page .more-switcher:hover:not(.active):after {
  opacity: 0;
}
.industries-item-page .more-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 352px;
}
.industries-item-page .more-posts .post {
  margin-bottom: 40px;
  margin-left: 16px;
}
.industries-item-page .more-posts .post.adaptive-fix {
  display: none !important;
}
.industries-item-page .more-posts .cases:first-child {
  margin-left: 0;
}
.industries-item-page .more-posts .stories {
  display: none;
}
.industries-item-page .more-posts .stories:first-of-type {
  margin-left: 0;
}
@media screen and (min-width: 1515px) {
  .industries-item-page .main-img {
    height: 464px;
  }
  .industries-item-page .main-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .industries-item-page .more {
    padding: 0 180px;
    padding-top: 64px;
  }
  .industries-item-page .more-head {
    padding: 0 60px;
    margin-bottom: 32px;
  }
  .industries-item-page .more-switcher {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .industries-item-page .more-switcher:before {
    top: 20px;
  }
  .industries-item-page .more .post {
    margin-bottom: 80px;
    margin-left: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .industries-item-page .more {
    padding: 40px 64px 0 64px;
  }
  .industries-item-page .more-head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .industries-item-page .more-head .btn {
    color: #12abdb;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 0;
  }
  .industries-item-page .more-head .btn:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #12abdb;
    position: absolute;
    bottom: 0;
    left: auto;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .industries-item-page .more-head .btn:before {
    display: none;
  }
  .industries-item-page .more-head .btn:hover {
    background-color: transparent;
    color: #12abdb;
  }
  .industries-item-page .more-head .btn:hover:after {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .industries-item-page .more {
    padding: 40px 40px 0 40px;
  }
}
@media screen and (max-width: 599px) {
  .industries-item-page .more {
    padding: 24px 16px;
    padding-bottom: 48px;
  }
  .industries-item-page .more-head {
    margin-bottom: 16px;
  }
  .industries-item-page .more-head .btn {
    display: block;
    width: auto;
  }
  .industries-item-page .more-switcher {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 16px;
  }
  .industries-item-page .more-switcher:before {
    content: none;
  }
  .industries-item-page .more-switcher:after {
    bottom: -2px;
  }
  .industries-item-page .more-stories-btn,
  .industries-item-page .more-cases-btn {
    position: absolute;
    left: 16px;
    bottom: 24px;
    display: block;
    width: auto;
  }
  .industries-item-page .more-posts.mob-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .industries-item-page .more-posts.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .industries-item-page .more-posts.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .industries-item-page .more-posts.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .industries-item-page .more .post {
    width: 255px;
    margin-right: 16px;
    margin-left: 0;
  }
  .industries-item-page .more .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .industries-item-page .more .post:nth-child(2) {
    margin-right: 16px;
  }
}
.industries-page .industries .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.industries-page .industries-item {
  margin-bottom: 16px;
  margin-right: 16px;
  height: 322px;
}
.industries-page .industries-item:nth-child(3n) {
  margin-right: 0;
}
.industries-page .industries-item:hover .industries-link:after {
  width: 100%;
}
@media screen and (min-width: 1515px) {
  .industries-page .industries-item {
    margin-right: 24px;
    margin-bottom: 24px;
    height: 352px;
  }
  .industries-page .industries-item:nth-child(3n) {
    margin-right: 24px;
  }
  .industries-page .industries-item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .industries-page .industries .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .industries-page .industries-item {
    height: 360px;
    width: 49%;
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .industries-page .industries-item {
    margin-right: 0;
    margin-bottom: 16px;
    height: auto;
  }
  .industries-page .industries-item .post-title {
    margin-bottom: 50px;
  }
}
.main-page {
  background: #eef9ff;
}
.main-page .first {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #041b2b;
}
.main-page .first .container {
  position: relative;
  height: 100%;
  padding-top: 96px;
  z-index: 3;
}
.main-page .first-title {
  color: #fff;
  max-width: 840px;
  position: relative;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .first-title b {
  display: block;
  color: #ff304c;
}
.main-page .first-description {
  position: absolute;
  bottom: 12%;
  left: 40px;
  color: #fff;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 100%;
  height: 72px;
}
.main-page .first-description-group {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
}
.main-page .first-description span {
  display: block;
  opacity: 0;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .first-discount {
  position: absolute;
  top: 114px;
  right: 22px;
  background: url('../img/discount-bg.svg') no-repeat;
  background-size: cover;
  width: 160px;
  height: 132px;
  padding-left: 30px;
  z-index: 4;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}
.main-page .first-discount-close {
  background: #02111d;
  border-radius: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  top: -10px;
  left: -35px;
}
.main-page .first-discount-close svg {
  width: 16px;
  height: 16px;
}
.main-page .first-discount-close svg path {
  fill: #fff;
}
.main-page .first-discount-close:hover svg path {
  fill: #ff304c;
}
.main-page .first-discount-main {
  color: #ff304c;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: -10px;
}
.main-page .first-discount-item {
  color: #fff;
}
.main-page .first-discount-link {
  margin-top: 8px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.main-page .first-discount-link:after {
  left: 1px;
}
.main-page .first-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-page .first-images-group {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}
.main-page .first-images-group__video {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-page .first-images img {
  height: 50vw;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .first-images-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translateX(-11%);
  -ms-transform: translateX(-11%);
  transform: translateX(-11%);
}
.main-page .first-images-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translateX(-17%);
  -ms-transform: translateX(-17%);
  transform: translateX(-17%);
}
.main-page .first-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 4;
}
.main-page .first-bottom .container {
  border-top: 1px solid #092a42;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  height: auto;
  width: 944px;
}
.main-page .first-bottom .scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-page .first-bottom .scroll-down-text {
  color: #66869c;
  margin-left: 8px;
}
.main-page .first-bottom .scroll-down-icon {
  width: 16px;
  height: 28px;
  border: 1px solid #0070ad;
  position: relative;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-page .first-bottom .scroll-down-circle {
  width: 4px;
  height: 4px;
  background: #ff304c;
  border-radius: 50%;
  position: relative;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-animation-name: scrollDown;
  animation-name: scrollDown;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.main-page .first .panel-info {
  width: 360px;
  background: #041b2b;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 20;
  bottom: 22%;
  right: 40px;
  padding: 24px 32px;
  border-radius: 4px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}
.main-page .first .panel-info-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
}
.main-page .first .panel-info-link {
  color: #ff304c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-page .first .panel-info-link svg {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.main-page .first .panel-info-link svg path {
  fill: #ff304c;
}
.main-page .first .panel-info-link:hover {
  opacity: 0.6;
}
.main-page .first .panel-info-close {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  background: transparent;
  padding: 0;
  top: 4px;
  right: -4px;
}
.main-page .first .panel-info-close svg {
  width: 100%;
  height: 100%;
}
.main-page .first .panel-info-close svg path {
  fill: #fff;
}
.main-page .first .panel-info-close:hover svg path {
  fill: #ff304c;
}
.main-page .first-solutions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-page .first-solutions-description {
  color: #66869c;
  margin-right: 20px;
}
.main-page .first-solution {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .first-solution span {
  margin-left: 7px;
}
.main-page .first-solution:hover {
  color: #ff304c;
}
.main-page .first-solution:not(:last-child) {
  margin-right: 28px;
}
.main-page .first-solution:not(:last-child):after {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: relative;
  left: 14px;
}
.main-page .first:before {
  pointer-events: none;
  content: '';
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 0;
  right: 0;
  height: 217px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(4, 27, 43, 0)),
    color-stop(93.21%, #041b2b)
  );
  background: -o-linear-gradient(bottom, rgba(4, 27, 43, 0) 0%, #041b2b 93.21%);
  background: linear-gradient(0deg, rgba(4, 27, 43, 0) 0%, #041b2b 93.21%);
}
.main-page .first:after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 342px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(4, 27, 43, 0)),
    color-stop(93.21%, #041b2b)
  );
  background: -o-linear-gradient(top, rgba(4, 27, 43, 0) 0%, #041b2b 93.21%);
  background: linear-gradient(180deg, rgba(4, 27, 43, 0) 0%, #041b2b 93.21%);
  z-index: 1;
}
.main-page .applications {
  position: relative;
}
.main-page .applications .container {
  height: 610px;
  position: relative;
  max-width: 100%;
  padding: 0;
}
.main-page .applications-row {
  display: none;
}
.main-page .applications .accordion {
  width: 100%;
  height: 610px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #041b2b;
}
.main-page .applications .accordion-item {
  height: 100%;
  width: 25%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-position-x: 100%;
  background-repeat: no-repeat;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  will-change: width;
}
.main-page .applications .accordion-item:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  opacity: 0.5;
  background: #12abdb;
}
.main-page .applications .accordion-item.opened {
  cursor: initial;
  width: 100%;
}
.main-page .applications .accordion-item.opened .accordion-img {
  -webkit-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
}
.main-page .applications .accordion-item.opened .accordion-head {
  opacity: 0;
}
.main-page .applications .accordion-img {
  width: 660px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  will-change: transform;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
}
.main-page .applications .accordion-head {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 0;
  z-index: 2;
  opacity: 1;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
}
.main-page .applications .accordion-head:hover .accordion-open svg path {
  fill: #ff304c;
}
.main-page .applications .accordion-head:hover .accordion-title {
  color: #ff304c;
}
.main-page .applications .accordion-open {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.main-page .applications .accordion-open svg path {
  fill: #fff;
}
.main-page .applications .accordion-title {
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.main-page .applications .accordion-blackout-top {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(rgba(4, 27, 43, 0))
  );
  background: -o-linear-gradient(top, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
  background: linear-gradient(180deg, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
  z-index: 2;
}
.main-page .applications .accordion-blackout-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(rgba(4, 27, 43, 0))
  );
  background: -o-linear-gradient(top, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
  background: linear-gradient(180deg, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  z-index: 2;
}
.main-page .applications .accordion-block {
  width: 40%;
  max-width: 595px;
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 0;
  position: absolute;
  top: 0;
  left: 40px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  will-change: transform, opacity;
}
.main-page .applications .accordion-block-wrapper {
  height: 100%;
}
.main-page .applications .accordion-block-subtitle {
  margin-bottom: 12px;
}
.main-page .applications .accordion-block-description {
  font-weight: bold;
  margin-bottom: 12px;
}
.main-page .applications .accordion-block-text {
  margin-bottom: 24px;
  width: 380px;
}
.main-page .applications .accordion-block .btn {
  color: #fff;
  display: inline-block;
}
.main-page .applications .accordion-block.shown {
  opacity: 1 !important;
  z-index: 5;
}
.main-page
  .applications
  .accordion-block.plant-operations
  .accordion-block-subtitle {
  color: #12abdb;
}
.main-page
  .applications
  .accordion-block.technological-process
  .accordion-block-subtitle {
  color: #95e616;
}
.main-page
  .applications
  .accordion-block.digital-product-or-service
  .accordion-block-subtitle {
  color: #ff304c;
}
.main-page
  .applications
  .accordion-block.sales-and-after-sales
  .accordion-block-subtitle {
  color: #7e39ba;
}
.main-page .applications .mob-applications {
  display: none;
}
.main-page .cases {
  position: relative;
}
.main-page .cases--light .cases-block-bg {
  background: -o-linear-gradient(0.05deg, #ffffff 0.5%, #eef9ff 49.98%);
  background: linear-gradient(89.95deg, #ffffff 0.5%, #eef9ff 49.98%);
  -webkit-box-shadow: 0px 0px 21px rgba(18, 171, 219, 0.3);
  box-shadow: 0px 0px 21px rgba(18, 171, 219, 0.3);
}
.main-page .cases--light .cases-block .btn {
  color: #000;
}
.main-page .cases--light .cases-block .cases-next {
  color: #000;
}
.main-page .cases--light .cases-block .cases-next path {
  fill: #000;
}
.main-page .cases-bg {
  width: 100%;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  pointer-events: none;
}
.main-page .cases-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 101%;
}
.main-page .cases-slider {
  opacity: 1 !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.main-page .cases-slider .swiper-wrapper {
  -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.main-page .cases-slider img {
  height: 503px;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-page .cases-slider .swiper-slide {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-page .cases-slider .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.main-page .cases-slider-text {
  visibility: hidden;
}
.main-page .cases .container {
  display: -webkit-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
}
.main-page .cases-wrap {
  width: 50%;
}
.main-page .cases-right img {
  height: 503px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
.main-page .cases-title {
  margin-bottom: 26px;
}
.main-page .cases-description {
  margin-bottom: 24px;
}
.main-page .cases-block {
  padding-top: 16px;
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 24px;
}
.main-page .cases-block-bg {
  background: rgba(4, 27, 43, 0.4);
  width: 150%;
  height: 100%;
  position: absolute;
  left: -24px;
  top: 0;
  z-index: 1;
  border-radius: 4px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .cases-block-text {
  margin-bottom: 24px;
  position: absolute;
  top: 0;
}
.main-page .cases-block-text-wrap {
  position: relative;
  z-index: 2;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .cases-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.main-page .cases-block-buttons .btn {
  margin-right: 30px;
  color: #fff;
}
.main-page .cases-block-buttons .cases-next {
  color: #fff;
  border: 0;
  background: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.main-page .cases-block-buttons .cases-next svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.main-page .cases-block-buttons .cases-next svg path {
  fill: #fff;
}
.main-page .cases-block-buttons .cases-next:hover {
  color: #ff304c;
}
.main-page .cases-block-buttons .cases-next:hover svg path {
  fill: #ff304c;
}
.main-page .cases-all-btn {
  color: #fff;
  background: #ff304c;
  position: relative;
  z-index: 2;
  display: inline-block;
}
.main-page .cases-all-btn:hover {
  background: #ff304c;
}
.main-page .platform {
  background: #eef9ff;
  padding-top: 75px;
  padding-bottom: 75px;
}
.main-page .platform .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-page .platform-left,
.main-page .platform-right {
  width: 50%;
}
.main-page .platform-left {
  margin-right: 40px;
}
.main-page .platform-left img {
  position: relative;
  right: 42px;
  height: 485px;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-page .platform-title {
  margin-bottom: 24px;
}
.main-page .platform-title span {
  display: block;
  color: #ff304c;
}
.main-page .platform-text {
  margin-bottom: 24px;
}
.main-page .platform-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-page .platform-buttons p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  width: 100%;
}
.main-page .platform-buttons-item {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 16px;
}
.main-page .platform-buttons-item:last-child {
  margin-right: 0;
  color: #12abdb;
}
.main-page .platform-buttons-item:last-child:hover {
  color: #fff;
}
.main-page .products {
  background: #eef9ff;
  padding-top: 20px;
  padding-bottom: 75px;
  position: relative;
}
.main-page .products .container {
  position: relative;
}
.main-page .products-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 24px;
}
.main-page .products-title {
  margin-right: 20px;
}
.main-page .products-all-btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #12abdb;
  padding-bottom: 0;
  position: relative;
  bottom: 1px;
}
.main-page .products-all-btn:after {
  background-color: #12abdb;
}
.main-page .products-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.main-page .products-types-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  margin: 0 12px;
}
.main-page .products-types input {
  display: none;
}
.main-page .products-types input:checked + label {
  color: #ff304c;
}
.main-page .products-types input:checked + label:after {
  opacity: 0;
}
.main-page .products-types label {
  font-weight: bold;
  color: #000;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.main-page .products-types label:after {
  content: '';
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  background: url('../img/underline.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 2px;
  bottom: 0;
  opacity: 1;
}
.main-page .products-types label:hover {
  color: #ff304c;
}
.main-page .products-types label:hover:after {
  opacity: 0;
}
.main-page .news {
  background: #eef9ff;
  padding-bottom: 15px;
}
.main-page .news-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 24px;
}
.main-page .news-title {
  margin-right: 20px;
}
.main-page .news-all-btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #12abdb;
  padding-bottom: 0;
  position: relative;
  bottom: 1px;
}
.main-page .news-all-btn:after {
  background-color: #12abdb;
}
.main-page .news-left:hover .news-more-btn:after,
.main-page .news-item:hover .news-more-btn:after {
  width: 100%;
}
.main-page .news-item {
  display: block;
}
.main-page .news-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-page .news-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 24px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .news-poster {
  width: 304px;
  height: 216px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.main-page .news-date {
  margin-bottom: 8px;
  color: #000;
}
.main-page .news-heading {
  font-weight: bold;
  margin-bottom: 8px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .news-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}
.main-page .news-more-btn {
  background: 0;
  padding: 0;
  display: block;
  margin-top: 12px;
  color: #12abdb;
}
.main-page .news-more-btn:after {
  background-color: #12abdb;
}
.main-page .news-item .news-heading {
  font-weight: bold;
}
.main-page .news-divider {
  background: #a1b2bb;
  height: 1px;
  width: 100%;
  margin: 16px 0;
  opacity: 0.5;
}
.main-page .capgemini {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(6.93%, #003762),
    color-stop(84.23%, #2b0a3d)
  );
  background: -o-linear-gradient(top, #003762 6.93%, #2b0a3d 84.23%);
  background: linear-gradient(180deg, #003762 6.93%, #2b0a3d 84.23%);
  position: relative;
  color: #fff;
  padding-top: 155px;
  padding-bottom: 94px;
  top: 48px;
}
.main-page .capgemini .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.main-page .capgemini-bg {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.main-page .capgemini-bg img {
  width: 101%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-page .capgemini-right {
  padding-top: 10px;
}
.main-page .capgemini-left {
  margin-right: 96px;
}
.main-page .capgemini-title {
  margin-bottom: 16px;
}
.main-page .capgemini-title b {
  color: #ff304c;
}
.main-page .capgemini-text {
  margin-bottom: 16px;
}
.main-page .capgemini a {
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-page .capgemini .btn {
  color: #fff;
  background: #ff304c;
}
.main-page .capgemini-link {
  margin-left: 34px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.main-page .capgemini-link svg {
  margin-left: 8px;
  position: relative;
  bottom: 2px;
}
.main-page .capgemini-link svg path {
  fill: #fff;
}
.main-page .capgemini-link:hover {
  color: #ff304c;
}
.main-page .capgemini-link:hover svg path {
  fill: #ff304c;
}
.industries-front-block {
  margin: 80px auto;
  position: relative;
}
.industries-front-block .dev-slider-itm {
  min-height: 340px;
}
.industries-front-block .swiper-navigation > div {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #12abdb;
  top: 50%;
  margin-top: -24px;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.industries-front-block .swiper-navigation > div path {
  stroke: #fff;
}
.industries-front-block .swiper-navigation > div svg {
  width: 12px;
  height: 24px;
}
.industries-front-block .swiper-button-prev {
  left: -70px;
}
.industries-front-block .swiper-button-next {
  right: -70px;
}
.slider-title-itm {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.front-top-block {
  position: relative;
  background: #041b2b;
  padding: 150px 0 350px;
  overflow: hidden;
}
.front-top-block__bg {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: -100px;
  right: -100px;
  pointer-events: none;
}
.front-top-block__bg img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: top center;
  object-position: top center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  will-change: transform;
}
.front-title-block {
  position: relative;
  color: #fff;
  text-align: center;
}
.front-title-block__subtitle {
  color: #12abdb;
  font-size: 32px;
  font-weight: 900;
  line-height: 125%;
  max-width: 1075px;
  margin: 0 auto 35px;
}
.front-title-block .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
}
.approach-block {
  position: relative;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.approach-block:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
.approach-block-info {
  position: relative;
  width: 516px;
  max-width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.approach-block-info .text-format {
  font-size: 18px;
  line-height: 28px;
}
.approach-block-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  margin-top: 50px;
}
.approach-block-img {
  width: 935px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 0 21px;
}
.approach-block-img-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 100%;
  margin-bottom: -37px;
}
.approach-block-img-itm {
  position: relative;
  width: 455px;
  height: 455px;
}
.approach-block-img-itm__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -227.5px;
  margin-left: -320.87px;
  height: 455px;
  width: 641.74px;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.approach-block-img-itm__circle {
  content: '';
  position: absolute;
  left: 70px;
  top: 70px;
  right: 70px;
  bottom: 70px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.approach-block-img-itm__text {
  font-weight: 900;
  font-size: 24px;
  line-height: 100%;
  color: #fff;
  text-align: center;
  padding: 0 20px 50px;
}
.approach-block-img
  > .approach-block-img-itm:last-child
  .approach-block-img-itm__bg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.platform-block-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 65px;
  padding-top: 10px;
}
.platform-block-nav__i {
  position: relative;
  width: 20%;
  text-align: center;
  cursor: pointer;
  padding-bottom: 10px;
}
@media screen and (min-width: 1100px) {
  .platform-block-nav__i:hover .platform-block-nav__i__name {
    color: #12abdb;
  }
  .platform-block-nav__i:hover .platform-block-nav__i__dot:after {
    width: 40px;
    height: 40px;
  }
}
.platform-block-nav__i__progress {
  position: absolute;
  top: 47px;
  left: 50%;
  right: -50%;
  height: 1px;
  background: rgba(18, 171, 219, 0.3);
  margin-left: 48px;
  margin-right: 48px;
}
.platform-block-nav__i__progress__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #12abdb;
}
.platform-block-nav__i:last-child .platform-block-nav__i__progress {
  display: none;
}
.platform-block-nav__i__dot {
  position: relative;
  height: 95px;
  width: 95px;
  margin: 0 auto;
}
.platform-block-nav__i__dot:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #12abdb;
  -webkit-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.platform-block-nav__i__dot:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 1px solid #12abdb;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.platform-block-nav__i__dot__ico {
  max-width: 60px;
  max-height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.platform-block-nav__i__name {
  font-weight: 900;
  font-size: 24px;
  line-height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.platform-block-nav__i.active .platform-block-nav__i__name {
  color: #12abdb;
}
.platform-block-nav__i.active .platform-block-nav__i__dot__ico {
  opacity: 1;
}
.platform-block-nav__i.active .platform-block-nav__i__dot:before {
  opacity: 0;
}
.platform-block-nav__i.active .platform-block-nav__i__dot:after {
  width: 95px;
  height: 95px;
}
.platform-block-c {
  margin: 0 -40px;
}
.platform-block-c-i {
  display: none;
  min-width: 100%;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  padding: 0 40px;
}
.platform-block-c-i:first-child {
  display: block;
}
.platform-block-c-i.active {
  opacity: 1;
  -webkit-transition: opcity 0.3s ease-in-out;
  -o-transition: opcity 0.3s ease-in-out;
  transition: opcity 0.3s ease-in-out;
}
.platform-block-c-i-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.platform-block-c-i-l {
  width: 45%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.platform-block-c-i-l__title {
  margin-bottom: 40px;
}
.platform-block-c-i-l .text-format {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
}
.platform-block-c-i-l__link {
  margin-top: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.platform-block-c-i-r {
  width: 45%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.platform-block-c-i-r img {
  max-width: 100%;
}
@media screen and (min-width: 1515px) {
  .main-page .first .container {
    padding-top: 128px;
  }
  .main-page .first-title {
    max-width: 1100px;
    width: 1100px;
    font-size: 96px;
    font-weight: 900;
    line-height: 112px;
  }
  .main-page .first-discount {
    top: 194px;
    right: 72px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .main-page .first-discount a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .first-discount-main {
    margin-top: -14px;
  }
  .main-page .first-description {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    bottom: 13%;
    height: 80px;
  }
  .main-page .first-bottom {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .first-bottom .container {
    padding: 30px 0;
    width: 1416px;
  }
  .main-page .first-bottom a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .first-bottom .scroll-down-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .first-solutions-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .first .panel-info {
    width: 412px;
  }
  .main-page .first .panel-info-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .applications .container {
    height: 850px;
  }
  .main-page .applications .accordion {
    height: 850px;
  }
  .main-page .applications .accordion-head {
    padding: 50px 0;
  }
  .main-page .applications .accordion-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .main-page .applications .accordion-blackout-top,
  .main-page .applications .accordion-blackout-bottom {
    height: 80px;
  }
  .main-page .applications .accordion-img {
    width: 1210px;
  }
  .main-page .applications .accordion-block {
    padding: 48px 0;
    max-width: 650px;
  }
  .main-page .applications .accordion-block-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .main-page .applications .accordion-block-subtitle {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 16px;
  }
  .main-page .applications .accordion-block-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .main-page .applications .accordion-block-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 32px;
    width: 550px;
  }
  .main-page .cases-bg {
    bottom: -2px;
  }
  .main-page .cases-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 32px;
  }
  .main-page .cases-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px;
  }
  .main-page .cases-right img {
    height: 722px;
  }
  .main-page .cases-block {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .main-page .cases-block-bg {
    left: -40px;
  }
  .main-page .cases-block-text {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 16px;
    width: 600px;
  }
  .main-page .cases-slider img {
    height: 722px;
  }
  .main-page .platform {
    padding-top: 20px;
  }
  .main-page .platform-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 32px;
  }
  .main-page .platform-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 32px;
  }
  .main-page .platform-left img {
    right: 175px;
    bottom: 55px;
    height: 786px;
    z-index: 2;
  }
  .main-page .products-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: -3px;
    margin-right: 16px;
  }
  .main-page .products-all-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    bottom: 0;
    padding-bottom: 0;
  }
  .main-page .products-types label {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .main-page .products-types-dot {
    margin: 0 16px;
  }
  .main-page .products-head {
    margin-bottom: 32px;
  }
  .main-page .news {
    padding-bottom: 15px;
  }
  .main-page .news-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: -3px;
    margin-right: 16px;
  }
  .main-page .news-all-btn {
    padding-bottom: 0;
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .main-page .news-head {
    margin-bottom: 32px;
  }
  .main-page .news-poster {
    width: 376px;
    height: 264px;
    margin-right: 32px;
  }
  .main-page .news-left {
    margin-right: 72px;
  }
  .main-page .news-left .news-heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .main-page .news-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .main-page .news-item .news-heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .main-page .news-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .main-page .news-divider {
    margin: 32px 0;
  }
  .main-page .news-more-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
  }
  .main-page .capgemini {
    padding-top: 11vw;
    padding-bottom: 150px;
    top: 64px;
  }
  .main-page .capgemini-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .main-page .capgemini-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .main-page .capgemini-link {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .main-page .capgemini-left {
    margin-right: 240px;
  }
  .main-page .capgemini-right {
    padding-top: 36px;
    width: 660px;
  }
  .main-page .capgemini-logo {
    width: 454px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (max-width: 1515px) {
  .front-top-block {
    padding-bottom: 90px;
  }
  .approach-block {
    height: 900px;
  }
  .approach-block-img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
  .dev-slider-itm.slide-industries {
    min-height: 270px;
  }
  .dev-slider-itm.slide-industries .dev-slider-itm__title {
    font-size: 24px;
  }
  .dev-slider-itm.slide-industries .dev-slider-itm__desc {
    font-size: 16px;
  }
  .dev-slider-itm.slide-industries .dev-slider-itm__link {
    font-size: 16px;
  }
  .platform-block-c-i-l {
    width: 50%;
  }
}
@media screen and (max-width: 1280px) {
  .approach-block-img {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@media screen and (max-width: 1100px) {
  .front-title-block__subtitle {
    font-size: 26px;
  }
  .platform-block-nav__i__name {
    font-size: 24px;
  }
  .platform-block-c-i-l__title {
    margin-bottom: 40px;
  }
  .platform-block-c-i-l__link {
    margin-top: 20px;
  }
  .approach-block {
    height: auto;
    display: block;
  }
  .approach-block-info {
    max-width: 100%;
  }
  .approach-block-img {
    position: relative;
    -webkit-transform: scale(0.65) translateX(-50%);
    -ms-transform: scale(0.65) translateX(-50%);
    transform: scale(0.65) translateX(-50%);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    left: 50%;
    top: 50px;
    margin-bottom: -150px;
  }
  .platform-block-c-i-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .platform-block-c-i-l {
    width: 100%;
  }
  .platform-block-c-i-r {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
  }
  .platform-block-c-i-r img {
    max-height: 325px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .main-page .first-title {
    max-width: 100%;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .main-page .first-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .main-page .first-bottom {
    padding-bottom: 40px;
  }
  .main-page .first-description {
    bottom: 140px;
  }
  .main-page .first .swiper-pagination {
    bottom: 140px;
  }
  .main-page .first .panel-info {
    bottom: 120px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (max-height: 550px) {
  .main-page .first {
    min-height: 350px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-title {
    margin-top: 40px;
    font-size: 50px;
    line-height: 1.2em;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (max-height: 550px) {
  .main-page .first-title {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (max-height: 420px) {
  .main-page .first-title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-discount {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #041b2b;
    padding: 0 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 11;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }
  .main-page .first-discount-main {
    margin-top: 0;
    margin-right: 5px;
  }
  .main-page .first-discount-link {
    margin: 0;
    padding: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
  }
  .main-page .first-discount-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 64px;
    left: initial;
    z-index: 3;
  }
  .main-page .first-discount-close svg {
    width: 12px;
    height: 12px;
  }
  .main-page .first-discount-close svg path {
    stroke: #fff;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-bottom {
    position: absolute;
    bottom: 65px;
    width: auto;
    right: 0;
    background: transparent;
  }
  .main-page .first-bottom .scroll-down {
    display: none;
  }
  .main-page .first-bottom-container {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    padding: 0 64px !important;
    border-top: none !important;
    width: auto !important;
    background: none !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-solutions-description {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first .swiper-pagination {
    bottom: 70px;
    right: auto;
    left: 64px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (max-height: 550px) {
  .main-page .first .swiper-pagination {
    bottom: 30px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-description {
    width: calc(100% - 128px);
    position: absolute;
    bottom: calc(1vh + 150px);
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (max-height: 550px) {
  .main-page .first-description {
    bottom: 60px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-description-group {
    bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (max-height: 550px) {
  .main-page .first-description-group {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first .container {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(0),
      color-stop(5%, #041b2b),
      color-stop(20%, #041b2b00),
      color-stop(25%, #041b2b00)
    );
    background: -o-linear-gradient(0, #041b2b 5%, #041b2b00 20%, #041b2b00 25%);
    background: linear-gradient(0, #041b2b 5%, #041b2b00 20%, #041b2b00 25%);
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-solutions {
    position: relative;
  }
  .main-page .first-solutions .web-3d,
  .main-page .first-solutions .asset {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .first-description {
    left: 64px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .applications {
    padding-top: 40px;
    background: none;
    position: relative;
    z-index: 2;
  }
  .main-page .applications .accordion {
    display: none;
  }
  .main-page .applications .accordion-block-wrapper {
    display: none;
  }
  .main-page .applications .container {
    height: auto;
    padding: 0 64px;
    padding-right: 0;
  }
  .main-page .applications .mob-applications {
    display: block;
  }
  .main-page .applications-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: inherit;
    padding-right: 64px;
    padding-left: 64px;
    margin-left: -64px;
  }
  .main-page .applications-row .simplebar-content::after {
    content: '';
    width: 16px;
    height: 100%;
    position: relative;
  }
  .main-page .applications-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 32px;
    color: #fff;
    max-width: 100%;
    padding-right: 64px;
  }
  .main-page .applications-item {
    position: relative;
    overflow: hidden;
    background-color: #092a42;
    border-radius: 4px;
    margin-right: 16px;
    padding: 16px;
    height: 166px;
    width: 240px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .applications-item:first-child .applications-item-title {
    color: #12abdb;
  }
  .main-page .applications-item:nth-child(2) .applications-item-title {
    color: #95e616;
  }
  .main-page .applications-item:nth-child(3) .applications-item-title {
    color: #ff304c;
  }
  .main-page .applications-item:nth-child(4) .applications-item-title {
    color: #7e39ba;
  }
  .main-page .applications-item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-page .applications-item-title {
    margin-bottom: 8px;
    position: relative;
    width: 156px;
  }
  .main-page .applications-item-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
    width: 146px;
  }
  .main-page .applications-item-gradient {
    height: 40px;
    width: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(rgba(4, 27, 43, 0))
    );
    background: -o-linear-gradient(top, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
    background: linear-gradient(180deg, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .main-page .applications-item-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    bottom: 18px;
    color: #ff304c;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .cases .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
  }
  .main-page .cases-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .cases-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 26px;
    font-size: 40px;
  }
  .main-page .cases-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    width: 100%;
    font-size: 18px;
  }
  .main-page .cases-all-btn {
    margin-top: 16px;
    position: absolute;
    bottom: 56px;
    left: 50%;
  }
  .main-page .cases-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    padding-left: 50%;
    height: 33vw;
    margin-bottom: 0;
  }
  .main-page .cases-block-bg {
    display: none;
  }
  .main-page .cases-block-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    position: static;
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
  }
  .main-page .cases-block-text-wrap {
    height: auto !important;
    width: 330px;
    margin-bottom: 0;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next) {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff304c;
    position: relative;
    padding: 0;
    padding-bottom: 2px;
    background: none;
    border: none;
    border-radius: 0;
    font-size: 18px;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next):after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #ff304c;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next):hover:after {
    width: 100%;
  }
  .main-page .cases-block-buttons .mini-btn-icon:hover svg path {
    fill: #fff;
  }
  .main-page .cases-next {
    position: relative;
  }
  .main-page .cases-next:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 8px;
    border-radius: 50%;
    background: #12abdb;
    width: 4px;
    height: 4px;
  }
  .main-page .cases-next-title {
    display: none;
  }
  .main-page .cases-slider {
    position: absolute;
    top: 124px;
    left: 0px;
    width: 100%;
  }
  .main-page .cases-slider img {
    width: 370px;
    height: auto;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .main-page .cases-slider-text {
    height: 0;
  }
  .main-page .cases-bg {
    width: 103%;
    bottom: -0.5px;
  }
  .main-page .cases-bg img {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .platform {
    padding-top: 48px;
    padding-bottom: 100px;
  }
  .main-page .platform .container {
    position: relative;
  }
  .main-page .platform-left {
    position: relative;
    width: auto;
    margin-right: 0;
    height: 326px;
    left: 24px;
    top: 30px;
    display: block;
  }
  .main-page .platform-left img {
    height: 100%;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: initial;
    display: block;
  }
  .main-page .platform-right {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    position: relative;
  }
  .main-page .platform-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 32px;
    width: 200%;
    max-width: 600px;
  }
  .main-page .platform-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .main-page .platform-buttons .btn {
    margin-right: 0;
  }
  .main-page .platform-buttons .btn:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .platform-buttons .btn:last-child {
    border: 0;
    font-size: 14px;
    max-width: 155px;
    line-height: 20px;
    padding: 5px 9px;
  }
  .main-page .platform-buttons .btn:last-child:hover {
    color: #12abdb;
    background: none;
    border: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .products {
    padding-top: 0;
    padding-bottom: 48px;
  }
  .main-page .products .container {
    padding-right: 0;
  }
  .main-page .products-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-right: 0;
  }
  .main-page .products-head {
    margin-bottom: 24px;
    padding-right: 16px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .main-page .products-all-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    margin-left: 16px;
  }
  .main-page .products-types {
    background: rgba(18, 171, 219, 0.2);
    padding: 4px 12px;
    border-radius: 24px;
    position: relative;
    right: 40px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .main-page .products-types-dot {
    width: 54px;
    height: 100%;
    position: absolute;
    background: #12abdb;
    -webkit-transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    border-radius: 24px;
    left: 0;
    top: 0;
    margin: 0;
  }
  .main-page .products-types input:checked + label {
    color: #fff;
  }
  .main-page .products-types label {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 24px;
    z-index: 1;
  }
  .main-page .products-types label:last-child {
    margin-right: 0;
  }
  .main-page .products-types label:after {
    content: none;
  }
  .main-page .products-types label:hover {
    color: #fff;
  }
  .main-page .products-types.free .products-types-dot {
    -webkit-transform: translateX(51px);
    -ms-transform: translateX(51px);
    transform: translateX(51px);
  }
  .main-page .products-types.paid .products-types-dot {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  .main-page .products .swiper-button-prev {
    display: none;
  }
  .main-page .products .swiper-button-next {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .news .container {
    padding: 0 64px;
  }
  .main-page .news-wrap {
    padding-left: 64px;
    margin-left: -64px;
    margin-right: -64px;
    overflow: scroll;
  }
  .main-page .news-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-right: 24px;
  }
  .main-page .news-head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .main-page .news-all-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    padding-bottom: 0;
  }
  .main-page .news-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .main-page .news-text,
  .main-page .news-poster {
    display: none;
  }
  .main-page .news-left,
  .main-page .news-item {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 255px;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .news-heading {
    overflow: hidden;
    max-height: 73px;
    height: auto;
    margin-bottom: 5px;
  }
  .main-page .news-more-btn {
    position: absolute;
    bottom: -32px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .main-page .capgemini {
    padding-top: 45px;
    padding-bottom: 170px;
  }
  .main-page .capgemini .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-page .capgemini-logo {
    height: 49px;
    position: absolute;
    top: 49px;
    left: 309px;
  }
  .main-page .capgemini-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    max-width: 520px;
  }
}
@media screen and (max-width: 700px) {
  .first > .container .panel-info,
  .first > .container .swiper-pagination {
    pointer-events: auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) and (min-height: 500px) {
  .main-page .first-title {
    margin-top: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-discount {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #041b2b;
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 11;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }
  .main-page .first-discount-main {
    margin-top: 0;
    margin-right: 5px;
  }
  .main-page .first-discount-link {
    margin: 0;
    padding: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
  }
  .main-page .first-discount-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 40px;
    left: initial;
    z-index: 3;
  }
  .main-page .first-discount-close svg {
    width: 12px;
    height: 12px;
  }
  .main-page .first-discount-close svg path {
    stroke: #fff;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-bottom {
    bottom: 34px;
    position: absolute;
    right: auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) and (max-height: 550px) {
  .main-page .first-bottom {
    bottom: 4px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-bottom .scroll-down {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-bottom-container {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding: 0 40px !important;
    border-top: none !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-solutions-description {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first .swiper-pagination {
    bottom: 110px;
    right: auto;
    left: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) and (max-height: 550px) {
  .main-page .first .swiper-pagination {
    bottom: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-description {
    width: calc(100% - 80px);
    position: absolute;
    bottom: calc(1vh + 244px);
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) and (max-height: 550px) {
  .main-page .first-description {
    bottom: 60px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-description-group {
    bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) and (max-height: 550px) {
  .main-page .first-description-group {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-solutions {
    position: relative;
  }
  .main-page .first-solutions .web-3d,
  .main-page .first-solutions .asset {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .first-description {
    left: auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .applications {
    padding-top: 24px;
    background: none;
    position: relative;
    z-index: 2;
  }
  .main-page .applications .accordion {
    display: none;
  }
  .main-page .applications .accordion-block-wrapper {
    display: none;
  }
  .main-page .applications .container {
    height: auto;
    padding: 0 40px;
    padding-right: 0;
  }
  .main-page .applications .mob-applications {
    display: block;
  }
  .main-page .applications-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: inherit;
    padding-right: 40px;
    padding-left: 40px;
    margin-left: -40px;
  }
  .main-page .applications-row .simplebar-content::after {
    content: '';
    width: 16px;
    height: 100%;
    position: relative;
  }
  .main-page .applications-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 32px;
    color: #fff;
    max-width: 100%;
    padding-right: 40px;
  }
  .main-page .applications-item {
    position: relative;
    overflow: hidden;
    background-color: #092a42;
    border-radius: 4px;
    margin-right: 16px;
    padding: 16px;
    height: 166px;
    width: 240px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .applications-item:first-child .applications-item-title {
    color: #12abdb;
  }
  .main-page .applications-item:nth-child(2) .applications-item-title {
    color: #95e616;
  }
  .main-page .applications-item:nth-child(3) .applications-item-title {
    color: #ff304c;
  }
  .main-page .applications-item:nth-child(4) {
    margin-right: 40px;
  }
  .main-page .applications-item:nth-child(4) .applications-item-title {
    color: #7e39ba;
  }
  .main-page .applications-item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-page .applications-item-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
    position: relative;
    width: 156px;
  }
  .main-page .applications-item-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
    width: 146px;
  }
  .main-page .applications-item-gradient {
    height: 40px;
    width: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(rgba(4, 27, 43, 0))
    );
    background: -o-linear-gradient(top, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
    background: linear-gradient(180deg, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .main-page .applications-item-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    bottom: 18px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .cases:after {
    content: '';
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #041b2b),
      to(#003762)
    );
    background: -o-linear-gradient(top, #041b2b 0, #003762 100%);
    background: linear-gradient(180deg, #041b2b 0, #003762 100%);
    position: absolute;
    bottom: 0;
    height: 850px;
    width: 100%;
    z-index: 0;
  }
  .main-page .cases .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    padding: 0 40px;
  }
  .main-page .cases-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .cases-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 26px;
    font-size: 40px;
  }
  .main-page .cases-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    width: 100%;
    font-size: 18px;
  }
  .main-page .cases-all-btn {
    margin-top: 16px;
    position: absolute;
    bottom: -70px;
    left: 50%;
  }
  .main-page .cases-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 74px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    padding-left: 50%;
    height: auto;
    margin-bottom: 0;
  }
  .main-page .cases-block-bg {
    display: none;
  }
  .main-page .cases-block-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    position: static;
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
  }
  .main-page .cases-block-text-wrap {
    height: auto !important;
    width: 100%;
    margin-bottom: 0;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next) {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff304c;
    position: relative;
    padding: 0;
    padding-bottom: 2px;
    background: none;
    border: none;
    border-radius: 0;
    font-size: 18px;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next):after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #ff304c;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next):hover:after {
    width: 100%;
  }
  .main-page .cases-block-buttons .mini-btn-icon:hover svg path {
    fill: #fff;
  }
  .main-page .cases-next {
    position: relative;
  }
  .main-page .cases-next:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 8px;
    border-radius: 50%;
    background: #12abdb;
    width: 4px;
    height: 4px;
  }
  .main-page .cases-next-title {
    display: none;
  }
  .main-page .cases-slider {
    position: absolute;
    top: 124px;
    left: 0px;
    width: 100%;
  }
  .main-page .cases-slider img {
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    left: calc(-230px + 25vw);
    width: 352px;
    height: auto;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .main-page .cases-slider-text {
    height: 0;
  }
  .main-page .cases-bg {
    width: 101%;
    bottom: -0.5px;
  }
  .main-page .cases-bg img {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .platform {
    padding-top: 48px;
    padding-bottom: 40px;
  }
  .main-page .platform .container {
    position: relative;
    padding: 0 40px;
  }
  .main-page .platform-left {
    position: relative;
    width: auto;
    margin-right: 0;
    height: 326px;
    left: 24px;
    top: 30px;
    display: block;
  }
  .main-page .platform-left img {
    height: 100%;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: initial;
    display: block;
  }
  .main-page .platform-right {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    position: relative;
  }
  .main-page .platform-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 32px;
    width: 200%;
    max-width: 510px;
  }
  .main-page .platform-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .main-page .platform-buttons .btn {
    margin-right: 0;
  }
  .main-page .platform-buttons .btn:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .platform-buttons .btn:last-child {
    border: 0;
    font-size: 14px;
    max-width: 155px;
    line-height: 20px;
    padding: 5px 9px;
  }
  .main-page .platform-buttons .btn:last-child:hover {
    color: #12abdb;
    background: none;
    border: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .products {
    padding-top: 0;
    padding-bottom: 48px;
  }
  .main-page .products .container {
    padding-right: 0;
  }
  .main-page .products-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .main-page .products-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
    padding-right: 0px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .main-page .products-all-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    margin-left: 0px;
  }
  .main-page .products-types {
    background: rgba(18, 171, 219, 0.2);
    padding: 4px 12px;
    border-radius: 24px;
    position: relative;
    right: 40px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .main-page .products-types-dot {
    width: 54px;
    height: 100%;
    position: absolute;
    background: #12abdb;
    -webkit-transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    border-radius: 24px;
    left: 0;
    top: 0;
    margin: 0;
  }
  .main-page .products-types input:checked + label {
    color: #fff;
  }
  .main-page .products-types label {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 24px;
    z-index: 1;
  }
  .main-page .products-types label:last-child {
    margin-right: 0;
  }
  .main-page .products-types label:after {
    content: none;
  }
  .main-page .products-types label:hover {
    color: #fff;
  }
  .main-page .products-types.free .products-types-dot {
    -webkit-transform: translateX(51px);
    -ms-transform: translateX(51px);
    transform: translateX(51px);
  }
  .main-page .products-types.paid .products-types-dot {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  .main-page .products .swiper-button-prev {
    display: none;
  }
  .main-page .products .swiper-button-next {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .news {
    padding-bottom: 0px;
  }
  .main-page .news .container {
    padding: 0 40px;
  }
  .main-page .news-wrap {
    padding-left: 40px;
    margin-left: -40px;
    margin-right: -40px;
  }
  .main-page .news-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-right: 24px;
  }
  .main-page .news-head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px;
  }
  .main-page .news-all-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    padding-bottom: 0;
  }
  .main-page .news-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .main-page .news-text,
  .main-page .news-poster {
    display: none;
  }
  .main-page .news-left,
  .main-page .news-item {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    width: 255px;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .news-heading {
    overflow: hidden;
  }
  .main-page .news-more-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: absolute;
    bottom: -32px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .main-page .capgemini {
    padding-top: 45px;
    padding-bottom: 170px;
  }
  .main-page .capgemini .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-page .capgemini-bg {
    top: -1.5px;
  }
  .main-page .capgemini-logo {
    height: 49px;
    position: absolute;
    top: 64px;
    left: 280px;
  }
  .main-page .capgemini-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    max-width: 520px;
  }
  .main-page .capgemini-left {
    margin-top: 15px;
  }
}
@media screen and (min-width: 630px) and (max-width: 960px) {
  .main-page .capgemini-bg {
    top: -1px;
  }
}
@media screen and (min-width: 600px) and (max-width: 630px) {
  .main-page .cases:after {
    height: calc(860px + 15vw) !important;
  }
  .main-page .capgemini-bg {
    top: -1px;
  }
}
@media screen and (min-width: 451px) and (max-width: 599px) {
  .main-page .cases:after {
    height: calc(630px + 50vw) !important;
  }
  .main-page .cases-bg {
    width: 101%;
  }
}
@media screen and (min-width: 320px) and (max-width: 450px) {
  .main-page .cases:after {
    height: calc(625px + 50vw) !important;
  }
  .main-page .cases-bg {
    width: 101%;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first {
    height: calc(var(--vh, 1vh) * 100);
    min-height: 350px;
  }
  .main-page .first .container {
    padding: 0 16px;
  }
  .main-page .first-images {
    left: -40px;
  }
  .main-page .first-images-front {
    opacity: 0;
    -webkit-transform: translateX(-22%);
    -ms-transform: translateX(-22%);
    transform: translateX(-22%);
  }
  .main-page .first-images-back {
    opacity: 0;
    -webkit-transform: translateX(-28%);
    -ms-transform: translateX(-28%);
    transform: translateX(-28%);
  }
  .main-page .first-images img {
    height: 84vw;
    position: relative;
    top: 0;
  }
  .main-page .first-discount {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #041b2b;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 11;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }
  .main-page .first-discount-link {
    margin: 0;
    padding: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
  }
  .main-page .first-discount-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 16px;
    left: initial;
    z-index: 3;
  }
  .main-page .first-discount-close svg {
    width: 12px;
    height: 12px;
  }
  .main-page .first-discount-close svg path {
    stroke: #fff;
  }
  .main-page .first-discount-main {
    margin-top: 0;
    margin-right: 4px;
  }
  .main-page .first-title {
    font-size: 38px;
    font-weight: 900;
    line-height: 44px;
    width: 100%;
    position: relative;
    top: calc(var(--vh, 1vh) * 16);
  }
}
@media screen and (max-width: 599px) and (max-height: 550px) {
  .main-page .first-title {
    top: 110px !important;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first .panel-info {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-bottom {
    bottom: calc(calc(var(--vh, 1vh) * 13) - 15px);
    background: none;
  }
}
@media screen and (max-width: 599px) and (max-height: 550px) {
  .main-page .first-bottom {
    bottom: -25px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-bottom .container {
    border-top: 0;
    padding: 0 16px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-bottom .scroll-down {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-solutions {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
  }
  .main-page .first-solutions-description {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-solution {
    padding: 8px 16px;
    margin-left: 8px;
    border: 1px solid;
    border-radius: 64px;
    margin-right: 0;
  }
  .main-page .first-solution.web-3d {
    border-color: #12abdb;
  }
  .main-page .first-solution.asset {
    border-color: #7b6fb0;
  }
  .main-page .first-solution:first-of-type {
    margin-left: 0;
  }
  .main-page .first-solution:not(:last-child) {
    margin-right: 0;
  }
  .main-page .first-solution:not(:last-child):after {
    content: none;
  }
  .main-page .first-solution span {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 4px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-description {
    left: 16px;
    bottom: 20vh;
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 599px) and (max-height: 550px) {
  .main-page .first-description {
    bottom: 80px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-description-group {
    top: initial;
    bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .main-page .first-description span {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .applications {
    padding-top: 24px;
    position: relative;
    z-index: 2;
  }
  .main-page .applications .accordion {
    display: none;
  }
  .main-page .applications .accordion-block-wrapper {
    display: none;
  }
  .main-page .applications .container {
    height: auto;
    padding: 0 16px;
    padding-right: 0;
  }
  .main-page .applications .mob-applications {
    display: block;
  }
  .main-page .applications-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: inherit;
    padding-right: 16px;
    padding-left: 16px;
    margin-left: -16px;
  }
  .main-page .applications-row .simplebar-content::after {
    content: '';
    width: 16px;
    height: 100%;
    position: relative;
  }
  .main-page .applications-row .mob-scroll-offset {
    padding: 12px;
  }
  .main-page .applications-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
    color: #fff;
    width: 288px;
  }
  .main-page .applications-item {
    position: relative;
    overflow: hidden;
    background-color: #092a42;
    border-radius: 4px;
    margin-right: 8px;
    padding: 16px;
    height: 166px;
    width: 264px;
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .applications-item:first-child .applications-item-title {
    color: #12abdb;
  }
  .main-page .applications-item:nth-child(2) .applications-item-title {
    color: #95e616;
  }
  .main-page .applications-item:nth-child(3) .applications-item-title {
    color: #ff304c;
  }
  .main-page .applications-item:nth-child(4) .applications-item-title {
    color: #7e39ba;
  }
  .main-page .applications-item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-page .applications-item-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
    position: relative;
    width: 156px;
  }
  .main-page .applications-item-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
    width: 146px;
  }
  .main-page .applications-item-gradient {
    height: 40px;
    width: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(rgba(4, 27, 43, 0))
    );
    background: -o-linear-gradient(top, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
    background: linear-gradient(180deg, #041b2b 0%, rgba(4, 27, 43, 0) 100%);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .main-page .applications-item-link {
    color: #ff304c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (max-width: 599px) {
  .main-page .cases .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
  }
  .main-page .cases-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .cases-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .main-page .cases-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    width: 288px;
  }
  .main-page .cases-all-btn {
    margin-top: 16px;
  }
  .main-page .cases-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    padding-left: 50%;
    height: 54vw;
    margin-bottom: 0;
  }
  .main-page .cases-block-bg {
    display: none;
  }
  .main-page .cases-block-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
  }
  .main-page .cases-block-text-wrap {
    width: 100%;
    margin-bottom: 8px;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next) {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff304c;
    position: relative;
    padding: 0;
    padding-bottom: 2px;
    background: none;
    border: none;
    border-radius: 0;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next):after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #ff304c;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .main-page .cases-block-buttons .btn:not(.cases-next):hover:after {
    width: 100%;
  }
  .main-page .cases-block-buttons .mini-btn-icon:hover svg path {
    fill: #fff;
  }
  .main-page .cases-next {
    position: relative;
  }
  .main-page .cases-next:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 8px;
    border-radius: 50%;
    background: #12abdb;
    width: 4px;
    height: 4px;
  }
  .main-page .cases-next-title {
    display: none;
  }
  .main-page .cases-slider {
    position: absolute;
    top: 150px;
    left: -40px;
    width: 100%;
  }
  .main-page .cases-slider img {
    width: 58vw;
    height: auto;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .main-page .cases-slider-text {
    height: 0;
  }
  .main-page .cases-bg {
    width: 101%;
    bottom: -0.5px;
  }
  .main-page .cases-bg img {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
}
@media screen and (max-width: 599px) {
  .main-page .platform {
    padding-top: 16px;
    padding-bottom: 40px;
  }
  .main-page .platform .container {
    position: relative;
  }
  .main-page .platform-left {
    width: auto;
    margin-right: 0;
    height: 195px;
    position: absolute;
    right: -35px;
    top: -6px;
    display: block;
  }
  .main-page .platform-left img {
    height: 100%;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: initial;
    display: block;
  }
  .main-page .platform-right {
    width: 100%;
    position: relative;
  }
  .main-page .platform-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
    width: 174px;
  }
  .main-page .platform-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .main-page .platform-buttons .btn {
    margin-right: 0;
  }
  .main-page .platform-buttons .btn:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .platform-buttons .btn:last-child {
    border: 0;
  }
  .main-page .platform-buttons .btn:last-child:hover {
    color: #12abdb;
    background: none;
    border: none;
  }
}
@media screen and (max-width: 599px) {
  .main-page .products {
    padding-top: 0;
    padding-bottom: 8px;
  }
  .main-page .products .container {
    padding-right: 0;
  }
  .main-page .products-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
  .main-page .products-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding-right: 16px;
  }
  .main-page .products-all-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .main-page .products-types {
    background: rgba(18, 171, 219, 0.2);
    padding: 4px 12px;
    border-radius: 24px;
    position: relative;
  }
  .main-page .products-types-dot {
    width: 54px;
    height: 100%;
    position: absolute;
    background: #12abdb;
    -webkit-transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    -o-transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    transition: 0.4s all cubic-bezier(0.5, 0, 0, 1);
    border-radius: 24px;
    left: 0;
    top: 0;
    margin: 0;
  }
  .main-page .products-types input:checked + label {
    color: #fff;
  }
  .main-page .products-types label {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 24px;
    z-index: 1;
  }
  .main-page .products-types label:last-child {
    margin-right: 0;
  }
  .main-page .products-types label:after {
    content: none;
  }
  .main-page .products-types label:hover {
    color: #fff;
  }
  .main-page .products-types.free .products-types-dot {
    -webkit-transform: translateX(51px);
    -ms-transform: translateX(51px);
    transform: translateX(51px);
  }
  .main-page .products-types.paid .products-types-dot {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  .main-page .products .mob-scroll {
    padding-left: 0;
  }
  .main-page .products-slider {
    margin-left: -16px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .news .container {
    padding: 0;
  }
  .main-page .news-wrap {
    padding-left: 16px;
  }
  .main-page .news-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-right: 12px;
  }
  .main-page .news-head {
    margin-bottom: 16px;
    padding: 0 16px;
  }
  .main-page .news-all-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 0;
  }
  .main-page .news-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .main-page .news-text,
  .main-page .news-poster {
    display: none;
  }
  .main-page .news-left,
  .main-page .news-item {
    width: 255px;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .main-page .news-more-btn {
    margin-top: 8px;
  }
  .main-page .news .mob-scroll .mob-scroll-offset {
    padding: 16px;
  }
}
@media screen and (max-width: 599px) {
  .main-page .capgemini {
    padding-top: 45px;
    padding-bottom: 190px;
    margin-bottom: -48px;
    top: initial;
  }
  .main-page .capgemini .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-page .capgemini-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .main-page .capgemini-logo {
    width: 202px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 8px;
  }
  .main-page .capgemini-left {
    margin-right: 0;
  }
  .main-page .capgemini .btn {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 16px;
  }
  .main-page .capgemini-link {
    margin-left: 0;
  }
  .main-page .capgemini-bg {
    top: -0.5px;
  }
}
@media screen and (max-width: 599px) {
  .discount-visible .main-page .first-title {
    top: calc(var(--vh, 1vh) * 24);
  }
  .discount-visible .main-page .first-images img {
    top: 30px;
  }
}
@media screen and (max-width: 960px) {
  .platform-block-nav {
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .platform-block-nav__i {
    position: initial;
  }
  .platform-block-nav__i__progress {
    display: none;
  }
  .platform-block-nav__i__dot {
    margin-bottom: 0;
    width: 75px;
    height: 75px;
  }
  .platform-block-nav__i__dot__ico {
    max-width: 45px;
    max-height: 45px;
  }
  .platform-block-nav__i.active .platform-block-nav__i__dot:after {
    width: 75px;
    height: 75px;
  }
  .platform-block-nav__i__name {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opcity 0.3s ease-in-out;
    -o-transition: opcity 0.3s ease-in-out;
    transition: opcity 0.3s ease-in-out;
    pointer-events: none;
  }
  .platform-block-nav__i.active .platform-block-nav__i__name {
    opacity: 1;
    pointer-events: auto;
  }
  .platform-block-nav__i-l__title {
    font-size: 24px;
  }
  .platform-block-nav__i-r {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 700px) {
  .front-title-block__subtitle {
    font-size: 18px;
  }
  .dev-slider-itm__title {
    font-size: 18px;
  }
  .approach-block-img {
    -webkit-transform: scale(0.4) translateX(-50%);
    -ms-transform: scale(0.4) translateX(-50%);
    transform: scale(0.4) translateX(-50%);
    margin-bottom: -450px;
  }
  .platform-block-c-i-l__title {
    text-align: center;
    font-size: 24px;
    line-height: 1;
    margin-top: 15px;
  }
  .first .first-images {
    display: none;
  }
  .first > .container {
    pointer-events: none;
  }
  .main-slider .slider-item {
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -o-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s;
  }
  .platform-block {
    position: relative;
    padding-left: 100px;
  }
  .platform-block-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
  }
  .platform-block-nav__i__dot {
    width: 65px;
    height: 65px;
  }
  .platform-block-nav__i.active .platform-block-nav__i__dot:after {
    width: 65px;
    height: 65px;
  }
  .platform-block-c-i-l__title {
    text-align: left;
  }
}
@-webkit-keyframes move_bg {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}
@keyframes move_bg {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}
.maintenance-page .main {
  min-height: 380px;
}
.module-item-page .main {
  padding: 32px 160px;
  padding-bottom: 40px;
}
.module-item-page .main p {
  margin-bottom: 8px;
}
.module-item-page .main p:last-child {
  margin-bottom: 0;
}
.module-item-page .main a {
  color: #12abdb;
}
.module-item-page .main a:hover {
  opacity: 0.6;
}
.module-item-page .main img {
  margin-top: 24px;
  margin-bottom: 32px;
  margin-left: -80px;
  width: calc(100% + 160px);
}
@media screen and (min-width: 1515px) {
  .module-item-page .main {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    padding: 64px 240px;
    padding-bottom: 80px;
  }
  .module-item-page .main p {
    margin-bottom: 16px;
  }
  .module-item-page .main img {
    margin-top: 48px;
    margin-bottom: 64px;
    margin-left: -120px;
    width: calc(100% + 240px);
  }
}
.news-item-page .wide-img {
  width: 100%;
  height: 390px;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-item-page .other {
  padding: 34px 160px;
  padding-bottom: 40px;
  background: #eef9ff;
}
.news-item-page .other-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}
.news-item-page .other-btn {
  border-color: #12abdb;
}
.news-item-page .other-btn:hover {
  background: #12abdb;
  color: #fff;
}
.news-item-page .other-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news-item-page .other-item {
  margin-left: 16px;
}
.news-item-page .other-item:first-child {
  margin-left: 0;
}
.news-item-page .other-item:last-child {
  display: none;
}
@media screen and (min-width: 1515px) {
  .news-item-page .main-wrapper .main {
    padding-bottom: 64px;
  }
  .news-item-page .wide-img {
    height: 585px;
  }
  .news-item-page .other {
    padding: 64px 180px;
    padding-bottom: 80px;
  }
  .news-item-page .other-item {
    margin-left: 24px;
  }
  .news-item-page .other-item:last-child {
    display: block;
  }
  .news-item-page .other-head {
    margin-bottom: 28px;
    padding: 0 60px;
  }
  .news-item-page .other-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .news-item-page .wide-img {
    height: 294px;
  }
  .news-item-page .other {
    padding: 24px 64px;
    padding-bottom: 40px;
  }
  .news-item-page .other-head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px;
  }
  .news-item-page .other-head .btn {
    display: block;
    width: auto;
  }
  .news-item-page .other .btn {
    position: relative;
    left: 0;
    bottom: 0;
    color: #12abdb;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 0;
  }
  .news-item-page .other .btn:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #12abdb;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .news-item-page .other .btn:before {
    display: none;
  }
  .news-item-page .other .btn:hover {
    background-color: transparent;
    color: #12abdb;
  }
  .news-item-page .other .btn:hover:after {
    width: 100%;
  }
  .news-item-page .other-item {
    margin-left: 0;
  }
  .news-item-page .other-wrap.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .news-item-page .other-wrap.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .news-item-page .other .post {
    width: 300px;
    height: 460px;
  }
  .news-item-page .other .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .news-item-page .other .post:not(:first-child) {
    margin-left: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .news-item-page .other {
    padding: 24px 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 599px) {
  .news-item-page .wide-img {
    height: 132px;
  }
  .news-item-page .other {
    padding: 24px 16px;
    padding-bottom: 76px;
  }
  .news-item-page .other-head {
    margin-bottom: 16px;
  }
  .news-item-page .other-head .btn {
    display: block;
    width: auto;
  }
  .news-item-page .other-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .news-item-page .other-btn {
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: auto;
    display: block;
  }
  .news-item-page .other-item {
    margin-left: 0;
  }
  .news-item-page .other-wrap.mob-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .news-item-page .other-wrap.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .news-item-page .other-wrap.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .news-item-page .other-wrap.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .news-item-page .other .post {
    width: 255px;
    margin-right: 16px;
  }
  .news-item-page .other .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .news-item-page .other .post:nth-child(2) {
    margin-right: 16px;
  }
}
.news-page .news .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-page .news-item {
  margin-bottom: 16px;
  margin-right: 16px;
}
.news-page .news-item:nth-child(3n) {
  margin-right: 0;
}
.news-page .pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1515px) {
  .news-page .news-item {
    margin-right: 24px;
    margin-bottom: 24px;
  }
  .news-page .news-item:nth-child(3n) {
    margin-right: 24px;
  }
  .news-page .news-item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 960px) {
  .news-page .container {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .news-page .news-item {
    width: 49%;
    margin-right: 0 !important;
  }
  .news-page .bottom {
    padding-top: 68px;
    padding-bottom: 130px;
  }
  .news-page .bottom .container {
    padding: 0 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .news-page .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .news-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .news-page .bottom-right {
    padding-top: 26px;
    left: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .news-page .container {
    padding: 0 40px;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .news-page .news-item {
    height: 460px;
    width: 49%;
    margin-right: 0 !important;
  }
  .news-page .bottom .container {
    padding: 0 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .news-page .bottom-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .news-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .news-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .news-page .bottom-right {
    padding-top: 26px;
    left: 0;
  }
}
@media screen and (max-width: 599px) {
  .news-page .news-item {
    margin-right: 0;
  }
}
.overview-page {
  background: #eef9ff;
}
.overview-page .first {
  width: 100%;
  height: 100vh;
  position: relative;
  color: #fff;
}
.overview-page .first-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.overview-page .first .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 3;
  padding-bottom: 40px;
  height: 100%;
}
.overview-page .first-title {
  font-size: 56px;
  font-weight: 900;
  line-height: 64px;
  color: #ff304c;
  margin-bottom: 24px;
  width: 600px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}
.overview-page .first-description {
  margin-bottom: 16px;
  width: 520px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}
.overview-page .first-text {
  width: 540px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}
.overview-page .first-wave {
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  bottom: 0;
}
.overview-page .methods {
  background: #eef9ff;
  color: #000;
  padding-top: 16px;
  padding-bottom: 136px;
  position: relative;
  z-index: 2;
}
.overview-page .methods .container {
  position: relative;
}
.overview-page .methods-bg-wave {
  position: absolute;
  top: -8.35vw;
  left: -1%;
  width: 102%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.overview-page .methods-bg-wave img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.overview-page .methods-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overview-page .methods-left {
  position: relative;
  margin-right: 72px;
  width: 100%;
}
.overview-page .methods-right {
  padding-top: 10px;
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.overview-page .methods-block {
  position: absolute;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 400px;
  -webkit-transition: top 0s linear;
  -o-transition: top 0s linear;
  transition: top 0s linear;
}
.overview-page .methods-title {
  margin-bottom: 24px;
}
.overview-page .methods-title b {
  color: #ff304c;
}
.overview-page .methods-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
}
.overview-page .methods-group:last-child {
  margin-bottom: 0;
}
.overview-page .methods-group-col img {
  position: relative;
  bottom: 20px;
  right: 8px;
}
.overview-page .methods-group-title {
  color: #ff304c;
  margin-bottom: 12px;
}
.overview-page .methods-group-text {
  margin-bottom: 12px;
}
.overview-page .methods-group-btn {
  color: #ff304c;
}
.overview-page .cases:not(.post) {
  background: transparent;
  color: #000;
  padding-bottom: 72px;
  position: relative;
  z-index: 3;
}
.overview-page .cases .post:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.overview-page .cases .container {
  position: relative;
}
.overview-page .cases-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 24px;
}
.overview-page .cases-title {
  margin-right: 16px;
}
.overview-page .cases-all-btn {
  color: #ff304c;
}
.overview-page .cases-all-btn:after {
  background: #ff304c;
}
.overview-page .platform {
  padding-top: 138px;
  padding-bottom: 20px;
  position: relative;
  color: #fff;
  background: #041b2b;
}
.overview-page .platform .container {
  position: relative;
}
.overview-page .platform-bg-wave {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.overview-page .platform-bg-wave img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  position: absolute;
  top: 0;
}
.overview-page .platform-bg-wave img:first-child {
  z-index: 2;
}
.overview-page .platform-bg-wave img:last-child {
  z-index: 1;
}
.overview-page .platform-head {
  width: 415px;
  position: relative;
  z-index: 2;
  margin-bottom: 132px;
}
.overview-page .platform-title {
  margin-bottom: 24px;
}
.overview-page .platform-title b {
  color: #ff304c;
}
.overview-page .platform-iceberg {
  position: absolute;
  right: 0;
  top: -300px;
  width: 600px;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
}
.overview-page .platform-description {
  margin-bottom: 32px;
}
.overview-page .platform-btn {
  color: #fff;
  background: #ff304c;
  width: auto;
  display: inline-block;
}
.overview-page .platform-btn:hover {
  background: #ff304c;
}
.overview-page .platform-advantages {
  position: relative;
  z-index: 2;
}
.overview-page .platform-advantages-description {
  margin-bottom: 32px;
  width: 560px;
}
.overview-page .platform-advantages-description b {
  color: #ff304c;
}
.overview-page .platform-advantages-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.overview-page .platform-advantages-icon {
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 8px;
  height: 72px;
}
.overview-page .platform-advantages-item {
  margin-left: 48px;
  margin-bottom: 40px;
  width: 29%;
}
.overview-page .platform-advantages-item:first-child,
.overview-page .platform-advantages-item:nth-child(4) {
  margin-left: 0;
}
.overview-page .platform-advantages-item:nth-child(4),
.overview-page .platform-advantages-item:nth-child(5),
.overview-page .platform-advantages-item:nth-child(6) {
  margin-bottom: 0;
}
.overview-page .platform-advantages-title {
  color: #ff304c;
  margin-bottom: 12px;
}
.overview-page .platform-advantages-text ul li {
  position: relative;
}
.overview-page .platform-advantages-text ul li:before {
  content: '';
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: -8px;
  top: 10px;
  width: 4px;
  height: 4px;
}
.overview-page .overview-bg {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  width: 100%;
  position: relative;
  top: 48px;
}
.overview-page .overview-bg::before {
  content: '';
  width: 100%;
  height: 300px;
  top: -300px;
  position: absolute;
  background: #041b2b;
  z-index: 0;
}
.overview-page .tools {
  color: #fff;
  margin-bottom: 75px;
}
.overview-page .tools-wrap {
  width: 612px;
}
.overview-page .tools-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 16px;
}
.overview-page .tools-title span {
  color: #ff304c;
}
.overview-page .tools-description {
  margin-bottom: 24px;
}
.overview-page .tools-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.overview-page .tools-item {
  background: #092a42;
  padding: 16px;
  padding-top: 8px;
  margin-bottom: 16px;
  margin-right: 16px;
  width: 192px;
  height: 182px;
  position: relative;
  color: #fff;
}
.overview-page .tools-item:nth-child(3n) {
  margin-right: 0;
}
.overview-page .tools-item-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.overview-page .tools-item:hover .tools-btn:after {
  width: 100%;
}
.overview-page .tools-icon {
  -o-object-fit: cover;
  object-fit: cover;
  height: 56px;
  margin-bottom: 8px;
}
.overview-page .tools-btn {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 0;
  background: 0;
}
.overview-page .technology {
  position: relative;
  color: #fff;
  padding-bottom: 80px;
}
.overview-page .technology .container {
  position: relative;
  z-index: 2;
}
.overview-page .technology-left {
  width: 464px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.overview-page .technology-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.overview-page .technology-sphere-img {
  position: absolute;
  top: calc(50% - 300px);
  width: 600px;
  -o-object-fit: cover;
  object-fit: cover;
}
.overview-page .technology-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 16px;
}
.overview-page .technology-title span {
  color: #ff304c;
  font-weight: 700;
}
.overview-page .technology-text {
  margin-bottom: 32px;
}
.overview-page .technology-btn {
  background: #ff304c;
  color: #fff;
  width: auto;
  display: inline-block;
}
.overview-page .technology-btn:hover {
  background: #ff304c;
}
.overview-page .bottom {
  color: #fff;
  position: relative;
  padding-bottom: 108px;
}
.overview-page .bottom .container {
  position: relative;
  z-index: 1;
}
.overview-page .bottom-contacts-btn {
  background: #ff304c;
  color: #fff;
}
.overview-page .bottom-contacts-btn:hover {
  background: #ff304c;
}
.overview-page .bottom-wave-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.overview-page .bottom-wave-bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 1515px) {
  .overview-page .first {
    padding-bottom: 100px;
  }
  .overview-page .first .container {
    padding-bottom: 0;
  }
  .overview-page .first-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 32px;
    width: 800px;
  }
  .overview-page .first-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
    width: 700px;
  }
  .overview-page .first-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    width: 700px;
  }
  .overview-page .methods {
    padding-bottom: 128px;
  }
  .overview-page .methods-left {
    width: 648px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .overview-page .methods-block {
    width: 648px;
  }
  .overview-page .methods-right {
    padding-top: 28px;
  }
  .overview-page .methods-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 32px;
  }
  .overview-page .methods-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .overview-page .methods-group {
    margin-bottom: 64px;
  }
  .overview-page .methods-group-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .overview-page .methods-group-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .overview-page .methods-group-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .overview-page .cases-head {
    margin-bottom: 32px;
  }
  .overview-page .cases-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .overview-page .cases-all-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    position: relative;
    bottom: 2px;
  }
  .overview-page .platform {
    padding-top: 176px;
    padding-bottom: 50px;
  }
  .overview-page .platform-head {
    width: 630px;
    margin-bottom: 128px;
  }
  .overview-page .platform-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 32px;
  }
  .overview-page .platform-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 32px;
  }
  .overview-page .platform-iceberg {
    width: auto;
    top: -370px;
  }
  .overview-page .platform-advantages {
    margin-bottom: 0;
  }
  .overview-page .platform-advantages-description {
    width: 600px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 64px;
  }
  .overview-page .platform-advantages-item {
    width: 25%;
    margin-left: 96px;
  }
  .overview-page .platform-advantages-icon {
    height: 88px;
    margin-bottom: 12px;
  }
  .overview-page .platform-advantages-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .overview-page .platform-advantages-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .overview-page .platform-advantages-text ul li:before {
    left: -10px;
    top: 14px;
  }
  .overview-page .overview-bg {
    top: 64px;
  }
  .overview-page .tools {
    margin-bottom: 210px;
  }
  .overview-page .tools-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
  }
  .overview-page .tools-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 32px;
  }
  .overview-page .tools-wrap {
    width: 937px;
  }
  .overview-page .tools-item {
    padding: 24px;
    width: 296px;
    height: 234px;
    margin-bottom: 24px;
    margin-right: 24px;
    padding-top: 16px;
  }
  .overview-page .tools-item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  .overview-page .tools-icon {
    height: 80px;
    margin-bottom: 8px;
  }
  .overview-page .tools-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    bottom: 24px;
    left: 24px;
  }
  .overview-page .technology {
    padding-bottom: 120px;
  }
  .overview-page .technology-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
  }
  .overview-page .technology-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 32px;
  }
  .overview-page .technology-left {
    width: 680px;
  }
  .overview-page .technology-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .overview-page .technology-sphere-img {
    width: 900px;
    top: calc(50% - 450px);
  }
  .overview-page .bottom {
    padding-bottom: 150px;
  }
}
@media screen and (max-height: 640px) {
  .overview-page .first {
    height: 105vh;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .overview-page .first {
    height: 120vh;
  }
  .overview-page .first-wrap {
    margin-top: 90px;
  }
  .overview-page .first-title {
    width: 100%;
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
  }
  .overview-page .first-text {
    margin-bottom: 115px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .overview-page {
    padding-bottom: 0;
  }
  .overview-page .first {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(#003762)
    );
    background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
    background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
    height: calc(var(--vh, 1vh) * 94);
    max-height: 480px;
  }
  .overview-page .first .container {
    padding-bottom: 0;
  }
  .overview-page .first-title {
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
    width: 520px;
    word-break: break-word;
  }
  .overview-page .first-description {
    display: none;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }
  .overview-page .first-text {
    display: none;
  }
  .overview-page .methods {
    padding-top: 12px;
    padding-bottom: 64px;
  }
  .overview-page .methods-block {
    position: relative;
    top: initial;
    bottom: initial;
  }
  .overview-page .methods-left {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .overview-page .methods-right {
    width: calc(100% + 128px);
  }
  .overview-page .methods-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .overview-page .methods-title {
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .overview-page .methods-description {
    max-width: 519px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
  }
  .overview-page .methods-group {
    background: #fff;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 254px;
    border-radius: 4px;
    margin: 0;
    margin-right: 16px;
    padding: 16px;
    padding-bottom: 56px;
  }
  .overview-page .methods-group-col:first-child {
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .overview-page .methods-group-col:first-child img {
    bottom: initial;
    right: initial;
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .methods-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-left: 80px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .overview-page .methods-group-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: absolute;
    bottom: 16px;
    left: 16px;
  }
  .overview-page .methods-group-btn:after {
    bottom: 1px;
  }
  .overview-page .cases:not(.post) {
    padding-bottom: 36px;
  }
  .overview-page .cases:not(.post) .cases-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-right: 8px;
  }
  .overview-page .cases:not(.post) .cases-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .overview-page .cases:not(.post) .swiper-button-prev,
  .overview-page .cases:not(.post) .swiper-button-next {
    display: none;
  }
  .overview-page .cases:not(.post) .slider {
    padding-bottom: 0;
  }
  .overview-page .cases:not(.post) .slider-item {
    width: 254px !important;
    margin-right: 16px;
  }
  .overview-page .cases:not(.post) .cases-all-btn {
    bottom: 0;
    position: relative;
  }
  .overview-page .platform {
    background: 0 0;
    padding-top: 88px;
    padding-bottom: 0;
  }
  .overview-page .platform-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 12px;
    margin-right: 40%;
  }
  .overview-page .platform-iceberg {
    right: 0;
    width: 490px;
    top: -178px;
    left: 332px;
  }
  .overview-page .platform-head {
    width: 100%;
    margin-bottom: 72px;
  }
  .overview-page .platform-head:after {
    display: none;
    content: '';
    background: url('../img/mob-overview-iceberg.png') no-repeat;
    width: 157px;
    height: 412px;
    background-size: cover;
    position: absolute;
    right: -16px;
    top: -95px;
    z-index: -1;
  }
  .overview-page .platform-description {
    width: 347px;
    margin-right: 40%;
  }
  .overview-page .platform-advantages {
    position: relative;
  }
  .overview-page .platform-advantages:after {
    content: '';
    background: transparent;
    width: calc(100% + 32px);
    height: 12px;
    position: absolute;
    left: -16px;
    bottom: 0;
  }
  .overview-page .platform-advantages-description {
    width: 520px;
    margin-bottom: 24px;
  }
  .overview-page .platform-advantages-inner {
    width: calc(100% + 32px);
    margin-left: -16px;
    overflow-x: hidden;
    position: relative;
  }
  .overview-page .platform-advantages-list {
    padding-left: 0;
    width: 100%;
  }
  .overview-page .platform-advantages-item {
    background: #041b2b;
    border-radius: 4px;
    width: 30.333%;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-left: 0;
    padding: 16px;
  }
  .overview-page .platform-advantages-item:nth-child(3) {
    margin-right: 0;
  }
  .overview-page .platform-advantages-item:nth-child(6) {
    margin-right: 0;
  }
  .overview-page .platform-advantages-icon {
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .platform-advantages-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .overview-page .platform-advantages-text {
    display: none;
  }
  .overview-page .gradient-bg {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(#003762)
    );
    background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
    background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  }
  .overview-page .overview-bg {
    background: none;
    top: 0;
    padding-top: 81px;
  }
  .overview-page .overview-bg:before {
    content: none;
  }
  .overview-page .tools {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 72px;
  }
  .overview-page .tools-wrap {
    width: 100%;
  }
  .overview-page .tools-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 12px;
  }
  .overview-page .tools-title b {
    display: block;
  }
  .overview-page .tools-description {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 80px;
  }
  .overview-page .tools-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .overview-page .tools-item {
    width: 32%;
    margin-right: 0 !important;
    margin-bottom: 16px;
    padding: 12px;
    height: 208px;
    padding-bottom: 40px;
    background: #041b2b;
  }
  .overview-page .tools-item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
  .overview-page .tools-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    left: 16px;
    bottom: 16px;
  }
  .overview-page .tools-icon {
    height: 62px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .technology {
    padding-bottom: 0;
  }
  .overview-page .technology-left {
    width: 66%;
    position: relative;
    z-index: 1;
  }
  .overview-page .technology-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 18px;
  }
  .overview-page .technology-title b {
    display: block;
  }
  .overview-page .technology-text {
    width: 315px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    max-width: calc(100% - 80px);
  }
  .overview-page .technology-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .overview-page .technology-sphere-img {
    top: calc(50% - 260px);
    right: auto;
    left: 350px;
    width: 500px;
  }
  .overview-page .bottom {
    padding-bottom: 190px;
  }
  .overview-page .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .overview-page .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .overview-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .overview-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .overview-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .overview-page .platform-advantages {
    position: relative;
  }
  .overview-page .platform-advantages:after {
    content: '';
    background: transparent;
    width: calc(100% + 32px);
    height: 12px;
    position: absolute;
    left: -16px;
    bottom: 0;
  }
  .overview-page .platform-advantages-description {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    width: 100%;
    max-width: 304px;
    margin-bottom: 24px;
  }
  .overview-page .platform-advantages-inner {
    width: calc(100% + 80px);
    margin-left: -40px;
    overflow-x: auto;
    position: relative;
    padding-left: 40px;
  }
  .overview-page .platform-advantages-list {
    width: 826px;
    margin-bottom: 12px;
  }
  .overview-page .platform-advantages-item {
    background: #041b2b;
    border-radius: 4px;
    width: 254px;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-left: 0;
    padding: 16px;
  }
  .overview-page .platform-advantages-icon {
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .platform-advantages-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .overview-page .platform-advantages-text {
    display: none;
  }
  .overview-page .methods-right {
    width: calc(100% + 80px);
  }
  .overview-page .tools-description {
    margin-bottom: 32px;
  }
  .overview-page .tools-item {
    max-width: 32%;
  }
  .overview-page .technology-text {
    max-width: 100%;
  }
  .overview-page .technology-sphere-img {
    left: 277px;
  }
}
@media screen and (max-width: 599px) {
  .overview-page {
    padding-bottom: 0;
  }
  .overview-page .first {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(#003762)
    );
    background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
    background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
    height: calc(var(--vh, 1vh) * 94);
    max-height: 480px;
  }
  .overview-page .first .container {
    padding-bottom: 0;
  }
  .overview-page .first:after {
    content: '';
    background: url('../img/solutions-mob-first.png') no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .overview-page .first-img {
    display: none;
  }
  .overview-page .first-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    width: 100%;
    word-break: break-word;
  }
  .overview-page .first-description {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .overview-page .first-text {
    display: none;
  }
  .overview-page .methods {
    padding-top: 12px;
    padding-bottom: 64px;
  }
  .overview-page .methods-block {
    position: relative;
    top: initial;
    bottom: initial;
  }
  .overview-page .methods-left {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .overview-page .methods-right {
    padding-top: 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .overview-page .methods-right .mob-scroll-offset {
    padding: 0.1px;
  }
  .overview-page .methods-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .overview-page .methods-title {
    margin-bottom: 12px;
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .overview-page .methods-group {
    background: #fff;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 254px;
    border-radius: 4px;
    margin: 0;
    margin-right: 16px;
    padding: 16px;
    padding-bottom: 56px;
  }
  .overview-page .methods-group-col:first-child {
    position: absolute;
    top: 16px;
    left: 16px;
  }
  .overview-page .methods-group-col:first-child img {
    bottom: initial;
    right: initial;
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .methods-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-left: 80px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .overview-page .methods-group-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
  }
  .overview-page .methods-group-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    bottom: 16px;
    left: 16px;
  }
  .overview-page .methods-group-btn:after {
    bottom: 1px;
  }
  .overview-page .cases:not(.post) {
    padding-bottom: 36px;
  }
  .overview-page .cases:not(.post) .cases-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    width: 150px;
    margin-right: 8px;
  }
  .overview-page .cases:not(.post) .cases-head {
    margin-bottom: 20px;
  }
  .overview-page .cases:not(.post) .swiper-button-prev,
  .overview-page .cases:not(.post) .swiper-button-next {
    display: none;
  }
  .overview-page .cases:not(.post) .overview-slider {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .overview-page .cases:not(.post) .slider {
    padding-left: 16px;
    padding-bottom: 0;
  }
  .overview-page .cases:not(.post) .slider-item {
    height: auto;
    width: 254px;
    margin-right: 16px;
  }
  .overview-page .cases:not(.post) .slider-item:last-child {
    margin-left: 0;
  }
  .overview-page .cases:not(.post) .mob-scroll .mob-scroll-offset {
    padding: 1px;
  }
  .overview-page .platform {
    padding-top: 28px;
    background: transparent;
  }
  .overview-page .platform-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    width: 216px;
    margin-bottom: 12px;
  }
  .overview-page .platform-iceberg {
    display: none;
  }
  .overview-page .platform-head {
    width: 100%;
    margin-bottom: 64px;
  }
  .overview-page .platform-head:after {
    content: '';
    background: url('../img/mob-overview-iceberg.png') no-repeat;
    width: 157px;
    height: 412px;
    background-size: cover;
    position: absolute;
    right: -16px;
    top: -95px;
    z-index: -1;
  }
  .overview-page .platform-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .overview-page .platform-btn {
    color: #ff304c;
    padding: 0;
    background: 0;
    position: relative;
    border: 0;
    border-radius: 0;
    padding-bottom: 2px;
  }
  .overview-page .platform-btn:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #ff304c;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .overview-page .platform-btn:before {
    content: '';
  }
  .overview-page .platform-btn:hover {
    background: 0;
  }
  .overview-page .platform-btn:hover:after {
    width: 100%;
  }
  .overview-page .platform-advantages {
    position: relative;
  }
  .overview-page .platform-advantages:after {
    content: '';
    background: transparent;
    width: calc(100% + 32px);
    height: 12px;
    position: absolute;
    left: -16px;
    bottom: 0;
  }
  .overview-page .platform-advantages-description {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    width: 100%;
    max-width: 304px;
    margin-bottom: 24px;
  }
  .overview-page .platform-advantages-inner {
    width: calc(100% + 32px);
    margin-left: -16px;
    overflow-x: auto;
    position: relative;
  }
  .overview-page .platform-advantages-list {
    padding-left: 16px;
    width: 826px;
    margin-bottom: 12px;
  }
  .overview-page .platform-advantages-item {
    background: #041b2b;
    border-radius: 4px;
    width: 254px;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-left: 0;
    padding: 16px;
  }
  .overview-page .platform-advantages-icon {
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .platform-advantages-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .overview-page .platform-advantages-text {
    display: none;
  }
  .overview-page .gradient-bg {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#041b2b),
      to(#003762)
    );
    background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
    background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  }
  .overview-page .overview-bg {
    top: 0;
    padding-top: 48px;
    background: transparent;
  }
  .overview-page .overview-bg:before {
    content: none;
  }
  .overview-page .tools {
    margin-bottom: 64px;
  }
  .overview-page .tools-wrap {
    width: 100%;
  }
  .overview-page .tools-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .overview-page .tools-title b {
    display: block;
  }
  .overview-page .tools-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .overview-page .tools-item {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 12px;
    height: auto;
    padding-bottom: 40px;
    background: #041b2b;
  }
  .overview-page .tools-item:nth-child(3n) {
    margin-right: 16px;
  }
  .overview-page .tools-item:nth-child(2n) {
    margin-right: 0;
  }
  .overview-page .tools-item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
  .overview-page .tools-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    left: 12px;
    bottom: 12px;
  }
  .overview-page .tools-icon {
    height: 62px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .overview-page .technology {
    padding-bottom: 60px;
  }
  .overview-page .technology-left {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .overview-page .technology-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .overview-page .technology-title b {
    display: block;
  }
  .overview-page .technology-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    max-width: calc(100% - 80px);
  }
  .overview-page .technology-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .overview-page .technology-sphere-img {
    top: calc(50% - 265px);
    right: -215px;
    width: 470px;
  }
  .overview-page .bottom {
    padding-bottom: 168px;
  }
}
.partners-item-page .main-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.partners-item-page .main-images img {
  width: 304px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
  margin-right: 16px;
}
.partners-item-page .main-images img:last-child {
  margin-right: 0;
}
.partners-item-page .main-images h2 {
  margin: 24px 0;
}
@media screen and (min-width: 1515px) {
  .partners-item-page .head-description {
    max-width: 1006px;
  }
  .partners-item-page .main h2 {
    margin: 32px 0;
  }
}
.partners-page .main img {
  margin: 0;
  width: initial;
}
.partners-page .main .partners-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.partners-page .main .partners-item {
  margin-bottom: 0 !important;
  margin-top: 16px;
  margin-right: 16px;
}
.partners-page .main .partners-item:nth-child(4n) {
  margin-right: 0;
}
.partners-page .main .partners-item:hover img {
  border-color: #12abdb;
}
.partners-page .main .partners-item img {
  width: 144px;
  height: 72px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid #dbf2ff;
  border-radius: 4px;
}
@media screen and (min-width: 1515px) {
  .partners-page .main .partners-item {
    margin-right: 24px;
    margin-bottom: 0 !important;
    margin-top: 24px;
  }
  .partners-page .main .partners-item img {
    width: 216px;
    height: 108px;
    margin: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .partners-page .main .partners-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .partners-page .main .partners-item {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 8px !important;
    width: calc(50% - 4px);
  }
  .partners-page .main .partners-item img {
    width: 100%;
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media screen and (max-width: 599px) {
  .partners-page .main .partners-item {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 8px !important;
    width: calc(50% - 4px);
  }
  .partners-page .main .partners-item:nth-child(2n) {
    margin-left: 8px;
  }
  .partners-page .main .partners-item img {
    width: 100%;
    height: 23vw;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.platform-page .first {
  position: relative;
  padding-top: 32px;
  color: #fff;
  height: 376px;
}
.platform-page .first .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.platform-page .first-bg {
  position: absolute;
  top: 0;
  width: 516px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  right: -30px;
}
.platform-page .first-wrap {
  width: 500px;
  margin-left: 160px;
  position: relative;
  z-index: 1;
}
.platform-page .first-title {
  margin-right: 8;
  color: #ff304c;
}
.platform-page .main {
  padding: 32px 160px;
  padding-bottom: 64px;
}
.platform-page .main-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.platform-page .main-text p {
  margin-bottom: 8px;
}
.platform-page .main-text p:last-child {
  margin-bottom: 0;
}
.platform-page .main-title {
  margin-top: 24px;
  margin-bottom: 16px;
}
.platform-page .main-img {
  margin-bottom: 8px;
  margin-left: -80px;
  width: 785px;
  height: 529px;
  background: url('../img/platform-img1024.jpg');
  background-size: cover;
}
.platform-page .main-composition {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 32px;
}
.platform-page .main-composition-item {
  background: #eef9ff;
  position: relative;
  margin-bottom: 16px;
  padding: 16px;
  padding-top: 8px;
  height: 182px;
  width: 192px;
}
.platform-page .main-composition-item:hover {
  color: #000;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.platform-page .main-composition-item:hover .main-composition-btn:after {
  width: 100%;
}
.platform-page .main-composition-icon {
  width: 78px;
  height: 56px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 !important;
}
.platform-page .main-composition-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 20px;
}
.platform-page .main-composition-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #12abdb;
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: 0;
  padding: 0;
}
.platform-page .main-composition-btn:after {
  background: #12abdb;
}
.platform-page .bottom {
  color: #fff;
}
@media screen and (min-width: 1515px) {
  .platform-page .first {
    height: 588px;
    padding-top: 72px;
  }
  .platform-page .first-wrap {
    width: 600px;
    margin-left: 240px;
  }
  .platform-page .first-bg {
    right: -40px;
    width: 900px;
  }
  .platform-page .first-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 16px;
  }
  .platform-page .first-text {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .platform-page .main {
    padding: 64px 240px;
    padding-bottom: 80px;
  }
  .platform-page .main-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .platform-page .main-text p {
    margin-bottom: 16px;
  }
  .platform-page .main-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 64px;
  }
  .platform-page .main-img {
    margin-top: 32px;
    width: 1177px;
    height: 667px;
    background: url('../img/platform-img1500.jpg');
    margin-left: -121px;
  }
  .platform-page .main-composition-item {
    padding: 24px;
    padding-top: 16px;
    margin-bottom: 24px;
    width: 296px;
    height: 233px;
  }
  .platform-page .main-composition-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  .platform-page .main-composition-icon {
    width: 112px;
    height: 80px;
    margin: 0;
    margin-bottom: 8px;
  }
  .platform-page .main-composition-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    bottom: 24px;
    left: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .platform-page .first {
    padding-top: 0;
    height: auto;
    background-position: right top;
  }
  .platform-page .first .container {
    padding: 64px;
    background-color: rgba(4, 27, 43, 0.6);
  }
  .platform-page .first-bg {
    width: 430px;
    opacity: 0.5;
    top: 70px;
    right: -75px;
  }
  .platform-page .first-wrap {
    width: 100%;
    height: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 12px;
    padding-top: 72px;
  }
  .platform-page .first-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin: 0;
    width: 66%;
  }
  .platform-page .first-text {
    width: 60%;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .platform-page .container {
    padding: 0;
  }
  .platform-page .main {
    padding: 24px 64px;
  }
  .platform-page .main-composition {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .platform-page .main-composition-item {
    width: calc(50% - 8px);
    height: auto;
    padding: 12px;
    margin-bottom: 0 !important;
    margin-right: 16px !important;
    margin-top: 12px !important;
    padding-bottom: 40px;
    display: block !important;
    border-radius: 4px;
  }
  .platform-page .main-composition-item:nth-child(2n) {
    margin-right: 0 !important;
  }
  .platform-page .main-composition-icon {
    width: auto;
    height: 62px;
    margin-bottom: 8px;
  }
  .platform-page .main-composition-title {
    color: #000;
  }
  .platform-page .main-composition-btn {
    left: 12px;
    bottom: 12px;
  }
  .platform-page .bottom {
    padding-top: 68px;
    padding-bottom: 130px;
  }
  .platform-page .bottom .container {
    padding: 0 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .platform-page .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .platform-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .platform-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .platform-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .platform-page .bottom-right {
    padding-top: 26px;
    left: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .platform-page .first .container {
    padding: 40px;
  }
  .platform-page .main {
    padding: 24px 40px;
  }
  .platform-page .bottom .container {
    padding: 0 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .platform-page .bottom-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .platform-page .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .platform-page .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .platform-page .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .platform-page .bottom-right {
    padding-top: 26px;
    left: 0;
  }
}
@media screen and (max-width: 599px) {
  .platform-page .first {
    padding-top: 0;
    min-height: 382px;
    height: auto;
    background: url('../img/platform-first-mob.png') no-repeat;
    background-position: right top;
  }
  .platform-page .first .container {
    background-color: rgba(4, 27, 43, 0.6);
  }
  .platform-page .first-bg {
    display: none;
  }
  .platform-page .first-wrap {
    width: 100%;
    height: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 12px;
    padding-top: 72px;
  }
  .platform-page .first-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin: 0;
  }
  .platform-page .first-text {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .platform-page .main {
    padding: 24px 16px;
  }
  .platform-page .main-composition {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .platform-page .main-composition-item {
    width: calc(50% - 8px);
    height: auto;
    padding: 12px;
    margin-bottom: 0 !important;
    margin-right: 16px !important;
    margin-top: 12px !important;
    padding-bottom: 40px;
    display: block !important;
    border-radius: 4px;
  }
  .platform-page .main-composition-item:nth-child(2n) {
    margin-right: 0 !important;
  }
  .platform-page .main-composition-icon {
    width: auto;
    height: 62px;
    margin-bottom: 8px;
  }
  .platform-page .main-composition-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
  }
  .platform-page .main-composition-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    left: 12px;
    bottom: 12px;
  }
}
.privacy-policy-page .main-section {
  margin-bottom: 32px;
}
.privacy-policy-page .main-section:last-child {
  margin-bottom: 0;
}
.privacy-policy-page .main-section-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 16px;
}
.privacy-policy-page .main-end {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.privacy-policy-page .main-divider {
  margin: 32px 0;
  width: 100%;
  height: 1px;
  background: #dbf2ff;
}
.privacy-policy-page .main-copyright {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (min-width: 1515px) {
  .privacy-policy-page .main-section {
    margin-bottom: 64px;
  }
  .privacy-policy-page .main-section-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 32px;
  }
  .privacy-policy-page .main-end {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 64px;
  }
  .privacy-policy-page .main-divider {
    margin: 64px 0px;
  }
  .privacy-policy-page .main-copyright {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  .privacy-policy-page .main-section {
    margin-bottom: 24px;
  }
  .privacy-policy-page .main-section-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .privacy-policy-page .main-end {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .privacy-policy-page .main-divider {
    margin: 16px 0;
  }
}
.processor-page .bottom-group-btn,
.processor-page .integration-group-btn,
.processor-page .line-item.desktop .line-item-btn,
.processor-page .first-buttons-sale,
.processor-page .top-buttons-sale {
  background: #2ca155;
  border-color: #2ca155;
  color: #fff;
}
.processor-page .bottom-group-btn:hover,
.processor-page .integration-group-btn:hover,
.processor-page .line-item.desktop .line-item-btn:hover,
.processor-page .first-buttons-sale:hover,
.processor-page .top-buttons-sale:hover {
  color: #fff;
  border-color: #0b5d28;
}
.processor-page .bottom-group-btn:before,
.processor-page .integration-group-btn:before,
.processor-page .line-item.desktop .line-item-btn:before,
.processor-page .first-buttons-sale:before,
.processor-page .top-buttons-sale:before {
  background: -o-radial-gradient(circle closest-side, #0b5d28, transparent);
  background: radial-gradient(circle closest-side, #0b5d28, transparent);
}
.processor-page .bottom-group-btn.transparent,
.processor-page .integration-group-btn.transparent,
.processor-page .line-item.enterprise .line-item-btn,
.processor-page .description-buttons-more {
  color: #fff;
  border: 1px solid #2ca155;
  background: transparent;
}
.processor-page .bottom-group-btn.transparent:hover,
.processor-page .integration-group-btn.transparent:hover,
.processor-page .line-item.enterprise .line-item-btn:hover,
.processor-page .description-buttons-more:hover {
  background: #2ca155;
  color: #fff;
  border-color: #0b5d28;
}
.processor-page .bottom-group-btn.transparent:before,
.processor-page .integration-group-btn.transparent:before,
.processor-page .line-item.enterprise .line-item-btn:before,
.processor-page .description-buttons-more:before {
  background: -o-radial-gradient(circle closest-side, #0b5d28, transparent);
  background: radial-gradient(circle closest-side, #0b5d28, transparent);
}
.processor-page {
  padding-bottom: 0;
}
.processor-page ::-moz-selection {
  background-color: #2ca155;
}
.processor-page ::selection {
  background-color: #2ca155;
}
.processor-page .top {
  background: rgba(2, 17, 29, 0.9);
  position: fixed;
  top: 64px;
  height: 72px;
  width: 100%;
  z-index: 9;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
}
.processor-page .top.hidden {
  -webkit-transform: translateY(-64px);
  -ms-transform: translateY(-64px);
  transform: translateY(-64px);
}
.processor-page .top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.processor-page .top .mob-options {
  display: none;
}
.processor-page .top-logo {
  margin-right: 24px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}
.processor-page .top-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.processor-page .top-icons-title {
  display: none;
  color: #fff;
}
.processor-page .top-icons-item {
  padding: 0;
  background: transparent;
  margin-right: 24px;
}
.processor-page .top-icons-item:last-child {
  margin-right: 0;
}
.processor-page .top-icons-item svg {
  width: 24px;
}
.processor-page .top-icons-item svg path {
  fill: #fff;
}
.processor-page .top-icons-item:hover svg path {
  fill: #2ca155;
}
.processor-page .top-icons-item:hover .top-icons-title {
  color: #2ca155;
}
.processor-page .top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.processor-page .top-buttons button {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
}
.processor-page .top-buttons button b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .top-buttons-trial,
.processor-page .top-buttons-demo {
  background: none;
  padding: 0;
}
.processor-page .top-buttons-trial:hover,
.processor-page .top-buttons-demo:hover {
  color: #2ca155;
}
.processor-page .top-buttons-trial b,
.processor-page .top-buttons-demo b {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .top-buttons-sale {
  margin-left: 24px;
}
.processor-page .first {
  height: 100vh;
  position: relative;
  color: #fff;
}
.processor-page .first-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 120%;
}
.processor-page .first-bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.processor-page .first-bg-mob {
  display: none;
}
.processor-page .first-bg-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #051b2c),
    to(rgba(5, 28, 45, 0))
  );
  background: -o-linear-gradient(top, #051b2c 0, rgba(5, 28, 45, 0) 100%);
  background: linear-gradient(180deg, #051b2c 0, rgba(5, 28, 45, 0) 100%);
  position: absolute;
  bottom: 0;
  height: 275px;
  width: 100%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.processor-page .first .container {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 2;
}
.processor-page .first-block {
  width: 520px;
}
.processor-page .first-title {
  margin-bottom: 24px;
  color: #2ca155;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .first-description {
  margin-bottom: 24px;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .first-links {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .first-links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: transparent;
  padding: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
  margin-left: 28px;
}
.processor-page .first-links-item:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #2ca155;
  border-radius: 50%;
  position: absolute;
  left: -16px;
}
.processor-page .first-links-item:first-child {
  margin-left: 0;
}
.processor-page .first-links-item:first-child:before {
  content: none;
}
.processor-page .first-links-item span {
  position: relative;
}
.processor-page .first-links-item span:after {
  content: '';
  background: url('../img/underline-processor.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.processor-page .first-links-item svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.processor-page .first-links-item svg path {
  fill: #fff;
}
.processor-page .first-links-item svg rect {
  stroke: #fff;
}
.processor-page .first-links-item:hover {
  color: #2ca155;
}
.processor-page .first-links-item:hover svg path {
  fill: #2ca155;
}
.processor-page .first-links-item:hover svg rect {
  stroke: #2ca155;
}
.processor-page .first-links-item:hover span:after {
  opacity: 0;
}
.processor-page .first-links a span:after {
  content: none;
}
.processor-page .first-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .first-buttons-trial,
.processor-page .first-buttons-demo {
  color: #fff;
  background: none;
  position: relative;
  padding: 0;
}
.processor-page .first-buttons-trial:after,
.processor-page .first-buttons-demo:after {
  content: '';
  background: url('../img/underline-processor.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.processor-page .first-buttons-trial:hover,
.processor-page .first-buttons-demo:hover {
  color: #2ca155;
}
.processor-page .first-buttons-trial:hover:after,
.processor-page .first-buttons-demo:hover:after {
  opacity: 0;
}
.processor-page .first-buttons-dot {
  width: 4px;
  height: 4px;
  background: #2ca155;
  margin: 0 8px;
  border-radius: 50%;
}
.processor-page .first-buttons-sale {
  margin-right: 24px;
}
.processor-page .first .scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 50px;
}
.processor-page .first .scroll-down-text {
  color: #66869c;
  margin-left: 8px;
}
.processor-page .first .scroll-down-icon {
  width: 16px;
  height: 28px;
  border: 1px solid #2ca155;
  position: relative;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.processor-page .first .scroll-down-circle {
  width: 4px;
  height: 4px;
  background: #2ca155;
  border-radius: 50%;
  position: relative;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-animation-name: scrollDown;
  animation-name: scrollDown;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.processor-page .description {
  padding-top: 50px;
  color: #fff;
  position: relative;
}
.processor-page .description .container {
  position: relative;
  z-index: 2;
}
.processor-page .description-title {
  margin-bottom: 24px;
}
.processor-page .description-title b {
  color: #2ca155;
}
.processor-page .description-bg {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  position: absolute;
  top: 400px;
  height: 1300px;
  width: 100%;
  z-index: 1;
}
.processor-page .description-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.processor-page .description-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 448px;
  margin-right: 32px;
}
.processor-page .description-text {
  margin-bottom: 38px;
}
.processor-page .description-text p {
  margin-bottom: 16px;
}
.processor-page .description-text p:last-child {
  margin-bottom: 0;
}
.processor-page .description-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.processor-page .description-buttons-more {
  margin-right: 24px;
}
.processor-page .description-buttons-supported {
  color: #fff;
  background: none;
  position: relative;
  padding: 0;
}
.processor-page .description-buttons-supported:after {
  content: '';
  background: url('../img/underline-white.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.processor-page .description-buttons-supported:hover {
  color: #2ca155;
}
.processor-page .description-buttons-supported:hover:after {
  opacity: 0;
}
.processor-page .specifications {
  padding-top: 96px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  color: #fff;
  position: relative;
}
.processor-page .specifications .container {
  position: relative;
  z-index: 3;
}
.processor-page .specifications-title {
  margin-bottom: 24px;
}
.processor-page .specifications-title b {
  color: #2ca155;
}
.processor-page .specifications-bg-wave {
  width: 101%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  height: auto;
}
.processor-page .specifications-bg-wave img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.processor-page .specifications-bg-light {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: calc(100% - 25.3vw);
  background: #fff;
  z-index: 1;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .specifications-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
.processor-page .specifications-pagination {
  display: none;
}
.processor-page .specifications-item {
  width: 304px;
  height: 132px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
  margin-right: 16px;
  margin-bottom: 16px;
  background: #092a42;
  border-radius: 4px;
}
.processor-page .specifications-item:nth-child(3n) {
  margin-right: 0;
}
.processor-page .specifications-icon {
  width: 64px;
  height: 64px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 16px;
}
.processor-page .specifications-text p {
  margin-bottom: 0;
}
.processor-page .capabilities {
  background: #fff;
  padding-top: 64px;
  padding-bottom: 132px;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.processor-page .capabilities .container {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
}
.processor-page .capabilities-bg-wave {
  position: absolute;
  width: 100%;
  bottom: -0.5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .capabilities-bg-wave img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.processor-page .capabilities-title {
  color: #2ca155;
  margin-bottom: 24px;
}
.processor-page .capabilities-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.processor-page .capabilities-left {
  margin-right: 32px;
}
.processor-page .capabilities-right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .capabilities-right img {
  position: sticky;
  top: 160px;
  width: 464px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 0px 25px 75px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 25px 75px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  top: 120px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.processor-page .capabilities-dropdown-list {
  width: 550px;
}
.processor-page .capabilities-dropdown-arrow {
  background: url('../img/icons/filter-arrow.svg') no-repeat;
}
.processor-page .line {
  padding-top: 42px;
  padding-bottom: 88px;
  background: #eef9ff;
  position: relative;
  z-index: 1;
}
.processor-page .line .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.processor-page .line-title {
  color: #2ca155;
  margin-bottom: 22px;
}
.processor-page .line-description {
  margin-bottom: 16px;
}
.processor-page .line-group:first-child {
  width: 260px;
  margin-right: auto;
}
.processor-page .line-group:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.processor-page .line-item {
  width: 304px;
  height: 342px;
  margin-right: 16px;
  padding: 24px;
  background: url('../img/processor-product-line.svg') no-repeat;
  background-position-y: bottom;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.processor-page .line-item:last-child {
  margin-right: 0;
}
.processor-page .line-item.desktop .line-item-type {
  color: #2ca155;
}
.processor-page .line-item.enterprise .line-item-type {
  color: #12abdb;
}
.processor-page .line-item.enterprise .line-item-btn {
  color: #2ca155;
}
.processor-page .line-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.processor-page .line-item-logo {
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.processor-page .line-item-divider {
  height: 16px;
  width: 1px;
  background: #000;
  margin: 0 16px;
}
.processor-page .line-item-type {
  position: relative;
  top: -2px;
}
.processor-page .line-item-btn {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: auto;
  text-align: center;
  display: block;
}
.processor-page .integration {
  background: #eef9ff;
}
.processor-page .integration-title {
  margin-bottom: 24px;
}
.processor-page .integration-title b {
  color: #2ca155;
}
.processor-page .integration-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.processor-page .integration-group:last-child .integration-group-text {
  width: 390px;
}
.processor-page .integration-group:first-child {
  width: 482px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.processor-page .integration-group-title {
  margin-bottom: 12px;
}
.processor-page .integration-group-text {
  margin-bottom: 24px;
}
.processor-page .integration-group-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.processor-page .integration-group-btn {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.processor-page .integration-group-btn:first-child {
  margin-right: 12px;
}
.processor-page .integration-group-btn.transparent {
  color: #2ca155;
}
.processor-page .reviews {
  background: #eef9ff;
  padding-top: 88px;
  padding-bottom: 0;
}
.processor-page .reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.processor-page .reviews-title {
  margin-right: 16px;
}
.processor-page .reviews-btn-all {
  z-index: 2;
}
.processor-page .reviews .container {
  position: relative;
}
.processor-page .reviews .link-solid {
  color: #2ca155;
}
.processor-page .reviews .link-solid:after {
  background: #2ca155;
}
.processor-page .reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 5;
}
.processor-page .reviews-item {
  width: 304px;
  height: 158px;
  background: #fff;
  border-radius: 4px;
  padding: 16px;
  text-align: left;
  overflow: hidden;
}
.processor-page .reviews-item img {
  -webkit-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.processor-page .reviews-item:nth-child(4) {
  display: none;
}
.processor-page .reviews-item:first-child {
  margin-left: 0;
}
.processor-page .reviews-item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.processor-page .reviews-item:hover .reviews-item-btn:after {
  opacity: 0;
}
.processor-page .reviews-item:hover .reviews-item-btn span {
  color: #097834;
}
.processor-page .reviews-item:hover .reviews-item-btn svg path {
  fill: #097834;
}
.processor-page .reviews-item-img {
  width: 180px;
  height: 96px;
  display: block;
  margin: 0px auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 4px;
}
.processor-page .reviews-item-btn {
  width: auto;
  display: inline-block;
  background: 0;
  padding: 0;
  color: #2ca155;
  position: relative;
}
.processor-page .reviews-item-btn svg {
  position: relative;
  bottom: 2px;
}
.processor-page .reviews-item-btn svg path {
  fill: #2ca155;
}
.processor-page .reviews-item-btn.link-dashed:after {
  content: '';
  background: url('../img/underline-processor.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.processor-page .user-reviews {
  margin-top: -70px;
  margin-bottom: -90px;
  background-color: #eef9ff;
}
.processor-page .user-reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.processor-page .user-reviews-title {
  margin-right: 16px;
}
.processor-page .user-reviews .container {
  position: relative;
}
.processor-page .user-reviews .reviews-item {
  margin-left: 0;
}
.processor-page .bottom {
  padding-top: 138px;
  padding-bottom: 98px;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  position: relative;
}
.processor-page .bottom .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.processor-page .bottom-bg {
  position: absolute;
  top: -1px;
  z-index: 1;
  width: 100%;
}
.processor-page .bottom-bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.processor-page .bottom-group {
  margin-right: auto;
}
.processor-page .bottom-group:first-child .bottom-group-caption {
  width: 220px;
}
.processor-page .bottom-group:last-child {
  margin-right: 0;
  position: relative;
  right: -6px;
}
.processor-page .bottom-group-title {
  margin-bottom: 12px;
}
.processor-page .bottom-group-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.processor-page .bottom-group-btn {
  margin-right: 12px;
}
.processor-page .bottom-group-btn.transparent {
  color: #2ca155;
}
.processor-page .bottom-group-caption {
  width: 176px;
}
@media screen and (min-width: 1515px) {
  .processor-page .top {
    height: 72px;
    top: 80px;
  }
  .processor-page .top.hidden {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
  }
  .processor-page .top-logo {
    height: 48px;
    margin-right: 66px;
  }
  .processor-page .top-icons-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 32px;
  }
  .processor-page .top-icons-title {
    display: block;
    margin-left: 12px;
  }
  .processor-page .top-buttons button {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .top-buttons-dot {
    margin: 0 16px;
  }
  .processor-page .top-buttons-sale {
    margin-left: 32px;
  }
  .processor-page .first-bg img {
    width: 100%;
    -o-object-position: 0;
    object-position: 0;
  }
  .processor-page .first-title {
    font-size: 80px;
    font-weight: 900;
    line-height: 96px;
    margin-bottom: 32px;
  }
  .processor-page .first-block {
    width: 620px;
  }
  .processor-page .first-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 32px;
    width: 700px;
  }
  .processor-page .first-links {
    margin-bottom: 64px;
  }
  .processor-page .first-links-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 38px;
  }
  .processor-page .first-links-item:before {
    left: -20px;
  }
  .processor-page .first-buttons button {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .processor-page .first-buttons-sale {
    margin-right: 32px;
  }
  .processor-page .first-buttons-dot {
    margin: 0 16px;
  }
  .processor-page .first .scroll-down-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .description-bg {
    height: 1300px;
    top: 300px;
  }
  .processor-page .description-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
  }
  .processor-page .description-img {
    width: 680px;
    margin-right: 40px;
  }
  .processor-page .description-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    padding-top: 50px;
    width: 540px;
    margin-bottom: 42px;
  }
  .processor-page .description-buttons button {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .processor-page .description-buttons-more {
    margin-right: 32px;
  }
  .processor-page .specifications {
    padding-top: 160px;
  }
  .processor-page .specifications-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
  }
  .processor-page .specifications-icon {
    width: 72px;
    height: 72px;
    margin-right: 8px;
  }
  .processor-page .specifications-item {
    width: 456px;
    height: 144px;
    margin-right: 24px;
    margin-bottom: 24px;
    padding-right: 32px;
  }
  .processor-page .specifications-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .specifications-bg-light {
    height: calc(100% - 29.2vw);
  }
  .processor-page .specifications-bg-wave {
    bottom: -1px;
  }
  .processor-page .capabilities {
    padding-top: 100px;
    padding-bottom: 215px;
  }
  .processor-page .capabilities-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
  }
  .processor-page .capabilities-right img {
    width: 696px;
  }
  .processor-page .capabilities-bg-wave {
    bottom: -1px;
  }
  .processor-page .line {
    padding-bottom: 140px;
  }
  .processor-page .line-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .processor-page .line-description {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .processor-page .line-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .processor-page .line-group:first-child {
    width: 420px;
  }
  .processor-page .line-item {
    width: 456px;
    height: 380px;
    margin-right: 16px;
    padding: 32px;
    background-size: contain;
  }
  .processor-page .line-item-head {
    margin-bottom: 24px;
  }
  .processor-page .line-item-logo {
    height: 40px;
  }
  .processor-page .line-item-divider {
    height: 26px;
    margin: 0 24px;
  }
  .processor-page .line-item-type {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .processor-page .line-item-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .processor-page .line-item-btn {
    left: 32px;
    bottom: 32px;
  }
  .processor-page .integration-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
    margin-bottom: 40px;
    width: 765px;
  }
  .processor-page .integration-group {
    width: 655px;
  }
  .processor-page .integration-group:first-child {
    width: 655px;
    margin-right: 65px;
  }
  .processor-page .integration-group:last-child .integration-group-text {
    width: initial;
  }
  .processor-page .integration-group-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .processor-page .integration-group-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 32px;
  }
  .processor-page .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .processor-page .integration-group-btn:first-child {
    margin-right: 16px;
  }
  .processor-page .reviews {
    padding-top: 160px;
  }
  .processor-page .reviews-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .processor-page .reviews-btn-all {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .processor-page .reviews-head {
    margin-bottom: 40px;
  }
  .processor-page .reviews-item {
    width: 336px;
    height: 236px;
  }
  .processor-page .reviews-item:nth-child(4) {
    display: block;
  }
  .processor-page .reviews-item-img {
    width: 100%;
    height: auto;
    max-height: 170px;
    margin-bottom: 8px;
  }
  .processor-page .reviews-item-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .reviews-item-btn svg {
    margin-left: 4px;
  }
  .processor-page .user-reviews {
    margin-top: 0;
  }
  .processor-page .user-reviews-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 72px;
  }
  .processor-page .user-reviews-head {
    margin-bottom: 40px;
  }
  .processor-page .user-reviews .reviews-item {
    margin-left: 0;
  }
  .processor-page .bottom {
    padding-top: 180px;
    padding-bottom: 150px;
  }
  .processor-page .bottom-bg {
    bottom: 0;
  }
  .processor-page .bottom-bg img {
    height: 100%;
    -o-object-fit: initial;
    object-fit: initial;
  }
  .processor-page .bottom .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .processor-page .bottom-group {
    margin-right: 0;
  }
  .processor-page .bottom-group:first-child .bottom-group-caption {
    width: 395px;
  }
  .processor-page .bottom-group:last-child {
    width: 420px;
    right: 32px;
  }
  .processor-page .bottom-group-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .processor-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 210px;
  }
  .processor-page .bottom-group-btn {
    margin-right: 16px;
  }
  .processor-page.safari .bottom-bg {
    top: -48px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .processor-page .first {
    padding-top: 0;
  }
  .processor-page .first-bg {
    height: 105%;
  }
  .processor-page .first-block {
    padding-top: 85px;
  }
  .processor-page .first-title {
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
  }
  .processor-page .first-description {
    width: 500px;
  }
  .processor-page .first-links {
    margin-bottom: 32px;
  }
  .processor-page .first .scroll-down {
    display: none;
  }
  .processor-page .specifications-bg-wave {
    bottom: -0.5px;
  }
  .processor-page .specifications-item {
    width: 32%;
  }
  .processor-page .capabilities {
    padding-bottom: 75px;
  }
  .processor-page .capabilities-right img {
    width: 410px;
  }
  .processor-page .line-item {
    width: 280px;
  }
  .processor-page .integration-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .processor-page .integration-group {
    padding-right: 30px;
    width: 100%;
  }
  .processor-page .integration-group:first-child {
    width: 48%;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .processor-page .top {
    height: 64px;
  }
  .processor-page .top-logo {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .processor-page .top-icons {
    display: none;
  }
  .processor-page .top-buttons {
    margin-left: 24px;
  }
  .processor-page .top-buttons-sale {
    margin-left: 0;
  }
  .processor-page .top-buttons button:not(.open-contact-sales) {
    display: none;
  }
  .processor-page .top-buttons .open-contact-sales {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background: #2ca155;
    color: #fff;
    border-color: #2ca155;
    padding: 12px 20px;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .processor-page .top-buttons .open-contact-sales:active,
  .processor-page .top-buttons .open-contact-sales:focus {
    padding: 12px 20px;
  }
  .processor-page .top .mob-options {
    display: block;
    margin-left: auto;
  }
  .processor-page .top .mob-options.active .mob-options-btn span {
    color: #2ca155;
  }
  .processor-page .top .mob-options.active .mob-options-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .processor-page .top .mob-options-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .processor-page .top .mob-options-btn span {
    margin-right: 8px;
    color: #fff;
  }
  .processor-page .top .mob-options-btn img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .processor-page .top .mob-options-list {
    padding: 0 64px;
    display: none;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
    background: rgba(2, 17, 29, 0.9);
  }
  .processor-page .top .mob-options-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    border-top: none;
  }
  .processor-page .top .mob-options-group:first-child {
    margin-top: 24px;
  }
  .processor-page .top .mob-options-item {
    padding: 0;
    background: 0;
    margin-top: 0;
    margin-left: 42px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .processor-page .top .mob-options-item:first-child {
    margin-left: 0;
  }
  .processor-page .top .mob-options-item.icon-button svg {
    width: 24px;
    margin-right: 8px;
  }
  .processor-page .top .mob-options-item.icon-button svg path {
    fill: #fff;
  }
  .processor-page .top .mob-options-item.icon-button svg rect {
    fill: #fff;
  }
  .processor-page .top .mob-options-item.icon-button span {
    color: #fff;
  }
  .processor-page .top .mob-options .link-dashed:after {
    bottom: -2px;
    background: url('../img/underline-processor.svg') repeat;
  }
  .processor-page .first {
    padding-top: 192px;
    height: auto;
  }
  .processor-page .first-bg {
    height: 515px;
    top: 70px;
    opacity: 1;
  }
  .processor-page .first-bg-desktop {
    display: block;
  }
  .processor-page .first-bg-mob {
    display: none;
  }
  .processor-page .first .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 16px;
  }
  .processor-page .first-block {
    width: 100%;
    position: relative;
  }
  .processor-page .first-title {
    max-width: 380px;
    font-size: 54px;
    font-weight: 900;
    line-height: 60px;
    margin-bottom: 24px;
  }
  .processor-page .first-description {
    max-width: 272px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
  }
  .processor-page .first-links {
    padding-bottom: 32px;
    margin: 0;
  }
  .processor-page .first-links-item:not(.open-video-popup) {
    display: block;
  }
  .processor-page .first-links-dot {
    display: none;
  }
  .processor-page .first-links .open-video-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .processor-page .first-links .open-video-popup span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .first-links .open-video-popup span:after {
    content: none;
  }
  .processor-page .first-links .release-notes svg {
    margin-top: -5px;
  }
  .processor-page .first-links .release-notes::before {
    top: 45%;
  }
  .processor-page .first .scroll-down {
    display: none;
  }
  .processor-page .description {
    padding-top: 80px;
  }
  .processor-page .description-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .processor-page .description-title br {
    display: none;
  }
  .processor-page .description-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .description-img {
    width: 100%;
    margin: 0;
    margin-bottom: 24px;
  }
  .processor-page .description-bg {
    height: 1060px;
  }
  .processor-page .description-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .processor-page .description-text p {
    margin-bottom: 8px;
  }
  .processor-page .description-buttons-supported:after {
    bottom: -2px;
  }
  .processor-page .specifications {
    padding-top: 56px;
  }
  .processor-page .specifications-title {
    width: 420px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 32px;
  }
  .processor-page .specifications-list {
    width: calc(304px * 3 + 24px);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .processor-page .specifications-item {
    width: 304px;
    height: 132px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .processor-page .specifications-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  .processor-page .specifications-bg-wave {
    height: 411px;
  }
  .processor-page .specifications-bg-wave:after {
    content: '';
    position: relative;
    background: #fff;
    height: 100%;
    display: block;
  }
  .processor-page .specifications-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .processor-page
    .specifications-pagination
    input[type='radio']:checked
    ~ label
    .radiobutton-icon {
    border-color: #092a42;
  }
  .processor-page .specifications-pagination .radiobutton label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 6px;
  }
  .processor-page .specifications-pagination .radiobutton-icon {
    border-color: #a1b2bb;
    width: 16px;
    height: 16px;
  }
  .processor-page .specifications-pagination .radiobutton-icon:before {
    width: 8px;
    height: 8px;
    background: #092a42;
  }
  .processor-page .capabilities {
    height: auto;
    padding-top: 56px;
    padding-bottom: 88px;
  }
  .processor-page .capabilities .container {
    position: relative;
  }
  .processor-page .capabilities-title {
    font-size: 46px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .processor-page .capabilities-left {
    margin-right: 0;
  }
  .processor-page .capabilities-right {
    display: none;
  }
  .processor-page .capabilities-wrap {
    display: block;
  }
  .processor-page .line {
    padding-top: 12px;
    padding-bottom: 0;
  }
  .processor-page .line .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .line-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .processor-page .line-description {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .processor-page .line-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .processor-page .line-group:first-child {
    width: 100%;
  }
  .processor-page .line-group:last-child {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -96px;
    padding: 96px 16px;
  }
  .processor-page .line-group .mob-scroll-offset {
    padding: 1px;
  }
  .processor-page .line-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 255px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    padding-bottom: 98px;
    background-size: 200%;
    background-position-x: -150px;
    height: auto;
  }
  .processor-page .line-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  .processor-page .line-item-logo {
    height: 36px;
    margin-bottom: 12px;
  }
  .processor-page .line-item-divider {
    display: none;
  }
  .processor-page .line-item-type {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
  }
  .processor-page .line-item-btn {
    left: 16px;
    bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: auto;
    display: block;
  }
  .processor-page .line-item.desktop .line-item-btn {
    width: auto;
    display: block;
  }
  .processor-page .line-item.enterprise .line-item-btn {
    width: auto;
    display: block;
  }
  .processor-page .integration {
    margin-top: -47px;
    padding-top: 0;
  }
  .processor-page .integration .container {
    position: relative;
    z-index: 1;
  }
  .processor-page .integration-title {
    width: 390px;
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 24px;
  }
  .processor-page .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .integration-group {
    margin-bottom: 32px;
  }
  .processor-page .integration-group:first-child {
    width: 100%;
  }
  .processor-page .integration-group:first-child .integration-group-btn {
    border: 1px solid #2ca155;
    color: #2ca155;
    background: transparent;
  }
  .processor-page .integration-group:first-child .integration-group-btn:hover {
    color: #fff;
  }
  .processor-page .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .processor-page .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .processor-page .integration-group-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .processor-page .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .processor-page .integration-group-btn {
    display: block;
    text-align: center;
    margin: 0;
  }
  .processor-page .integration-group-btn:first-child {
    margin: 0;
    margin-right: 16px;
  }
  .processor-page .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
  }
  .processor-page .reviews {
    padding-top: 56px;
    padding-bottom: 54px;
  }
  .processor-page .reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .processor-page .reviews-head .link-solid {
    position: relative;
    bottom: 0;
  }
  .processor-page .reviews-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin: 0;
    margin-bottom: 16px;
  }
  .processor-page .reviews-item {
    width: 304px;
    height: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px;
  }
  .processor-page .reviews-item:first-child {
    margin-left: 0;
  }
  .processor-page .reviews-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .processor-page .reviews-item-img {
    height: auto;
  }
  .processor-page .reviews-item-btn {
    position: absolute;
    bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .processor-page .user-reviews {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    background-color: #eef9ff;
  }
  .processor-page .user-reviews-head {
    margin-bottom: 16px;
  }
  .processor-page .user-reviews-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin: 0;
  }
  .processor-page .user-reviews .container {
    position: relative;
  }
  .processor-page .user-reviews .reviews-item {
    margin-left: 16px;
  }
  .processor-page .user-reviews .reviews-item:first-child {
    margin-left: 0;
  }
  .processor-page .bottom {
    padding-top: 50px;
    padding-bottom: 158px;
  }
  .processor-page .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .bottom-group {
    margin-top: 40px;
    width: 100%;
  }
  .processor-page .bottom-group:first-child .bottom-group-caption {
    width: 500px;
  }
  .processor-page .bottom-group:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    right: initial;
    margin-top: 22px;
    width: auto;
  }
  .processor-page .bottom-group:last-child .bottom-group-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .processor-page
    .bottom-group:last-child
    .bottom-group-row
    .bottom-group-title {
    padding-left: 24px;
  }
  .processor-page .bottom-group:last-child .bottom-group-caption {
    width: 100%;
    position: absolute;
    left: 154px;
    top: 26px;
  }
  .processor-page .bottom-group:last-child .bottom-group-btn:hover {
    background: #2ca155;
  }
  .processor-page .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .processor-page .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .processor-page .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .processor-page .bottom-group-btn:first-child {
    width: auto;
  }
  .processor-page .bottom-group-btn:last-child {
    width: 130px;
  }
  .processor-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .processor-page .top .mob-options-list {
    padding: 0 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .processor-page .top .mob-options-item {
    margin-left: 30px;
  }
  .processor-page .top .mob-options-item:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .processor-page .top {
    height: 64px;
  }
  .processor-page .top-logo {
    display: none;
  }
  .processor-page .top-icons {
    display: none;
  }
  .processor-page .top-buttons button:not(.open-contact-sales) {
    display: none;
  }
  .processor-page .top-buttons .open-contact-sales {
    background: #2ca155;
    color: #fff;
    border-color: #2ca155;
    padding: 12px 20px;
    border-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .processor-page .top-buttons .open-contact-sales:active,
  .processor-page .top-buttons .open-contact-sales:focus {
    padding: 12px 20px;
  }
  .processor-page .top .mob-options {
    display: block;
  }
  .processor-page .top .mob-options.active .mob-options-btn span {
    color: #2ca155;
  }
  .processor-page .top .mob-options.active .mob-options-btn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .processor-page .top .mob-options-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: 0;
  }
  .processor-page .top .mob-options-btn span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px;
    color: #fff;
  }
  .processor-page .top .mob-options-btn img {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .processor-page .top .mob-options-list {
    padding: 0 16px;
    display: none;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
    background: rgba(2, 17, 29, 0.9);
  }
  .processor-page .top .mob-options-group {
    border-top: 1px solid #041b2b;
    padding: 16px 0;
  }
  .processor-page .top .mob-options-group:first-child {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: none;
    padding-top: 0;
  }
  .processor-page .top .mob-options-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    background: 0;
    margin-top: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .processor-page .top .mob-options-item:first-child {
    margin-top: 0;
  }
  .processor-page .top .mob-options-item:first-child .link-dashed::after {
    display: none;
  }
  .processor-page .top .mob-options-item.icon-button svg {
    width: 24px;
    margin-right: 8px;
  }
  .processor-page .top .mob-options-item.icon-button svg path {
    fill: #fff;
  }
  .processor-page .top .mob-options-item.icon-button svg rect {
    fill: #fff;
  }
  .processor-page .top .mob-options-item.icon-button span {
    color: #fff;
  }
  .processor-page .top .mob-options .link-dashed:after {
    bottom: -2px;
    background: url('../img/underline-processor.svg') repeat;
  }
  .processor-page .first {
    height: calc(var(--vh, 1vh) * 100);
  }
  .processor-page .first-bg {
    opacity: 0.2;
  }
  .processor-page .first-bg-desktop {
    display: none;
  }
  .processor-page .first-bg-mob {
    display: block;
  }
  .processor-page .first .container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 16px;
  }
  .processor-page .first-block {
    width: 100%;
    position: relative;
    bottom: 10%;
  }
  .processor-page .first-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 16px;
  }
  .processor-page .first-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .processor-page .first-buttons {
    display: none;
  }
  .processor-page .first-links {
    margin: 0;
  }
  .processor-page .first-links-item:not(.open-video-popup) {
    display: none;
  }
  .processor-page .first-links-dot {
    display: none;
  }
  .processor-page .first-links .open-video-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .processor-page .first-links .open-video-popup span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .processor-page .first-links .open-video-popup span:after {
    content: none;
  }
  .processor-page .first .scroll-down {
    display: none;
  }
  .processor-page .description-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .processor-page .description-title br {
    display: none;
  }
  .processor-page .description-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .description-img {
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
  }
  .processor-page .description-bg {
    height: 850px;
  }
  .processor-page .description-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .processor-page .description-text p {
    margin-bottom: 8px;
  }
  .processor-page .description-buttons-more {
    background: transparent;
    border: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #2ca155;
    margin-right: 16px;
    padding-bottom: 2px;
    border-radius: 0;
    top: 1px;
  }
  .processor-page .description-buttons-more:before {
    content: none;
  }
  .processor-page .description-buttons-more:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url('../img/underline-processor.svg') repeat;
  }
  .processor-page .description-buttons-more:hover {
    border: 0;
    background: transparent;
  }
  .processor-page .description-buttons-supported {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .processor-page .description-buttons-supported:after {
    bottom: -2px;
  }
  .processor-page .specifications {
    padding-top: 56px;
  }
  .processor-page .specifications-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .processor-page .specifications-list {
    width: calc(255px * 3 + 24px);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .processor-page .specifications-item {
    width: 255px;
    height: 132px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .processor-page .specifications-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  .processor-page .specifications-bg-wave {
    height: 250px;
  }
  .processor-page .specifications-bg-wave:after {
    content: '';
    position: relative;
    background: #fff;
    height: 100%;
    display: block;
  }
  .processor-page .specifications-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .processor-page
    .specifications-pagination
    input[type='radio']:checked
    ~ label
    .radiobutton-icon {
    border-color: #092a42;
  }
  .processor-page .specifications-pagination .radiobutton label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 6px;
  }
  .processor-page .specifications-pagination .radiobutton-icon {
    border-color: #a1b2bb;
    width: 16px;
    height: 16px;
  }
  .processor-page .specifications-pagination .radiobutton-icon:before {
    width: 8px;
    height: 8px;
    background: #092a42;
  }
  .processor-page .capabilities {
    padding-top: 56px;
    padding-bottom: 48px;
  }
  .processor-page .capabilities .container {
    position: relative;
  }
  .processor-page .capabilities-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .processor-page .capabilities-left {
    margin-right: 0;
  }
  .processor-page .capabilities-right {
    display: none;
  }
  .processor-page .capabilities-wrap {
    display: block;
  }
  .processor-page .line {
    padding-top: 12px;
    padding-bottom: 0;
  }
  .processor-page .line .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .line-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .processor-page .line-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .processor-page .line-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .processor-page .line-group:last-child {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -96px;
    padding: 96px 16px;
  }
  .processor-page .line-group .mob-scroll-offset {
    padding: 1px;
  }
  .processor-page .line-item {
    width: 255px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    padding-bottom: 98px;
    background-size: 200%;
    background-position-x: -150px;
  }
  .processor-page .line-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  .processor-page .line-item-logo {
    height: 36px;
    margin-bottom: 12px;
  }
  .processor-page .line-item-divider {
    display: none;
  }
  .processor-page .line-item-type {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
  }
  .processor-page .line-item-btn {
    left: 16px;
    bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: auto;
    display: block;
  }
  .processor-page .line-item.desktop .line-item-btn {
    width: auto;
    display: block;
  }
  .processor-page .line-item.enterprise .line-item-btn {
    width: auto;
    display: block;
  }
  .processor-page .integration {
    margin-top: -48px;
    padding-top: 0;
  }
  .processor-page .integration .container {
    position: relative;
    z-index: 1;
  }
  .processor-page .integration-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .processor-page .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .processor-page .integration-group {
    margin-bottom: 32px;
  }
  .processor-page .integration-group:first-child {
    width: 100%;
  }
  .processor-page .integration-group:first-child .integration-group-btn {
    border: 1px solid #2ca155;
    color: #2ca155;
    background: transparent;
  }
  .processor-page .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .processor-page .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .processor-page .integration-group-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .processor-page .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .processor-page .integration-group-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
  }
  .processor-page .integration-group-btn:first-child {
    margin: 0;
    margin-bottom: 16px;
  }
  .processor-page .integration-group-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .processor-page .reviews {
    padding-top: 56px;
    padding-bottom: 12px;
  }
  .processor-page .reviews .container {
    padding: 0;
  }
  .processor-page .reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .processor-page .reviews-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin: 0;
    margin-bottom: 16px;
  }
  .processor-page .reviews-list {
    padding-left: 16px;
  }
  .processor-page .reviews-item {
    width: 255px;
    height: 202px;
    margin-left: 16px;
  }
  .processor-page .reviews-item:first-child {
    margin-left: 0;
  }
  .processor-page .reviews-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .processor-page .reviews-item-img {
    width: 100%;
    height: auto;
  }
  .processor-page .reviews-item-btn {
    position: absolute;
    bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .processor-page .user-reviews {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .processor-page .user-reviews-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 16px;
  }
  .processor-page .user-reviews-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin: 0;
  }
  .processor-page .user-reviews .container {
    padding: 0;
  }
  .processor-page .user-reviews .reviews-item {
    margin-left: 16px;
  }
  .processor-page .user-reviews .reviews-item:first-child {
    margin-left: 0;
  }
  .processor-page .bottom {
    padding-top: 24px;
    padding-bottom: 158px;
  }
  .processor-page .bottom-bg {
    top: 0px;
  }
  .processor-page .bottom-group {
    width: 100%;
  }
  .processor-page .bottom-group:first-child .bottom-group-caption {
    width: 100%;
  }
  .processor-page .bottom-group:first-child .bottom-group-btn {
    color: #2ca155;
  }
  .processor-page .bottom-group:first-child .bottom-group-btn:hover {
    background: transparent;
  }
  .processor-page .bottom-group:last-child {
    right: initial;
    margin-top: 32px;
  }
  .processor-page .bottom-group:last-child .bottom-group-caption {
    width: 100%;
  }
  .processor-page .bottom-group:last-child .bottom-group-btn:hover {
    background: #2ca155;
  }
  .processor-page .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .processor-page .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .processor-page .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px;
  }
  .processor-page .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.products-item .first {
  padding-top: 104px;
  padding-bottom: 40px;
}
.products-item .first .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.products-item .first-img {
  width: 395px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 45px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.products-item .first-mob-img {
  display: none;
}
.products-item .first-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}
.products-item .first-title img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 38px;
  margin-right: 20px;
  margin-bottom: 6px;
}
.products-item .first-title h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
}
.products-item .first-text {
  margin-bottom: 24px;
}
.products-item .first-links {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.products-item .first-links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  position: relative;
  margin-left: 22px;
}
.products-item .first-links-item:first-child {
  margin-left: 0;
}
.products-item .first-links-item:first-child:before {
  content: none;
}
.products-item .first-links-item:before {
  content: '';
  background: #12abdb;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: -12px;
}
.products-item .first-links-item span {
  position: relative;
}
.products-item .first-links-item span:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.products-item .first-links-item svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.products-item .first-links-item svg path {
  fill: #000;
}
.products-item .first-links-item svg rect {
  stroke: #000;
}
.products-item .first-links-item.release-notes span:after {
  content: none;
}
.products-item .first-links-item:hover {
  color: #12abdb;
}
.products-item .first-links-item:hover svg path {
  fill: #12abdb;
}
.products-item .first-links-item:hover svg rect {
  stroke: #12abdb;
}
.products-item .first-links-item:hover span:after {
  opacity: 0;
}
.products-item .first-links a span:after {
  content: none;
}
.products-item .first-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.products-item .first-buttons-trial,
.products-item .first-buttons-demo {
  color: #000;
  background: none;
  position: relative;
  padding: 0;
}
.products-item .first-buttons-trial:after,
.products-item .first-buttons-demo:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.products-item .first-buttons-trial:hover,
.products-item .first-buttons-demo:hover {
  color: #12abdb;
}
.products-item .first-buttons-trial:hover:after,
.products-item .first-buttons-demo:hover:after {
  opacity: 0;
}
.products-item .first-buttons-dot {
  width: 4px;
  height: 4px;
  background: #12abdb;
  margin: 0 12px;
  border-radius: 50%;
}
.products-item .first-buttons-sale,
.products-item .first-buttons-download {
  margin-right: 24px;
}
.products-item .main-wrapper {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  width: 100%;
}
.products-item .main-title {
  margin-bottom: 8px;
  margin-top: 32px;
}
.products-item .main-sign {
  margin-bottom: 14px;
}
.products-item .main-text {
  margin-bottom: 8px;
}
.products-item .main-list-title {
  margin-top: 24px;
  margin-bottom: 12px;
}
.products-item .main-list-item {
  position: relative;
  margin-bottom: 8px;
}
.products-item .main-list-item:before {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -12px;
  top: 10px;
}
.products-item .main-img {
  margin-bottom: 24px;
}
.products-item .main-img img {
  width: 100%;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: 24px;
  margin-bottom: 16px;
}
.products-item .integration {
  background: #eef9ff;
}
.products-item .integration-container {
  padding: 40px 160px;
}
.products-item .integration-title {
  margin-bottom: 24px;
}
.products-item .integration-title b {
  color: #12abdb;
}
.products-item .integration-group {
  margin-bottom: 32px;
}
.products-item .integration-group:last-child {
  margin-bottom: 0;
  width: auto;
}
.products-item .integration-group-title {
  margin-bottom: 12px;
}
.products-item .integration-group-text {
  margin-bottom: 16px;
}
.products-item .integration-group-text b {
  color: #12abdb;
  font-weight: normal;
}
.products-item .integration-group-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110%;
}
.products-item .integration-group-btn {
  width: auto;
  display: inline-block;
  margin-right: 16px;
}
.products-item .integration-group-btn:last-child {
  margin-right: 0;
}
.products-item .bottom {
  padding-top: 56px;
  padding-bottom: 56px;
  color: #000;
  position: relative;
}
.products-item .bottom .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.products-item .bottom-group {
  margin-right: 100px;
}
.products-item .bottom-group:last-child {
  margin-right: 0;
}
.products-item .bottom-group-title {
  margin-bottom: 12px;
}
.products-item .bottom-group-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.products-item .bottom-group-btn {
  margin-right: 12px;
}
.products-item .bottom-group-caption {
  width: 205px;
}
@media screen and (min-width: 1515px) {
  .products-item .first {
    padding-top: 144px;
    padding-bottom: 64px;
  }
  .products-item .first .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products-item .first-img {
    width: 648px;
    margin-right: 72px;
  }
  .products-item .first-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 24px;
  }
  .products-item .first-title img {
    height: 48px;
  }
  .products-item .first-title h1 {
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
  }
  .products-item .first-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .products-item .first-links-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 38px;
  }
  .products-item .first-links-item:before {
    left: -20px;
  }
  .products-item .first-buttons {
    margin-right: 32px;
  }
  .products-item .first-buttons-trial,
  .products-item .first-buttons-demo {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .products-item .first-buttons-sale,
  .products-item .first-buttons-download {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .products-item .first-buttons-dot {
    margin: 0 16px;
  }
  .products-item .main {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .products-item .main-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 64px;
    margin-bottom: 16px;
  }
  .products-item .main-text {
    margin-bottom: 16px;
  }
  .products-item .main-list-title {
    margin-top: 32px;
    margin-bottom: 16px;
  }
  .products-item .main-list-item {
    margin-bottom: 16px;
  }
  .products-item .main-img {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .products-item .main-img-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-item .main-img img {
    margin-bottom: 16px;
  }
  .products-item .integration-container {
    padding: 64px 240px;
  }
  .products-item .integration-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .products-item .integration-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .products-item .integration-group {
    width: 430px;
  }
  .products-item .integration-group:last-child {
    width: auto;
    margin-left: 45px;
  }
  .products-item .integration-group:last-child .integration-group-text {
    width: 300px;
  }
  .products-item .integration-group-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .products-item .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .products-item .integration-group-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-item .bottom {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .products-item .bottom .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .products-item .bottom-group {
    margin-right: 0;
  }
  .products-item .bottom-group:first-child .bottom-group-caption {
    width: 395px;
  }
  .products-item .bottom-group:last-child {
    width: 420px;
  }
  .products-item .bottom-group-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .products-item .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-item .bottom-group-btn {
    margin-right: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .products-item .first {
    padding-top: 78px;
    padding-bottom: 32px;
  }
  .products-item .first-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-item .first-img {
    display: none;
  }
  .products-item .first-mob-img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    margin-bottom: 0;
  }
  .products-item .first-title {
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3;
  }
  .products-item .first-title img {
    height: 24px;
    margin-right: 12px;
  }
  .products-item .first-title span {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
  }
  .products-item .first-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .products-item .first-links {
    margin-bottom: 16px;
    margin-top: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .products-item .first-buttons {
    margin-left: 0;
  }
  .products-item .main {
    padding: 0 64px;
    padding-bottom: 20px;
  }
  .products-item .integration {
    padding-top: 0;
  }
  .products-item .integration-container {
    padding: 40px 64px;
  }
  .products-item .integration .container {
    position: relative;
    z-index: 1;
  }
  .products-item .integration-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 24px;
  }
  .products-item .integration-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-item .integration-group {
    margin-bottom: 32px;
  }
  .products-item .integration-group:first-child {
    width: 100%;
  }
  .products-item .integration-group:first-child .integration-group-btn {
    width: 170px;
    border: 1px solid #12abdb;
    color: #12abdb;
    background: transparent;
  }
  .products-item .integration-group:first-child .integration-group-btn:hover {
    color: #fff;
  }
  .products-item .integration-group:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .products-item .integration-group:last-child .integration-group-text {
    width: 100%;
  }
  .products-item .integration-group-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .products-item .integration-group-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .products-item .integration-group-btn {
    display: block;
    text-align: center;
    margin: 0;
    padding: 12px 24px;
  }
  .products-item .integration-group-btn:first-child {
    margin: 0;
    margin-right: 16px;
  }
  .products-item .integration-group-buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
  }
  .products-item .bottom {
    padding-top: 0px;
    padding-bottom: 158px;
  }
  .products-item .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-item .bottom-bg {
    top: 0px;
  }
  .products-item .bottom-group {
    margin-top: 40px;
    width: 100%;
  }
  .products-item .bottom-group:first-child .bottom-group-caption {
    width: 100%;
  }
  .products-item .bottom-group:first-child .bottom-group-btn {
    color: #12abdb;
  }
  .products-item .bottom-group:first-child .bottom-group-btn:hover {
    color: #fff;
    background: #12abdb;
  }
  .products-item .bottom-group:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    right: initial;
    margin-top: 22px;
    width: auto;
  }
  .products-item .bottom-group:last-child .bottom-group-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .products-item
    .bottom-group:last-child
    .bottom-group-row
    .bottom-group-title {
    padding-left: 24px;
  }
  .products-item .bottom-group:last-child .bottom-group-row .bottom-group-btn {
    width: 130px;
  }
  .products-item .bottom-group:last-child .bottom-group-caption {
    position: absolute;
    left: 154px;
    top: 26px;
  }
  .products-item .bottom-group:last-child .bottom-group-btn:hover {
    background: #12abdb;
  }
  .products-item .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .products-item .bottom-group-row {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products-item .bottom-group-btn {
    margin-right: 0;
    width: 100%;
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px;
  }
  .products-item .bottom-group-btn:first-child {
    width: 260px;
  }
  .products-item .bottom-group-btn:last-child {
    width: 130px;
  }
  .products-item .bottom-group-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
    width: 300%;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .products-item .main-wrapper .main {
    padding: 20px 40px;
  }
  .products-item .integration-container {
    padding: 40px 40px;
  }
}
@media screen and (max-width: 599px) {
  .products-item .first {
    padding-top: 78px;
    padding-bottom: 32px;
  }
  .products-item .first-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-item .first-img {
    display: none;
  }
  .products-item .first-mob-img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    margin-bottom: 0;
  }
  .products-item .first-title {
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3;
  }
  .products-item .first-title img {
    height: 24px;
    margin-right: 12px;
  }
  .products-item .first-title span {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
  }
  .products-item .first-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 16px;
  }
  .products-item .first-links {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 0;
    margin-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .products-item .first-links-item {
    margin-left: 0;
    width: 100%;
    margin-top: 8px;
  }
  .products-item .first-links-item:before {
    content: none;
  }
  .products-item .first-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 8px;
    margin-left: 0;
  }
  .products-item .first-buttons-download,
  .products-item .first-buttons-sale {
    margin: 0;
    display: block;
    width: 100%;
  }
  .products-item .first-buttons button {
    margin-top: 16px;
  }
  .products-item .first-buttons-dot {
    position: relative;
    top: 8px;
    display: none;
  }
  .products-item .first-btn,
  .products-item .first .btn {
    margin: 0;
    width: auto;
  }
  .products-item .first-btn:after,
  .products-item .first .btn:after {
    content: none;
  }
  .products-item .first-btn b,
  .products-item .first .btn b {
    font-weight: normal;
  }
  .products-item .first-btn:before {
    content: '';
    background: url('../img/underline-blue.svg') repeat;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity: 1;
  }
  .products-item .main {
    padding: 0 16px;
  }
  .products-item .main-wrapper {
    width: calc(100% + 32px);
  }
  .products-item .integration {
    background: transparent;
    padding: 0 16px;
  }
  .products-item .integration-container {
    padding: 24px 0;
    border-top: 1px solid #dbf2ff;
  }
  .products-item .integration-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .products-item .integration-group-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .products-item .integration-group-btn {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 0;
    margin-right: 0;
  }
  .products-item .integration-group-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  .products-item .integration-group-buttons .integration-group-btn:last-child {
    margin-top: 16px;
  }
  .products-item .bottom {
    padding-top: 24px;
    padding-bottom: 128px;
  }
  .products-item .bottom-group {
    width: 100%;
    margin-right: 0;
  }
  .products-item .bottom-group:last-child {
    margin-top: 24px;
  }
  .products-item .bottom-group-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .products-item .bottom-group-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products-item .bottom-group-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0;
    width: 100%;
    margin-bottom: 12px;
    display: block;
    text-align: center;
    padding: 10px 0;
  }
  .products-item .bottom-group-caption {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
.products-page .products .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 32px;
}
.products-page .products-item {
  width: 304px;
  height: 332px;
  margin-top: 16px;
  margin-right: 16px;
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.products-page .products-item:nth-child(1),
.products-page .products-item:nth-child(2),
.products-page .products-item:nth-child(3) {
  margin-top: 0;
}
.products-page .products-item:nth-child(3n) {
  margin-right: 0;
}
.products-page .products-item.light {
  background: #fff;
}
.products-page .products-item.light .products-filter {
  display: none;
}
.products-page .products-item.light .products-tag {
  background: #dbf2ff;
}
.products-page .products-item.light .products-bg {
  height: auto;
}
.products-page .products-item.light .products-btn {
  color: #fff;
}
.products-page .products-item.light .products-btn:after {
  background: #fff;
}
.products-page .products-item.light .products-text {
  color: #000;
}
.products-page .products-item.free .products-tag {
  color: #2ca155;
  background: #eeffd2;
}
.products-page .products-item:hover {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.products-page .products-item:hover .products-btn:after {
  width: 100%;
}
.products-page .products-bg {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.products-page .products-filter {
  background: rgba(9, 42, 66, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.products-page .products-body {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.products-page .products-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
}
.products-page .products-text {
  color: #fff;
}
.products-page .products-tag {
  color: #12abdb;
  background: #02111d;
  padding: 0 4px;
  border-radius: 4px;
}
.products-page .products-btn {
  background: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  color: #12abdb;
}
.products-page .products-btn:after {
  background: #12abdb;
}
@media screen and (min-width: 1515px) {
  .products-page .products .container {
    padding-bottom: 64px;
  }
  .products-page .products-item {
    padding: 32px;
    width: 456px;
    height: 400px;
    margin-top: 24px;
    margin-right: 24px;
  }
  .products-page .products-logo {
    height: 64px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .products-page .products-head {
    margin-bottom: 16px;
  }
  .products-page .products-tag {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-page .products-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .products-page .products-btn {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .products-page .products-item {
    width: 298px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .products-page {
    padding-bottom: 148px;
  }
  .products-page .products .container {
    padding-bottom: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .products-page .products-item {
    margin: 0 !important;
    margin-bottom: 16px !important;
    width: calc(50% - 8px);
  }
  .products-page .products-tag {
    color: #12abdb;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .products-page .products-head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products-page .products-logo {
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .products-page .products-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .products-page .products-btn {
    color: #12abdb;
    position: absolute;
    bottom: -5px;
  }
  .products-page .products-btn:after {
    background: #12abdb;
    bottom: -2px;
  }
}
@media screen and (max-width: 599px) {
  .products-page {
    padding-bottom: 148px;
  }
  .products-page .products .container {
    padding-bottom: 8px;
  }
  .products-page .products-item {
    margin: 0;
    margin-bottom: 16px;
    height: auto;
    width: 100%;
  }
  .products-page .products-tag {
    color: #12abdb;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .products-page .products-head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products-page .products-logo {
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .products-page .products-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .products-page .products-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #12abdb;
    position: relative;
    margin-top: 48px;
  }
  .products-page .products-btn:after {
    background: #12abdb;
    bottom: -2px;
  }
}
.release-notes-page .main {
  padding-bottom: 65px;
}
.release-notes-page .main h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 24px;
}
.release-notes-page .main-section {
  margin-bottom: 32px;
}
.release-notes-page .main-section:last-child {
  margin-bottom: 0;
}
.release-notes-page .main-section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.release-notes-page .main-section-title {
  margin-right: 16px;
}
.release-notes-page .main-section-date {
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  top: 3px;
}
.release-notes-page .main-section-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}
.release-notes-page .main-section-img img {
  width: 304px;
  margin: initial;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 16px;
  border-radius: 4px;
}
.release-notes-page .main-section-img img:last-child {
  margin-right: 0;
}
.release-notes-page .main-section p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1515px) {
  .release-notes-page .main {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 80px;
  }
  .release-notes-page .main h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 32px;
  }
  .release-notes-page .main-section {
    margin-bottom: 64px;
  }
  .release-notes-page .main-section-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .release-notes-page .main-section-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .release-notes-page .main-section p {
    margin-bottom: 16px;
  }
  .release-notes-page .main-section img {
    margin-top: 32px;
    margin-right: 24px;
    width: 336px;
  }
}
@media screen and (max-width: 680px) {
  .release-notes-page .main-section-img img {
    width: 50%;
  }
}
.search-page {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#041b2b),
    to(#003762)
  );
  background: -o-linear-gradient(top, #041b2b 0%, #003762 100%);
  background: linear-gradient(180deg, #041b2b 0%, #003762 100%);
  min-height: 100vh;
}
.search-page .search-container {
  width: 100%;
  position: relative;
  padding-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.search-page .search {
  width: 624px;
}
.search-page .result {
  margin-top: 24px;
  padding-bottom: 80px;
}
.search-page .result-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  color: #fff;
  margin-bottom: 32px;
  padding-left: 160px;
}
.search-page .result-wrap {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.search-page .result-sizer,
.search-page .result-item {
  width: 304px;
}
.search-page .result-item {
  height: auto;
  display: block;
  margin-right: 0;
  float: left;
  margin-bottom: 16px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}
.search-page .result-item .post-link {
  position: relative;
  margin-top: 48px;
}
.search-page .result-item .post-img {
  will-change: transform;
}
.search-page .result-item.shown {
  opacity: 1;
}
.search-page .result .post:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-page .result .product {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}
.search-page .result .product-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
}
.search-page .result .product-filter {
  background: rgba(9, 42, 66, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.search-page .result .product-body {
  position: relative;
  z-index: 3;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.search-page .result .product-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
}
.search-page .result .product-img {
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.search-page .result .product-tag {
  color: #12abdb;
  background: #02111d;
  padding: 0 4px;
  border-radius: 4px;
}
.search-page .result .product-text {
  color: #fff;
}
.search-page .result .product-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  margin-top: 48px;
  background: 0;
  padding: 0;
}
.search-page .result .product.light {
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.search-page .result .product.light .product-filter {
  display: none;
}
.search-page .result .product.light .product-tag {
  background: #dbf2ff;
}
.search-page .result .product.light .product-bg {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.search-page .result .product.light .product-btn {
  color: #fff;
}
.search-page .result .product.light .product-btn:after {
  background: #fff;
}
.search-page .result .product.light .product-text {
  color: #000;
}
.search-page .result .product.free .product-tag {
  color: #2ca155;
  background: #eeffd2;
}
.search-page .result .product:hover {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
}
.search-page .result .product:hover .product-btn:after {
  width: 100%;
}
.search-page .result .testimonials-item {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 16px;
}
.search-page .result .testimonials-item:hover {
  -webkit-box-shadow: 0 10px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 14px rgba(0, 0, 0, 0.1);
  color: #000;
}
.search-page .result .testimonials-img {
  width: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin: 0px auto;
  margin-bottom: 8px;
}
.search-page .result .testimonials-title {
  font-weight: bold;
}
.search-page .result .testimonials-description {
  margin-bottom: 4px;
}
.search-page .result .testimonials-text {
  margin-bottom: 12px;
}
.search-page .result .testimonials-divider {
  height: 1px;
  width: 100%;
  background: #dbf2ff;
}
.search-page .result .testimonials-author {
  margin-bottom: 4px;
  margin-top: 12px;
}
.search-page .result .testimonials-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 12px;
  color: #12abdb;
  background: none;
  padding: 0;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: 0;
}
.search-page .result .testimonials-link:after {
  background-color: #12abdb;
}
.search-page .result .testimonials-link:hover {
  color: #12abdb;
}
@media screen and (min-width: 1515px) {
  .search-page .search-container {
    padding-top: 112px;
  }
  .search-page .search {
    width: 936px;
  }
  .search-page .result-wrap {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .search-page .result-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-left: 240px;
  }
  .search-page .result-sizer,
  .search-page .result-item {
    width: 336px;
  }
  .search-page .result-item {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .search-page .search {
    width: 100%;
  }
  .search-page .search-container {
    padding: 0 64px;
    padding-top: 80px;
  }
  .search-page .result {
    margin-bottom: 270px;
  }
  .search-page .result-title {
    padding-left: 0;
  }
  .search-page .result-item {
    width: calc((100vw - 128px - 16px) / 2);
    opacity: 1;
  }
  .search-page .result-item .post-link {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .search-page .result-item .product-btn {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .search-page .result-sizer {
    width: calc((100vw - 128px - 16px) / 2);
  }
  .search-page .result-wrap {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .search-page .result .testimonials-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .search-page .search-container {
    padding: 80px 40px 0 40px;
  }
  .search-page .result {
    margin-bottom: 0;
    padding-bottom: 108px;
  }
  .search-page .result-title {
    margin-bottom: 24px;
  }
  .search-page .result-item {
    opacity: 1;
    float: initial;
    width: calc((100vw - 80px - 16px) / 2);
  }
  .search-page .result-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-count: initial;
    -moz-column-count: initial;
    column-count: initial;
    -webkit-column-gap: initial;
    -moz-column-gap: initial;
    column-gap: initial;
  }
  .search-page .result-sizer {
    width: calc((100vw - 80px - 16px) / 2);
  }
  .search-page .result .product-head {
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .search-page .result .product-logo {
    height: 40px;
  }
  .search-page .result .product-btn {
    margin-top: 24px;
    color: #12abdb;
  }
  .search-page .result .product-btn:after {
    background: #12abdb;
  }
  .search-page .result .product-tag {
    color: #66869c;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .search-page .result {
    margin-bottom: 0;
    padding-bottom: 108px;
  }
}
@media screen and (max-width: 599px) {
  .search-page .search {
    width: 100%;
  }
  .search-page .search-container {
    padding: 0 16px;
    padding-top: 80px;
  }
  .search-page .result {
    padding-bottom: 108px;
  }
  .search-page .result-title {
    padding-left: 0;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
  }
  .search-page .result-item {
    opacity: 1;
    float: initial;
    width: 100%;
  }
  .search-page .result-item.news-item {
    padding: 16px !important;
  }
  .search-page .result-item.news-item .post-date {
    padding-left: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
  }
  .search-page .result-item.news-item .post-description {
    padding: 0 !important;
    margin-bottom: 16px !important;
  }
  .search-page .result-item.news-item .post-title {
    padding: 0 !important;
  }
  .search-page .result-item.news-item .post-link {
    left: 0 !important;
    bottom: 0 !important;
  }
  .search-page .result-item .post-link {
    margin-top: 16px;
  }
  .search-page .result-item.stories .post-description {
    margin-bottom: 16px;
  }
  .search-page .result-item.cases .post-title {
    margin-bottom: 0;
  }
  .search-page .result-item.cases .post-description {
    margin-bottom: 16px;
  }
  .search-page .result-item.news .post-date {
    margin-top: 0;
    padding-top: 16px;
  }
  .search-page .result-item.news .post-img {
    display: none;
  }
  .search-page .result-item.news .post-description {
    margin-bottom: 16px;
  }
  .search-page .result-item.news .post-link {
    left: 16px;
    bottom: 16px;
  }
  .search-page .result-item .post-description {
    margin-bottom: 16px;
  }
  .search-page .result-wrap {
    -webkit-column-count: initial;
    -moz-column-count: initial;
    column-count: initial;
    -webkit-column-gap: initial;
    -moz-column-gap: initial;
    column-gap: initial;
  }
  .search-page .result-sizer {
    width: 100%;
  }
  .search-page .result .product {
    padding: 16px;
  }
  .search-page .result .product-head {
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .search-page .result .product-logo {
    height: 40px;
  }
  .search-page .result .product-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .search-page .result .product-btn {
    margin-top: 24px;
    color: #12abdb;
  }
  .search-page .result .product-btn:after {
    background: #12abdb;
  }
  .search-page .result .product-tag {
    color: #66869c;
  }
}
@media screen and (min-width: 375px) and (max-width: 599px) {
  .search-page .result .product.light .product-btn {
    color: #12abdb !important;
  }
  .search-page .result .product.light .product-btn::after {
    background-color: #12abdb !important;
  }
}
.services-page .main {
  padding: 32px 160px;
  padding-bottom: 65px;
}
.services-page .main h1 {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 24px;
}
.services-page .main-section {
  margin-bottom: 32px;
}
.services-page .main-section:last-child {
  margin-bottom: 0;
}
.services-page .main-section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
.services-page .main-section-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  top: 3px;
  margin-left: 16px;
}
.services-page .main-section-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
  margin-top: 24px;
}
.services-page .main-section-img img {
  width: 304px;
  margin-right: 16px;
  margin-bottom: 0;
  margin-top: 0;
}
.services-page .main-section-img img:last-child {
  margin-right: 0;
}
.services-page .main-text p {
  margin-bottom: 8px;
}
.services-page .main-text p:last-child {
  margin-bottom: 0;
}
.services-page .main-text ul {
  padding-left: 12px;
}
.services-page .main-text ul li {
  position: relative;
  margin-bottom: 8px;
}
.services-page .main-text ul li:last-child {
  margin-bottom: 0;
}
.services-page .main-text ul li:before {
  content: '';
  background: #12abdb;
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 50%;
  left: -12px;
  top: 10px;
}
@media screen and (min-width: 1515px) {
  .services-page .main {
    padding: 64px 240px;
    padding-bottom: 80px;
  }
  .services-page .main h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 32px;
  }
  .services-page .main h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .services-page .main-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .services-page .main-text p {
    margin-bottom: 16px;
  }
  .services-page .main-text ul li {
    margin-bottom: 8px;
  }
  .services-page .main-text ul li:before {
    top: 14px;
  }
  .services-page .main-section {
    margin-bottom: 64px;
  }
  .services-page .main-section-head {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-page .main-section-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .services-page .main-section-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    top: 5px;
  }
  .services-page .main-section-img {
    margin-top: 32px;
    margin-bottom: 64px;
  }
  .services-page .main-section-img img {
    width: 336px;
    margin-right: 24px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .services-page .head .container {
    padding: 0 64px;
  }
  .services-page .container {
    padding: 0;
  }
  .services-page .main {
    padding: 24px 64px;
  }
  .services-page .main h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .services-page .main h3,
  .services-page .main h5,
  .services-page .main h6 {
    margin-top: 24px;
  }
  .services-page .main-title {
    margin-bottom: 16px;
  }
  .services-page .main-section {
    margin-bottom: 24px;
  }
  .services-page .main-section-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-top: 16px;
  }
  .services-page .main-section-date {
    top: 10px;
  }
  .services-page .main-section-img {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .services-page .main-section img {
    margin-right: 0;
    width: 49%;
  }
  .services-page .main .bottom {
    padding-top: 68px;
    padding-bottom: 130px;
  }
  .services-page .main .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .services-page .main .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-page .main .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .services-page .main .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-page .main .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .services-page .main .bottom-right {
    padding-top: 26px;
    left: 0;
  }
  .services-page .main .bottom-right-title {
    position: absolute;
    left: 130px;
  }
  .services-page .bottom .container {
    padding: 0 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .services-page .head .container {
    padding: 0 40px;
  }
  .services-page .container {
    padding: 0;
  }
  .services-page .main {
    padding: 24px 40px;
  }
  .services-page .main h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 16px;
  }
  .services-page .main h3,
  .services-page .main h5,
  .services-page .main h6 {
    margin-top: 24px;
  }
  .services-page .main-title {
    margin-bottom: 16px;
  }
  .services-page .main-section {
    margin-bottom: 24px;
  }
  .services-page .main-section-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-top: 16px;
  }
  .services-page .main-section-date {
    top: 10px;
  }
  .services-page .main .bottom {
    padding-top: 68px;
    padding-bottom: 130px;
  }
  .services-page .main .bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .services-page .main .bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-page .main .bottom-left-title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .services-page .main .bottom-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-page .main .bottom-contacts-description {
    width: 100%;
    padding-top: 24px;
  }
  .services-page .main .bottom-right {
    padding-top: 26px;
    left: 0;
  }
  .services-page .main .bottom-right-title {
    position: absolute;
    left: 130px;
  }
  .services-page .bottom .container {
    padding: 0 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 599px) {
  .services-page .main {
    padding: 24px 16px !important;
  }
  .services-page .main h1 {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .services-page .main h3,
  .services-page .main h5,
  .services-page .main h6 {
    margin-top: 24px;
  }
  .services-page .main-title {
    margin-bottom: 16px;
  }
  .services-page .main-section {
    margin-bottom: 24px;
  }
  .services-page .main-section-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-top: 16px;
  }
  .services-page .main-section-date {
    top: 10px;
  }
  .services-page .main-section-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .services-page .main-section-img img {
    margin: 0;
  }
  .services-page .main-section-img img:not(:first-child) {
    margin-top: 16px;
  }
}
.stories-item-page .head {
  padding-bottom: 20px;
}
.stories-item-page .main {
  padding-top: 32px;
}
.stories-item-page .main-title {
  margin-bottom: 16px;
}
.stories-item-page .main-text {
  margin-bottom: 32px;
}
.stories-item-page .main-text p {
  margin-bottom: 8px;
}
.stories-item-page .main-text p:last-child {
  margin-bottom: 0;
}
.stories-item-page .main img {
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 32px;
}
.stories-item-page .main-review {
  width: 784px;
  margin: 0 auto;
  padding: 24px 80px;
  border: 1px solid #dbf2ff;
  border-radius: 4px;
  margin-left: -80px;
}
.stories-item-page .main-review-title {
  color: #12abdb;
  margin-bottom: 16px;
}
.stories-item-page .main-review-text p {
  margin-bottom: 16px;
}
.stories-item-page .main-review-text ul {
  margin-bottom: 16px;
}
.stories-item-page .main-review-text ul li {
  margin-bottom: 8px;
  position: relative;
}
.stories-item-page .main-review-text ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -12px;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #12abdb;
}
.stories-item-page .main-review-text ul li:last-child {
  margin-bottom: 0;
}
.stories-item-page .main-review-divider {
  margin-top: 4px;
  height: 1px;
  width: 456px;
  background: #dbf2ff;
}
.stories-item-page .main-review-author {
  margin-top: 16px;
}
.stories-item-page .other {
  padding: 34px 160px;
  padding-bottom: 40px;
  background: #eef9ff;
}
.stories-item-page .other-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.stories-item-page .other-btn {
  color: #000;
  background: transparent;
  border-color: #12abdb;
}
.stories-item-page .other-btn:hover {
  background: #12abdb;
  color: #fff;
}
.stories-item-page .other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.stories-item-page .other .post {
  margin-right: 16px;
}
.stories-item-page .other .post:nth-child(2) {
  margin-right: 0;
}
.stories-item-page .other .post:last-child {
  display: none;
}
@media screen and (min-width: 1515px) {
  .stories-item-page .main {
    padding-top: 64px;
  }
  .stories-item-page .main-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
  }
  .stories-item-page .main-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 64px;
  }
  .stories-item-page .main-text p {
    margin-bottom: 12px;
  }
  .stories-item-page .main img {
    width: auto;
    height: 600px;
    margin-bottom: 64px;
  }
  .stories-item-page .main-review {
    width: 1176px;
    padding: 64px 120px;
    margin-left: -120px;
  }
  .stories-item-page .main-review-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .stories-item-page .main-review-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .stories-item-page .main-review-text p {
    margin-bottom: 16px;
  }
  .stories-item-page .main-review-text ul li {
    margin-bottom: 16px;
  }
  .stories-item-page .main-review-text ul li:before {
    top: 16px;
    left: -16px;
  }
  .stories-item-page .main-review-divider {
    margin-top: 32px;
  }
  .stories-item-page .main-review-author {
    margin-top: 32px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .stories-item-page .other {
    padding: 64px 180px;
    padding-bottom: 80px;
  }
  .stories-item-page .other-head {
    padding: 0 60px;
    margin-bottom: 32px;
  }
  .stories-item-page .other-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .stories-item-page .other .post {
    margin-right: 24px;
  }
  .stories-item-page .other .post:nth-child(2) {
    margin-right: 24px;
  }
  .stories-item-page .other .post:last-child {
    display: block;
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .stories-item-page .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .stories-item-page .main-review-title {
    margin-bottom: 8px;
  }
  .stories-item-page .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .stories-item-page .other {
    padding: 24px 64px;
    padding-bottom: 42px;
  }
  .stories-item-page .other-head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px;
  }
  .stories-item-page .other .btn {
    color: #12abdb;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 0;
  }
  .stories-item-page .other .btn:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #12abdb;
    position: absolute;
    bottom: 0;
    left: auto;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .stories-item-page .other .btn:before {
    display: none;
  }
  .stories-item-page .other .btn:hover {
    background-color: transparent;
    color: #12abdb;
  }
  .stories-item-page .other .btn:hover:after {
    width: 100%;
  }
  .stories-item-page .other-list.mob-scroll {
    max-width: 200%;
    width: calc(100% + 128px);
    margin-left: -64px;
    padding-left: 64x;
  }
  .stories-item-page .other-list.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .stories-item-page .other-list.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .stories-item-page .other .post {
    width: 255px;
    margin-right: 16px;
  }
  .stories-item-page .other .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .stories-item-page .other .post:nth-child(2) {
    margin-right: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .stories-item-page .other {
    padding: 24px 40px;
    padding-bottom: 42px;
  }
  .stories-item-page .other-list.mob-scroll {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 599px) {
  .stories-item-page .main-review {
    width: 100%;
    padding: 16px 0;
    margin-left: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .stories-item-page .main-review-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .stories-item-page .main-review-divider {
    width: 100%;
    margin-top: 8px;
  }
  .stories-item-page .main-review-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }
  .stories-item-page .other {
    padding: 24px 16px;
    padding-bottom: 76px;
  }
  .stories-item-page .other-head {
    margin-bottom: 16px;
  }
  .stories-item-page .other-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .stories-item-page .other-btn {
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: auto;
    display: block;
  }
  .stories-item-page .other-list.mob-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .stories-item-page .other-list.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .stories-item-page .other-list.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .stories-item-page .other-list.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .stories-item-page .other .post {
    width: 255px;
    margin-right: 16px;
  }
  .stories-item-page .other .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .stories-item-page .other .post:nth-child(2) {
    margin-right: 16px;
  }
}
.stories-page .stories-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stories-page .stories-wrapper {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.stories-page .stories .post {
  margin-right: 16px;
  margin-top: 16px;
}
.stories-page .stories .post:nth-child(2n) {
  margin-right: 0;
}
.stories-page .stories .post:nth-child(1),
.stories-page .stories .post:nth-child(2) {
  margin-top: 0;
}
.stories-page .stories .pagination {
  margin: 0px auto;
  margin-top: 32px;
}
.stories-page.no-filter .stories-wrapper {
  margin-left: 0;
}
.stories-page.no-filter .stories .post {
  margin-top: 16px;
  margin-right: 16px;
}
.stories-page.no-filter .stories .post:nth-child(2n) {
  margin-right: 16px;
}
.stories-page.no-filter .stories .post:nth-child(3n) {
  margin-right: 0;
}
.stories-page.no-filter .stories .post:nth-child(1),
.stories-page.no-filter .stories .post:nth-child(2),
.stories-page.no-filter .stories .post:nth-child(3) {
  margin-top: 0;
}
.stories-page .mob-filter-block {
  display: none;
}
@media screen and (min-width: 1515px) {
  .stories-page .stories-wrapper {
    margin-left: 24px;
  }
  .stories-page .stories .post {
    margin-top: 24px;
    margin-right: 24px;
  }
  .stories-page .stories .post:nth-child(2n) {
    margin-right: 24px;
  }
  .stories-page .stories .post:nth-child(3n) {
    margin-right: 0;
  }
  .stories-page .stories .post:nth-child(1),
  .stories-page .stories .post:nth-child(2),
  .stories-page .stories .post:nth-child(3) {
    margin-top: 0;
  }
  .stories-page.no-filter .stories-wrapper {
    margin-left: 0;
  }
  .stories-page.no-filter .stories .post {
    margin-top: 24px;
    margin-right: 24px;
  }
  .stories-page.no-filter .stories .post:nth-child(2n),
  .stories-page.no-filter .stories .post:nth-child(3n) {
    margin-right: 24px;
  }
  .stories-page.no-filter .stories .post:nth-child(4n) {
    margin-right: 0;
  }
  .stories-page.no-filter .stories .post:nth-child(1),
  .stories-page.no-filter .stories .post:nth-child(2),
  .stories-page.no-filter .stories .post:nth-child(3),
  .stories-page.no-filter .stories .post:nth-child(4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 960px) {
  .stories-page .stories-container {
    display: block;
  }
  .stories-page .stories-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
  .stories-page .filter {
    display: none;
  }
  .stories-page .stories .post {
    width: 49%;
    margin: 0;
    margin-bottom: 16px;
  }
  .stories-page .stories .pagination {
    margin-top: 8px;
  }
  .stories-page .mob-filter-show {
    background-color: #12abdb;
    color: #fff;
    padding: 12px 24px;
    border-radius: 64px;
  }
  .stories-page .mob-filter-show svg {
    margin-top: -5.5px;
    margin-right: 10px;
  }
  .stories-page .mob-filter-block {
    height: 56px;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 24px;
    margin-top: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }
  .stories-page .mob-filter-block .mob-filter-clear {
    background: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .stories-page .mob-filter-block .mob-filter-clear img {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px;
  }
  .stories-page .mob-filter-block .mob-filter-clear span {
    color: #12abdb;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .stories-page .mob-filter-block .mob-filter-clear.disabled {
    pointer-events: none;
    opacity: 0.2;
  }
}
@media screen and (max-width: 599px) {
  .stories-page .stories .post {
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
  }
  .stories-page .mob-filter-show {
    padding: 0;
    background-color: transparent;
    color: #12abdb;
  }
  .stories-page .mob-filter-show svg {
    position: relative;
    bottom: 3px;
    margin-top: 0;
    margin-right: 8px;
  }
  .stories-page .mob-filter-show svg path {
    fill: #12abdb;
  }
  .stories-page .mob-filter-block {
    -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
    box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
    padding: 0 12px;
  }
}
.technologies-item-page .main {
  padding-bottom: 32px;
}
.technologies-item-page .main-img {
  width: 100%;
  height: 310px;
  -o-object-fit: cover;
  object-fit: cover;
}
.technologies-item-page .main-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.technologies-item-page .more {
  background: #eef9ff;
  padding: 0 160px;
  padding-top: 32px;
}
.technologies-item-page .more-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.technologies-item-page .more-head .btn {
  margin-left: auto;
  border-color: #12abdb;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.technologies-item-page .more-head .btn:hover {
  background: #12abdb;
  color: #fff;
}
.technologies-item-page .more-head .btn:last-child {
  display: none;
}
.technologies-item-page .more-switcher {
  color: #12abdb;
  background: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
  position: relative;
  margin-left: 32px;
}
.technologies-item-page .more-switcher:first-child {
  margin-left: 0;
}
.technologies-item-page .more-switcher:first-child:before {
  content: none;
}
.technologies-item-page .more-switcher:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #12abdb;
  border-radius: 50%;
  left: -16px;
  top: 17px;
  pointer-events: none;
}
.technologies-item-page .more-switcher:after {
  content: '';
  background: url('../img/underline-blue.svg') repeat;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.technologies-item-page .more-switcher.active {
  color: #000;
  cursor: auto;
}
.technologies-item-page .more-switcher.active:after {
  opacity: 0;
}
.technologies-item-page .more-switcher:hover:not(.active) {
  opacity: 0.6;
}
.technologies-item-page .more-switcher:hover:not(.active):after {
  opacity: 0;
}
.technologies-item-page .more-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 352px;
}
.technologies-item-page .more-posts .post {
  margin-bottom: 40px;
  margin-left: 16px;
}
.technologies-item-page .more-posts .post.adaptive-fix {
  display: none !important;
}
.technologies-item-page .more-posts .cases:first-child {
  margin-left: 0;
}
.technologies-item-page .more-posts .stories {
  display: none;
}
@media screen and (min-width: 1515px) {
  .technologies-item-page .main {
    padding-bottom: 64px;
  }
  .technologies-item-page .main-img {
    height: 464px;
  }
  .technologies-item-page .main-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .technologies-item-page .more {
    padding: 0 180px;
    padding-top: 64px;
  }
  .technologies-item-page .more-head {
    padding: 0 60px;
    margin-bottom: 32px;
  }
  .technologies-item-page .more-switcher {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  .technologies-item-page .more-switcher:before {
    top: 20px;
  }
  .technologies-item-page .more .post {
    margin-bottom: 80px;
    margin-left: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .technologies-item-page .more {
    padding: 24px 64px;
    padding-bottom: 0;
  }
  .technologies-item-page .more-head {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px;
  }
  .technologies-item-page .more-head .btn {
    left: 64px;
    display: block;
    width: auto;
  }
  .technologies-item-page .more-switcher {
    margin-left: 16px;
  }
  .technologies-item-page .more-switcher:before {
    content: none;
  }
  .technologies-item-page .more-switcher:after {
    bottom: -2px;
  }
  .technologies-item-page .more-stories-btn,
  .technologies-item-page .more-cases-btn {
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: auto;
    display: block;
  }
  .technologies-item-page .more-posts.mob-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .technologies-item-page .more-posts.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .technologies-item-page .more-posts.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .technologies-item-page .more-posts.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .technologies-item-page .more .btn {
    position: relative;
    left: 0;
    bottom: 0;
    color: #12abdb;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 0;
  }
  .technologies-item-page .more .btn:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #12abdb;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .technologies-item-page .more .btn:before {
    display: none;
  }
  .technologies-item-page .more .btn:hover {
    background-color: transparent;
    color: #12abdb;
  }
  .technologies-item-page .more .btn:hover:after {
    width: 100%;
  }
  .technologies-item-page .more .post {
    width: 255px;
    margin-right: 16px;
    margin-left: 0;
  }
  .technologies-item-page .more .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .technologies-item-page .more .post:nth-child(2) {
    margin-right: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .technologies-item-page .more {
    padding: 24px 40px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .technologies-item-page .more {
    padding: 24px 16px;
    padding-bottom: 48px;
  }
  .technologies-item-page .more-switcher {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 16px;
  }
  .technologies-item-page .more-switcher:before {
    content: none;
  }
  .technologies-item-page .more-switcher:after {
    bottom: -2px;
  }
  .technologies-item-page .more-stories-btn,
  .technologies-item-page .more-cases-btn {
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: auto;
    display: block;
  }
  .technologies-item-page .more-posts.mob-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
  .technologies-item-page .more-posts.mob-scroll .simplebar-content-wrapper {
    overflow-x: auto !important;
  }
  .technologies-item-page .more-posts.mob-scroll .simplebar-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .technologies-item-page .more-posts.mob-scroll .mob-scroll-offset {
    padding: 0.1px;
  }
  .technologies-item-page .more .post {
    width: 255px;
    margin-right: 16px;
    margin-left: 0;
  }
  .technologies-item-page .more .post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .technologies-item-page .more .post:nth-child(2) {
    margin-right: 16px;
  }
}
.technologies-page .technologies .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.technologies-page .technologies .post {
  margin-right: 16px;
  margin-top: 16px;
}
.technologies-page .technologies .post:nth-child(1),
.technologies-page .technologies .post:nth-child(2) {
  margin-top: 0;
}
.technologies-page .technologies .post:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 1515px) {
  .technologies-page .technologies .post {
    margin-top: 32px;
    margin-right: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .technologies-page .technologies .post {
    width: 49%;
    margin: 0;
    margin-bottom: 16px;
  }
  .technologies-page .technologies .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 600) and (max-width: 700px) {
  .technologies-page .technologies .post {
    width: 49%;
    margin: 0;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 599px) {
  .technologies-page .technologies .post {
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
  }
  .technologies-page .technologies .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.technology-support-page .payment {
  padding-bottom: 24px;
}
.technology-support-page .payment .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.technology-support-page .payment-item {
  width: 176px;
  height: 310px;
  padding: 16px;
  background: #fff;
  border-radius: 4px;
  margin-right: 16px;
  position: relative;
}
.technology-support-page .payment-item:last-child {
  margin-right: 0;
}
.technology-support-page .payment-item-title {
  margin-bottom: 8px;
}
.technology-support-page .payment-item-amount {
  margin-bottom: 8px;
}
.technology-support-page .payment-item-time {
  color: #a1b2bb;
  margin-bottom: 16px;
}
.technology-support-page .payment-item-prompt {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.technology-support-page .payment-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.technology-support-page .payment-item-num {
  margin-right: 4px;
}
.technology-support-page .payment-item-desc {
  color: #a1b2bb;
}
.technology-support-page .payment-item-total {
  margin-top: 12px;
}
.technology-support-page .payment-item-btn {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 152px;
}
.technology-support-page .payment-item-input {
  background: #eef9ff;
  margin-left: -8px;
  padding: 0;
  padding-left: 8px;
  height: 44px;
  width: calc(100% + 16px);
  border: none;
  border-radius: 4px;
}
.technology-support-page .payment-item-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #a1b2bb;
}
.technology-support-page .payment-item-input::-moz-placeholder {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #a1b2bb;
}
.technology-support-page .payment-item-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #a1b2bb;
}
.technology-support-page .payment-item-input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #a1b2bb;
}
.technology-support-page .payment-item-input::placeholder {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #a1b2bb;
}
.technology-support-page .payment-item-placeholder {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #a1b2bb;
  position: absolute;
  top: 60px;
  cursor: text;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-bottom: 0;
  opacity: 0.5;
}
.technology-support-page .payment-item.start .payment-item-amount,
.technology-support-page .payment-item.start .payment-item-total {
  color: #12abdb;
}
.technology-support-page .payment-item.team .payment-item-amount,
.technology-support-page .payment-item.team .payment-item-total {
  color: #0070ad;
}
.technology-support-page .payment-item.team .payment-item-btn {
  border: 1px solid #0070ad;
  background: transparent;
  color: #000;
}
.technology-support-page .payment-item.team .payment-item-btn:hover {
  background: #0070ad;
  color: #fff;
  border-color: #004d93;
}
.technology-support-page .payment-item.team .payment-item-btn:before {
  background: -o-radial-gradient(circle closest-side, #012a79, transparent);
  background: radial-gradient(circle closest-side, #012a79, transparent);
}
.technology-support-page .payment-item.enterprise .payment-item-amount,
.technology-support-page .payment-item.enterprise .payment-item-total {
  color: #ff304c;
}
.technology-support-page .payment-item.custom {
  min-width: 208px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.technology-support-page .payment-item.custom .payment-item-title {
  margin-bottom: 0;
}
.technology-support-page .payment-item.custom .payment-item-total {
  color: #12abdb;
  margin-top: 0;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.technology-support-page .payment-item.custom .payment-item-btn.disabled {
  background: transparent;
  color: #000;
}
.technology-support-page .payment-item.custom .payment-item-row {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.technology-support-page .payment-item.custom .payment-item-row.discount {
  margin-bottom: 12px;
}
.technology-support-page .payment-item.custom .payment-item-prompt {
  display: block;
}
.technology-support-page .main-border {
  padding: 24px 80px;
  width: calc(100% + 160px);
  border: 1px solid #dbf2ff;
  border-radius: 4px;
  margin-bottom: 16px;
  margin-left: -80px;
}
.technology-support-page .main-border p:last-child {
  margin-bottom: 0;
}
.technology-support-page .main-sign b {
  color: #12abdb;
  font-weight: normal;
}
.technology-support-page .main-services {
  margin-bottom: 16px;
}
.technology-support-page .main-services-item {
  width: calc(100% + 360px);
  margin-left: -180px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 8px 180px;
  position: relative;
  padding-right: 0;
}
.technology-support-page .main-services-item:hover {
  background: #eef9ff;
}
.technology-support-page .main-services-item:after {
  content: '';
  width: 784px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 80px;
  background: #eef9ff;
}
.technology-support-page .main-services-item:last-child:after {
  content: none;
}
.technology-support-page .main-services-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  width: 304px;
  padding-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.technology-support-page .main-services-title span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px;
}
.technology-support-page .main-services-units {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #12abdb;
  width: 150px;
}
.technology-support-page .main-services-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1515px) {
  .technology-support-page .payment {
    padding-bottom: 32px;
  }
  .technology-support-page .payment-item {
    width: 268px;
    height: 376px;
    padding: 24px;
    margin-right: 24px;
  }
  .technology-support-page .payment-item.custom {
    min-width: 300px;
  }
  .technology-support-page .payment-item.custom .payment-item-title {
    margin-bottom: 16px;
  }
  .technology-support-page .payment-item.custom .payment-item-time {
    margin-bottom: 16px;
  }
  .technology-support-page .payment-item.custom .payment-item-row.discount {
    margin-bottom: 4px;
  }
  .technology-support-page .payment-item-input {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .payment-item-input::-webkit-input-placeholder {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .payment-item-input::-moz-placeholder {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .payment-item-input:-ms-input-placeholder {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .payment-item-input::-ms-input-placeholder {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .payment-item-input::placeholder {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .payment-item-placeholder {
    top: 87px;
  }
  .technology-support-page .payment-item-prompt {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
  }
  .technology-support-page .payment-item-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .technology-support-page .payment-item-amount {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 4px;
  }
  .technology-support-page .payment-item-time {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .technology-support-page .payment-item-num {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }
  .technology-support-page .payment-item-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    top: 2px;
  }
  .technology-support-page .payment-item-total {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-top: 6px;
  }
  .technology-support-page .payment-item-btn {
    bottom: 24px;
    left: 24px;
    width: 192px;
  }
  .technology-support-page .main-border {
    width: calc(100% + 240px);
    padding: 32px 120px;
    margin-left: -120px;
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .technology-support-page .main-sign {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .technology-support-page .main-services-item {
    width: calc(100% + 480px);
    margin-left: -240px;
    padding: 16px 240px;
    padding-right: 0;
  }
  .technology-support-page .main-services-item:after {
    width: 1176px;
  }
  .technology-support-page .main-services-title {
    width: 500px;
    padding-right: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .technology-support-page .main-services-title span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
    position: relative;
    top: 4px;
  }
  .technology-support-page .main-services-units {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    width: 206px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .technology-support-page .payment .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .technology-support-page .payment-item {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    margin-right: 0;
    padding: 24px;
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .technology-support-page .payment-item.custom {
    min-height: 117px;
    margin-bottom: 0;
    width: 100%;
  }
  .technology-support-page .payment-item.custom .payment-item-title {
    margin-bottom: 8px;
  }
  .technology-support-page .payment-item.custom .payment-item-time {
    top: 94px;
  }
  .technology-support-page .payment-item.custom .payment-item-total {
    width: calc(100% - 120px);
    display: block;
  }
  .technology-support-page .payment-item.custom .payment-item-total.disabled {
    opacity: 0.2;
  }
  .technology-support-page .payment-item.custom .payment-item-input {
    padding: 6px 8px;
    position: absolute;
    width: 127px;
    left: calc(30vw + 8px);
    top: 16px;
    height: 32px;
  }
  .technology-support-page
    .payment-item.custom
    .payment-item-input::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page
    .payment-item.custom
    .payment-item-input::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page
    .payment-item.custom
    .payment-item-input:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page
    .payment-item.custom
    .payment-item-input::-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page
    .payment-item.custom
    .payment-item-input::placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page .payment-item.custom .payment-item-prompt {
    margin-left: 0;
    position: absolute;
    left: 30vw;
    top: 57px;
  }
  .technology-support-page .payment-item.custom .payment-item-time {
    left: calc(30vw + 131px);
    top: 25px;
  }
  .technology-support-page .payment-item-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
    width: 100%;
  }
  .technology-support-page .payment-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
    position: relative;
    top: 2px;
  }
  .technology-support-page .payment-item-row.single-price {
    margin-left: 24px;
    margin-right: 20px;
  }
  .technology-support-page .payment-item-input {
    height: 40px;
    margin-bottom: 36px;
  }
  .technology-support-page .payment-item-input::-webkit-input-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .technology-support-page .payment-item-input::-moz-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .technology-support-page .payment-item-input:-ms-input-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .technology-support-page .payment-item-input::-ms-input-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .technology-support-page .payment-item-input::placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .technology-support-page .payment-item-placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    top: 22px;
    left: calc(30vw + 8px);
  }
  .technology-support-page .payment-item-prompt {
    width: 190px;
    margin-bottom: 0;
    height: 52px;
  }
  .technology-support-page .payment-item-time {
    position: absolute;
    top: 74px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
  }
  .technology-support-page .payment-item-amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
  }
  .technology-support-page .payment-item-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
    bottom: 4px;
  }
  .technology-support-page .payment-item-total {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    margin: 0;
    position: relative;
    width: calc(100% - 120px);
  }
  .technology-support-page .payment-item-num {
    margin: 0;
  }
  .technology-support-page .payment-item-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 120px;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: auto;
  }
  .technology-support-page .main {
    padding-top: 32px;
  }
  .technology-support-page .main-border {
    margin-top: 24px;
    padding: 12px 0;
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
  }
  .technology-support-page .main-sign {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page .main-services .btn {
    margin-top: 0;
  }
  .technology-support-page .main-services-item {
    width: 100%;
    margin-left: 0;
    padding: 22px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .technology-support-page .main-services-item:hover {
    background: 0;
  }
  .technology-support-page .main-services-item:after {
    background: #dbf2ff;
    width: 100%;
    left: 0;
  }
  .technology-support-page .main-services-title {
    width: auto;
    -ms-flex-negative: initial;
    flex-shrink: initial;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .technology-support-page .main-services-title span {
    display: none;
  }
  .technology-support-page .main-services-units {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page .main-services-units b {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .technology-support-page .main-services-description {
    margin-top: 28px;
  }
  .technology-support-page .main-services-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 19px);
    display: block;
    width: auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .technology-support-page .payment-item-amount {
    position: absolute;
    left: 30vw;
    top: 20px;
  }
  .technology-support-page .payment-item-total {
    position: absolute;
    left: calc(78vw - 91px);
  }
  .technology-support-page .payment-item-row {
    margin-bottom: 0;
  }
  .technology-support-page .payment-item-row.single-price {
    margin-left: calc(30vw - 24px);
  }
  .technology-support-page .payment-item-time {
    left: calc(30vw + 100px);
    top: 26px;
  }
  .technology-support-page .payment-item-btn {
    height: 36px;
  }
  .technology-support-page .payment-item.custom {
    height: 128px;
  }
  .technology-support-page .main-services-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .technology-support-page .main-services-units {
    position: absolute;
    left: 40vw;
  }
  .technology-support-page .main-services .btn {
    top: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .technology-support-page .payment-item-total {
    left: calc(83vw - 91px);
  }
  .technology-support-page .main-services-title {
    width: 310px;
  }
  .technology-support-page .main-services-units {
    position: static;
  }
}
@media screen and (min-width: 600px) and (max-width: 670px) {
  .technology-support-page .payment-item-total {
    left: calc(80vw - 91px);
  }
  .technology-support-page .main-services-title {
    width: 200px;
  }
  .technology-support-page .main-services-units {
    position: static;
  }
}
@media screen and (max-width: 599px) {
  .technology-support-page .payment .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .technology-support-page .payment-item {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    margin-right: 0;
    padding: 24px;
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .technology-support-page .payment-item.custom {
    margin-bottom: 0;
    width: 100%;
  }
  .technology-support-page .payment-item.custom .payment-item-title {
    margin-bottom: 8px;
  }
  .technology-support-page .payment-item.custom .payment-item-time {
    top: 94px;
  }
  .technology-support-page .payment-item.custom .payment-item-total {
    width: calc(100% - 120px);
    display: block;
  }
  .technology-support-page .payment-item.custom .payment-item-total.disabled {
    opacity: 0.2;
  }
  .technology-support-page .payment-item.custom .payment-item-row {
    margin: 0;
    margin-right: auto;
    width: 50%;
    height: 52px;
    margin-bottom: 0;
    top: 0;
  }
  .technology-support-page .payment-item.custom .payment-item-row.single-price {
    width: auto;
    margin-right: 20px;
  }
  .technology-support-page .payment-item.custom .payment-item-row.discount {
    margin-bottom: 0;
  }
  .technology-support-page .payment-item-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 8px;
    width: 100%;
  }
  .technology-support-page .payment-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
    position: relative;
    top: 2px;
  }
  .technology-support-page .payment-item-row.single-price {
    margin-left: 24px;
    margin-right: 20px;
  }
  .technology-support-page .payment-item-input {
    height: 40px;
    margin-bottom: 36px;
  }
  .technology-support-page .payment-item-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  .technology-support-page .payment-item-prompt {
    width: 190px;
    margin-bottom: 0;
    height: 52px;
  }
  .technology-support-page .payment-item-time {
    position: absolute;
    top: 74px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
  }
  .technology-support-page .payment-item-amount {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
  }
  .technology-support-page .payment-item-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
    bottom: 4px;
  }
  .technology-support-page .payment-item-total {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    margin: 0;
    position: relative;
    top: 4px;
    width: calc(100% - 120px);
  }
  .technology-support-page .payment-item-num {
    margin: 0;
  }
  .technology-support-page .payment-item-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 120px;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: auto;
  }
  .technology-support-page .main {
    padding-top: 32px;
  }
  .technology-support-page .main-border {
    margin-top: 24px;
    padding: 12px 0;
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
  }
  .technology-support-page .main-sign {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page .main-services .btn {
    margin-top: 0;
  }
  .technology-support-page .main-services-item {
    width: 100%;
    margin-left: 0;
    padding: 16px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .technology-support-page .main-services-item:hover {
    background: 0;
  }
  .technology-support-page .main-services-item:after {
    background: #dbf2ff;
    width: 100%;
    left: 0;
  }
  .technology-support-page .main-services-title {
    width: auto;
    -ms-flex-negative: initial;
    flex-shrink: initial;
    padding-right: 122px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .technology-support-page .main-services-title span {
    display: none;
  }
  .technology-support-page .main-services-units {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .technology-support-page .main-services-units b {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .technology-support-page .main-services-description {
    margin-top: 8px;
  }
  .technology-support-page .main-services-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 19px);
    display: block;
    width: auto;
  }
}
.terms-of-use-page .main-head {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 32px;
}
.terms-of-use-page .main-section {
  margin-bottom: 32px;
}
.terms-of-use-page .main-section:last-child {
  margin-bottom: 0;
}
.terms-of-use-page .main-section-title {
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 16px;
}
.terms-of-use-page .main-end {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.terms-of-use-page .main-divider {
  margin: 32px 0;
  width: 100%;
  height: 1px;
  background: #dbf2ff;
}
.terms-of-use-page .main-copyright {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (min-width: 1515px) {
  .terms-of-use-page .main-head {
    margin-bottom: 64px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
  .terms-of-use-page .main-section {
    margin-bottom: 64px;
  }
  .terms-of-use-page .main-section-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 32px;
  }
  .terms-of-use-page .main-end {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 64px;
  }
  .terms-of-use-page .main-divider {
    margin: 64px 0px;
  }
  .terms-of-use-page .main-copyright {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  .terms-of-use-page .main-head {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .terms-of-use-page .main-section {
    margin-bottom: 24px;
  }
  .terms-of-use-page .main-section-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .terms-of-use-page .main-end {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .terms-of-use-page .main-divider {
    margin: 16px 0;
  }
}
.testimonials-page .testimonials .container:after {
  content: '';
  display: block;
  clear: both;
}
.testimonials-page .testimonials-sizer,
.testimonials-page .testimonials-item {
  width: 304px;
}
.testimonials-page .testimonials-item {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 16px;
  margin-bottom: 16px;
  display: block;
  float: left;
  opacity: 0;
  -webkit-transition: all 0.3s ease, opacity 0.7s ease;
  -o-transition: all 0.3s ease, opacity 0.7s ease;
  transition: all 0.3s ease, opacity 0.7s ease;
}
.testimonials-page .testimonials-item.shown {
  opacity: 1;
}
.testimonials-page .testimonials-item:hover {
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  color: #000;
}
.testimonials-page .testimonials-img {
  width: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin: 0px auto;
  margin-bottom: 8px;
}
.testimonials-page .testimonials-title {
  font-weight: bold;
}
.testimonials-page .testimonials-description {
  margin-bottom: 4px;
}
.testimonials-page .testimonials-text {
  margin-bottom: 12px;
}
.testimonials-page .testimonials-divider {
  height: 1px;
  width: 100%;
  background: #dbf2ff;
}
.testimonials-page .testimonials-author {
  margin-bottom: 4px;
  margin-top: 12px;
}
.testimonials-page .testimonials-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 12px;
  color: #12abdb;
  background: none;
  padding: 0;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.testimonials-page .testimonials-link:after {
  background-color: #12abdb;
}
.testimonials-page .testimonials-link:hover {
  color: #12abdb;
}
@media screen and (min-width: 1515px) {
  .testimonials-page .testimonials .container {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .testimonials-page .testimonials-sizer,
  .testimonials-page .testimonials-item {
    width: 336px;
  }
  .testimonials-page .testimonials-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .testimonials-page .testimonials-img {
    height: 164px;
    width: 100%;
    margin-bottom: 16px;
  }
  .testimonials-page .testimonials-title {
    font-weight: bold;
  }
  .testimonials-page .testimonials-description {
    margin-bottom: 8px;
  }
  .testimonials-page .testimonials-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .testimonials-page .testimonials-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
  }
  .testimonials-page .testimonials-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .testimonials-page .testimonials-sizer {
    width: calc((100vw - 128px - 16px) / 2);
  }
  .testimonials-page .testimonials-item {
    width: calc((100vw - 128px - 16px) / 2);
    opacity: 1;
  }
  .testimonials-page .testimonials-item {
    opacity: 1;
  }
  .testimonials-page .testimonials-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    bottom: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .testimonials-page .testimonials-sizer {
    width: calc((100vw - 80px - 16px) / 2);
  }
  .testimonials-page .testimonials-item {
    width: calc((100vw - 80px - 16px) / 2);
    opacity: 1;
  }
  .testimonials-page .testimonials-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) and (max-width: 650px) {
  .testimonials-page .testimonials-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (max-width: 599px) {
  .testimonials-page .testimonials-sizer {
    width: 100%;
  }
  .testimonials-page .testimonials-item {
    opacity: 1;
    width: 100%;
  }
  .testimonials-page .testimonials-img {
    width: 100%;
    height: 148px;
    margin-bottom: 16px;
  }
  .testimonials-page .testimonials-title,
  .testimonials-page .testimonials-description {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  .testimonials-page .testimonials-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .testimonials-page .testimonials-author {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .testimonials-page .testimonials-author-sign {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .testimonials-page .testimonials-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
  }
}
.training-programs-page .main-services {
  margin-bottom: 16px;
}
.training-programs-page .main-services-item {
  width: calc(100% + 360px);
  margin-left: -180px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 8px 180px;
  position: relative;
  padding-right: 0;
}
.training-programs-page .main-services-item:hover {
  background: #eef9ff;
}
.training-programs-page .main-services-item:after {
  content: '';
  width: 784px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 80px;
  background: #eef9ff;
}
.training-programs-page .main-services-item:last-child:after {
  content: none;
}
.training-programs-page .main-services-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  width: 304px;
  padding-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.training-programs-page .main-services-title span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px;
}
.training-programs-page .main-services-units {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #12abdb;
  width: 150px;
}
.training-programs-page .main-services-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1515px) {
  .training-programs-page .main-services-item {
    width: calc(100% + 480px);
    margin-left: -240px;
    padding: 16px 240px;
    padding-right: 0;
  }
  .training-programs-page .main-services-item:after {
    width: 1176px;
  }
  .training-programs-page .main-services-title {
    width: 500px;
    padding-right: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .training-programs-page .main-services-title span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
    position: relative;
    top: 4px;
  }
  .training-programs-page .main-services-units {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    width: 206px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .training-programs-page .main-services .btn {
    margin: auto 0;
  }
  .training-programs-page .main-services-item {
    width: 100%;
    margin-left: 0;
    padding: 16px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .training-programs-page .main-services-title {
    width: 160px;
    display: block;
  }
  .training-programs-page .main-services-title span {
    display: block;
  }
  .training-programs-page .main-services-units {
    width: 150px;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 75px);
  }
}
@media screen and (max-width: 599px) {
  .training-programs-page .main-services .btn {
    margin-top: 0;
  }
  .training-programs-page .main-services-item {
    width: 100%;
    margin-left: 0;
    padding: 16px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .training-programs-page .main-services-item:hover {
    background: 0;
  }
  .training-programs-page .main-services-item:after {
    background: #dbf2ff;
    width: 100%;
    left: 0;
  }
  .training-programs-page .main-services-title {
    width: auto;
    -ms-flex-negative: initial;
    flex-shrink: initial;
    padding-right: 122px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .training-programs-page .main-services-title span {
    display: none;
  }
  .training-programs-page .main-services-units {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .training-programs-page .main-services-units b {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .training-programs-page .main-services-description {
    margin-top: 8px;
  }
  .training-programs-page .main-services .btn {
    padding: 8px 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 19px);
    display: block;
    width: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
}
.ui-page {
  width: 100%;
  height: 100%;
  background-color: #eef9ff;
  padding-top: 100px;
}
.ui-page h2 {
  margin-top: 30px;
  margin-bottom: 16px;
}
.ui-page .buttons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ui-page .buttons-wrap .btn {
  margin-right: 30px;
  margin-bottom: 30px;
}
.ui-page .links-wrap .link,
.ui-page .links-wrap .link-dashed,
.ui-page .links-wrap .link-solid {
  margin-right: 30px;
}
.ui-page .arrows-wrap img {
  margin-right: 30px;
}
.ui-page .arrows-wrap img:hover {
  opacity: 0.15;
  cursor: pointer;
}
.ui-page .checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-page .checkbox-wrap .side {
  padding: 20px;
}
.ui-page .checkbox-wrap .dark {
  background: #041b2b;
}
.ui-page .checkbox-wrap .checkbox-default {
  margin-bottom: 16px;
}
.ui-page .checkbox-wrap .checkbox-default:last-child {
  margin-bottom: 0;
}
form a {
  color: #1b5583 !important;
}
.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cols.p12 {
  margin-left: -12px;
  width: calc(100% + 24px);
}
.cols.p12 .col {
  padding: 12px;
}
.cols.p30 {
  margin-left: -30px;
  width: calc(100% + 60px);
}
.cols.p30 .col {
  padding: 30px;
}
.cols .col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cols-2 .col {
  width: 50%;
}
.cols-3 .col {
  width: 33.333%;
}
@media screen and (max-width: 1100px) {
  .cols.pt8 {
    margin-left: -8px;
    width: calc(100% + 16px);
  }
  .cols.pt8 .col {
    padding: 8px;
  }
}
@media screen and (max-width: 900px) {
  .cols-ts-1 .col {
    width: 100%;
  }
}
.section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 16px;
}
.section-head__btn {
  color: #fff;
  font-size: 20px;
}
.section-head__btn:hover {
  color: #fff;
}
.section-head__btn:after {
  background-color: #fff;
}
.wave-bg {
  width: 100%;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  pointer-events: none;
}
.wave-bg img {
  width: 101%;
}
.wave-bg .bg {
  -o-object-fit: cover;
  object-fit: cover;
  width: 101%;
}
.product-itm-sale {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  width: 90px;
}
.product-itm-sale img {
  max-width: 100%;
}
.main-text a {
  color: #12abdb;
}
.main-text a:hover {
  color: #ff304c;
}
@media screen and (max-width: 1100px) {
  .section-head__btn {
    font-size: 16px;
  }
  .product-itm-sale {
    width: 70px;
    top: -7px;
  }
}
@media screen and (max-width: 700px) {
  .section-head__btn {
    font-size: 14px;
  }
}
.footer {
  background: transparent;
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  height: 48px;
  z-index: 2;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #ff304c;
}
.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.footer-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.footer-copyright {
  margin-right: 24px;
}
.footer-link {
  margin-right: 22px;
}
.footer-capgemini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.footer-capgemini span {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.footer-capgemini svg {
  margin-left: 6px;
}
.footer-capgemini svg path {
  fill: #fff;
}
.footer-capgemini:hover {
  color: #ff304c;
}
.footer-capgemini:hover svg path {
  fill: #ff304c;
}
.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8px;
}
.footer-social-icon {
  margin-right: 12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid transparent;
}
.footer-social-icon:hover {
  border-color: #ff304c;
}
.footer-social-icon:first-child {
  background-image: url('../img/icons/social-facebook-ondark.svg');
}
.footer-social-icon:nth-child(2) {
  background-image: url('../img/icons/social-youtube-ondark.svg');
}
.footer-social-icon:nth-child(3) {
  background-image: url('../img/icons/social-twitter-ondark.svg');
}
.footer-social-icon:last-child {
  background-image: url('../img/icons/social-linkedin-ondark.svg');
  margin-right: 0;
}
.footer-contacts {
  margin-left: 24px;
  background: 0;
  padding: 0;
  color: #fff;
}
.footer-contacts:hover {
  color: #ff304c;
}
.footer-wave {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  pointer-events: none;
}
.footer-wave img {
  width: 100%;
}
.footer.technology {
  position: relative;
  height: auto;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#2b0a3e),
    color-stop(30%, #241042),
    color-stop(72%, #11234f),
    to(#01335a)
  );
  background: -o-linear-gradient(
    bottom,
    #2b0a3e 0%,
    #241042 30%,
    #11234f 72%,
    #01335a 100%
  );
  background: linear-gradient(
    0deg,
    #2b0a3e 0%,
    #241042 30%,
    #11234f 72%,
    #01335a 100%
  );
}
.footer.technology .footer-bot-container {
  height: 64px;
}
.footer-technology-logo {
  margin-bottom: 25px;
}
.footer-technology-itm {
  width: 50%;
}
.footer-technology-itm__join {
  color: #f2c628;
  font-weight: 900;
  max-width: 430px;
}
.footer-technology-itm__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 38px;
  gap: 70px;
}
.footer-technology-itm__btns .btn:hover {
  color: #fff;
}
.footer-technology-itm__copyright {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 30px;
}
.footer .footer-technology-container {
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.light .footer {
  color: #000;
}
.light .footer a,
.light .footer .footer-contacts {
  color: #000;
}
.light .footer a:hover,
.light .footer .footer-contacts:hover {
  color: #ff304c;
}
.light .footer .footer-social-icon:first-child {
  background-image: url('../img/icons/social-facebook-onlight.svg');
}
.light .footer .footer-social-icon:nth-child(2) {
  background-image: url('../img/icons/social-youtube-onlight.svg');
}
.light .footer .footer-social-icon:nth-child(3) {
  background-image: url('../img/icons/social-twitter-onlight.svg');
}
.light .footer .footer-social-icon:last-child {
  background-image: url('../img/icons/social-linkedin-onlight.svg');
}
.light .footer .footer-capgemini svg path {
  fill: #000;
}
.light .footer .footer-capgemini:hover svg path {
  fill: #ff304c;
}
.grecaptcha-badge {
  z-index: 111;
  visibility: hidden;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.grecaptcha-badge.show {
  visibility: visible;
}
.grecaptcha-badge iframe {
  opacity: 0.2;
}
.to-top {
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 48px;
  height: 48px;
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  box-shadow: 0px 16px 96px rgba(0, 23, 146, 0.1);
  border-radius: 64px;
  font-size: 16px;
  line-height: 24px;
  color: #12abdb;
  cursor: pointer;
  padding: 12px 15px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease 0s !important;
  -o-transition: opacity 0.3s ease 0s !important;
  transition: opacity 0.3s ease 0s !important;
  will-change: opacity;
}
.to-top.show {
  opacity: 1;
  pointer-events: auto;
}
.to-top.show:hover {
  opacity: 0.5;
}
.to-top.static {
  position: absolute;
  bottom: 165px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.to-top__arrow {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.to-top__text {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 1515px) {
  .footer {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    height: 64px;
  }
  .footer a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .footer-copyright {
    margin-right: 32px;
  }
  .footer-link {
    margin-right: 32px;
  }
  .footer-capgemini svg {
    margin-left: 12px;
  }
  .footer-social {
    margin-left: 16px;
  }
  .footer-social-icon {
    margin-right: 16px;
    width: 32px;
    height: 32px;
  }
  .footer-social-icon:last-child {
    margin-right: 0;
  }
  .footer-contacts {
    margin-left: 100px;
  }
}
@media screen and (max-width: 1515px) and (min-width: 1100px) {
  .container.footer-bot-container {
    max-width: 1280px;
    padding: 0 40px;
  }
  .container.footer-technology-container {
    max-width: 1080px;
  }
  .container.footer-technology-container .hide-on-tablet {
    display: none;
  }
  .footer-technology-itm__copyright {
    font-size: 18px;
    line-height: 1.4;
  }
  .footer-technology-itm .footer-capgemini {
    font-size: 16px;
    line-height: 1.4;
  }
  .footer-technology-itm__btns .btn {
    font-size: 16px;
  }
  .footer-technology-itm__join {
    font-size: 40px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  .footer a {
    margin-right: 8px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .footer {
    height: auto;
  }
  .footer .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-section:first-child {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-section:first-child .footer-copyright,
  .footer-section:first-child a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .footer-section:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    border-bottom: none;
    margin-bottom: 16px;
    padding-bottom: 12px;
    width: 100%;
  }
  .footer-section:last-child span {
    display: none;
  }
  .footer-contacts {
    display: none;
  }
  .footer-copyright {
    color: #66869c;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .footer-capgemini {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .footer-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 50%;
  }
  .footer-link:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 35%;
    text-align: right;
  }
  .footer-link:last-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: right;
  }
  .footer-social {
    margin-left: 0;
  }
  .footer-social-icon {
    margin-bottom: 0 !important;
    margin-right: 16px;
    width: 40px;
    height: 40px;
  }
  .footer-social-icon svg {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 1800px) {
  .to-top {
    padding: 11px 15px;
  }
  .to-top__text {
    display: none;
  }
  .to-top__arrow {
    margin-right: 0;
  }
}
@media screen and (min-width: 1515px) and (max-width: 1600px) {
  .to-top {
    right: 5px;
  }
}
@media screen and (max-width: 1100px) {
  .footer-technology-logo {
    width: 183px;
    margin-bottom: 40px;
  }
  .footer .footer-technology-container {
    padding-top: 135px;
    max-width: 860px;
    padding-bottom: 55px;
  }
  .footer-technology-itm {
    width: 60%;
  }
  .footer-technology-itm:first-child {
    width: 40%;
  }
  .footer-technology-itm__copyright {
    font-size: 16px;
    line-height: 1.5;
  }
  .footer-technology-itm__btns {
    gap: 20px;
    font-size: 16px;
  }
  .footer-technology-itm__btns .btn {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: inherit;
  }
  .footer-technology-itm__btns .footer-link {
    font-size: inherit;
  }
  .footer-technology-itm .hide-on-tablet {
    font-size: 0;
  }
  .footer-technology-itm .hide-on-tablet:after {
    content: '.';
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .to-top {
    right: 40px;
    top: auto;
    bottom: 80px;
    background: rgba(238, 249, 255, 0.9);
  }
}
@media screen and (max-width: 900px) {
  .footer .footer-technology-container {
    padding-top: 55px;
  }
  .footer .footer-technology-itm {
    width: 100%;
  }
  .footer .footer-technology-itm:first-child {
    margin-bottom: 32px;
  }
  .footer .footer-technology-itm__copiright br {
    display: none;
  }
  .footer .footer-technology-itm__btns {
    display: block;
  }
  .footer .footer-technology-itm__btns .btn {
    display: inline-block;
    margin-bottom: 16px;
  }
  .footer .footer-technology-itm__btns .footer-link {
    width: 100%;
  }
  .footer.technology .footer-bot-container {
    height: auto;
  }
  .footer.technology .footer-bot-container .footer-section:first-child {
    border-top: 1px solid #0070ad;
    padding-top: 16px;
  }
  .footer.technology .footer-bot-container .footer-section:last-child {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  .to-top {
    right: 64px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .to-top {
    right: 40px;
  }
}
@media screen and (max-width: 599px) {
  .footer {
    height: auto;
  }
  .footer .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-section:first-child {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-section:first-child .footer-copyright,
  .footer-section:first-child a {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .footer-section:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    border-bottom: 1px solid rgba(2, 17, 29, 0.95);
    margin-bottom: 16px;
    padding-bottom: 12px;
    width: 100%;
  }
  .footer-section:last-child span {
    display: none;
  }
  .footer-contacts {
    display: none;
  }
  .footer-copyright {
    color: #66869c;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .footer-capgemini {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .footer-link {
    width: 50%;
  }
  .footer-link:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 35%;
    text-align: right;
  }
  .footer-link:last-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: right;
  }
  .footer-social {
    margin-left: 0;
  }
  .footer-social-icon {
    margin-bottom: 0 !important;
    margin-right: 16px;
    width: 40px;
    height: 40px;
  }
  .footer-social-icon svg {
    width: 40px;
    height: 40px;
  }
  .footer-bot-container .footer-section:last-child {
    border: none;
  }
  .footer-technology-itm__copyright br {
    display: none;
  }
  .grecaptcha-badge {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    bottom: 2px !important;
  }
  .grecaptcha-badge:not(.dsrr-captcha) {
    right: -172px !important;
  }
  .grecaptcha-badge.dsrr-captcha {
    margin-left: 12px;
  }
  .to-top {
    right: 16px;
  }
}
.header {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.5, 0, 0, 1);
}
.header.hidden {
  -webkit-transform: translateY(-64px);
  -ms-transform: translateY(-64px);
  transform: translateY(-64px);
}
.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 11;
  height: 100%;
}
.header-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  display: block;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo {
  background-image: url('../img/logo/main_ondark.svg');
  background-repeat: no-repeat;
  width: 125px;
  height: 40px;
  background-size: cover;
  display: block;
  position: relative;
  margin-right: 35px;
}
.header-logo:hover {
  opacity: 0.5;
}
.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-search-btn,
.header-user-btn {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background: #02111d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 64px;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 0.5s background ease;
  -o-transition: 0.5s background ease;
  transition: 0.5s background ease;
}
.header-search-btn svg,
.header-user-btn svg {
  min-width: 20px;
  width: 20px;
  height: 20px;
}
.header-search-btn svg path,
.header-user-btn svg path {
  fill: #fff;
}
.header-search-btn:hover svg path,
.header-user-btn:hover svg path {
  fill: #ff304c;
}
.header-search-btn {
  padding-left: 10px;
}
.header-user-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  position: relative;
}
.header-user-btn svg {
  position: relative;
  left: 10px;
}
.header-user-btn span {
  margin-left: 4px;
  color: #fff;
  display: none;
  position: relative;
  right: 0;
  -webkit-transition: color 0.3s ease, 0s opacity;
  -o-transition: color 0.3s ease, 0s opacity;
  transition: color 0.3s ease, 0s opacity;
}
.header-user-btn:hover span {
  color: #ff304c;
}
.header-contacts-btn {
  border: 1px solid #12abdb;
  color: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: transparent;
}
.header-contacts-btn:hover {
  background: #12abdb;
  border-color: #0976b7;
}
.header-contacts-btn:before {
  background: -o-radial-gradient(circle closest-side, #004596, transparent);
  background: radial-gradient(circle closest-side, #004596, transparent);
}
.header .search {
  display: none;
  width: 100%;
  height: 100%;
}
.header .search-placeholder {
  left: initial;
}
.header .search-input {
  padding-left: 0;
}
.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  height: 100%;
}
.header-menu-item {
  margin-right: 20px;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-menu-item:last-child {
  margin-right: 0;
}
.header-menu-item.active .header-menu-btn span {
  color: #ff304c;
}
.header-menu-item.active .header-menu-btn svg {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.header-menu-item.active .header-menu-btn svg path {
  fill: #ff304c;
}
.header-menu-btn {
  color: #fff;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
  height: 100%;
  -webkit-transition: 0.3s all ease !important;
  -o-transition: 0.3s all ease !important;
  transition: 0.3s all ease !important;
}
.header-menu-btn span {
  margin-right: 5px;
  white-space: pre;
}
.header-menu-btn svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  position: relative;
  top: 0px;
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
}
.header-menu-btn svg path {
  fill: #66869c;
}
.header-menu-btn:hover span {
  color: #ff304c;
}
.header-menu-btn:hover svg path {
  fill: #ff304c;
}
.header-dropdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #041b2b;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: -1;
}
.header .dropdown-content {
  padding-top: 16px;
  padding-bottom: 8px;
  padding-left: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.header .dropdown-content-wrap {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 11;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  display: none;
}
.header .dropdown-item {
  width: 205px;
  margin-right: 10px;
  margin-bottom: 24px;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
  position: relative;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.header .dropdown-item.current:before {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -11px;
  top: 8px;
}
.header .dropdown-item-title {
  color: #fff;
  margin-bottom: 2px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
}
.header .dropdown-item-description {
  color: #66869c;
  width: 165px;
}
.header .dropdown-item-icon {
  position: absolute;
  left: -32px;
}
.header .dropdown-item-status {
  margin-left: 8px;
  background: #02111d;
  color: #66869c;
  padding: 2px 6px;
  border-radius: 4px;
  position: relative;
  top: 1px;
}
.header .dropdown-item:hover .dropdown-item-title {
  color: #ff304c;
}
.header .products-dropdown .dropdown-item {
  width: 240px;
  margin-right: 20px;
}
.header .products-dropdown .dropdown-item-description {
  width: 185px;
}
.header .products-dropdown .dropdown-item.current:before {
  content: '';
  background: #12abdb;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -44px;
  top: 8px;
}
.header .menu-btn {
  border: 0;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #02111d;
  position: fixed;
  left: 4px;
  top: 16px;
  z-index: 14;
  padding: 0;
}
.header .menu-btn.disabled {
  pointer-events: none;
}
.header .menu-btn .mob-menu-bg {
  display: none;
}
.header .menu-btn #burger-icon {
  display: none;
}
.header .menu-btn label {
  position: relative;
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-align: left;
}
.header .menu-btn label div:first-child {
  top: 10px;
}
.header .menu-btn label div:nth-child(2) {
  top: 15px;
}
.header .menu-btn label div:nth-child(3) {
  top: 20px;
}
.header .menu-btn:hover div,
.header .menu-btn:hover div:before,
.header .menu-btn:hover div:after {
  background: #ff304c;
}
.header .menu-btn div,
.header .menu-btn div:before,
.header .menu-btn div:after {
  background: #fff;
  position: absolute;
  height: 1px;
  width: 14px;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.header .menu-btn #burger-icon + label div {
  -webkit-transition: top 0.15s 0.3s, background 0.3s ease,
    -webkit-transform 0.15s 0.12s;
  transition: top 0.15s 0.3s, background 0.3s ease,
    -webkit-transform 0.15s 0.12s;
  -o-transition: top 0.15s 0.3s, transform 0.15s 0.12s, background 0.3s ease;
  transition: top 0.15s 0.3s, transform 0.15s 0.12s, background 0.3s ease;
  transition: top 0.15s 0.3s, transform 0.15s 0.12s, background 0.3s ease,
    -webkit-transform 0.15s 0.12s;
}
.header .menu-btn #burger-icon + label div:nth-child(3) {
  -webkit-transition: top 0.15s 0.3s, background 0.3s ease,
    -webkit-transform 0.3s;
  transition: top 0.15s 0.3s, background 0.3s ease, -webkit-transform 0.3s;
  -o-transition: top 0.15s 0.3s, transform 0.3s, background 0.3s ease;
  transition: top 0.15s 0.3s, transform 0.3s, background 0.3s ease;
  transition: top 0.15s 0.3s, transform 0.3s, background 0.3s ease,
    -webkit-transform 0.3s;
}
.header .menu-btn.opened #burger-icon + label div {
  top: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top 0.15s, background 0.3s ease,
    -webkit-transform 0.12s 0.15s;
  transition: top 0.15s, background 0.3s ease, -webkit-transform 0.12s 0.15s;
  -o-transition: top 0.15s, transform 0.12s 0.15s, background 0.3s ease;
  transition: top 0.15s, transform 0.12s 0.15s, background 0.3s ease;
  transition: top 0.15s, transform 0.12s 0.15s, background 0.3s ease,
    -webkit-transform 0.12s 0.15s;
}
.header .menu-btn.opened #burger-icon + label div:nth-child(3) {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: top 0.15s, background 0.3s ease,
    -webkit-transform 0.3s 0.15s;
  transition: top 0.15s, background 0.3s ease, -webkit-transform 0.3s 0.15s;
  -o-transition: top 0.15s, transform 0.3s 0.15s, background 0.3s ease;
  transition: top 0.15s, transform 0.3s 0.15s, background 0.3s ease;
  transition: top 0.15s, transform 0.3s 0.15s, background 0.3s ease,
    -webkit-transform 0.3s 0.15s;
}
.header .menu-btn.opened ~ .container .header-right {
  width: 100%;
}
.header .menu-btn.opened ~ .container .header-search-btn {
  padding-left: 16px;
  cursor: initial;
}
.header .menu-btn.opened ~ .container .header-search-btn:hover svg path {
  fill: #fff;
}
.header .menu-btn.opened ~ .container .header-user-btn {
  background: transparent;
}
.header .menu-btn.opened ~ .container .header-user-btn svg {
  left: 0;
}
.header .menu {
  position: fixed;
  top: 64px;
  width: 100%;
  height: calc(100vh - 64px);
  z-index: 9;
  display: none;
}
.header .menu-bg {
  position: fixed;
  width: 32px;
  height: 32px;
  left: 4px;
  top: 16px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  -o-transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  transition: 0.8s all cubic-bezier(0.5, 0, 0, 1);
  z-index: -1;
}
.header .menu-bg-inner {
  background: #041b2b;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.header .menu-container {
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.header .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding-top: 32px;
}
.header .menu-section {
  width: 230px;
  padding-right: 45px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.header .menu-section:nth-child(3) {
  width: 50%;
}
.header .menu-section:last-child {
  width: 100%;
  padding-right: 10px;
}
.header .menu-section-title {
  color: #ff304c;
  margin-bottom: 12px;
}
.header .menu-section-item {
  margin-bottom: 12px;
}
.header .menu-section-item a {
  color: #fff;
}
.header .menu-section-item a:hover {
  color: #ff304c;
}
.header .menu-section-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.header .menu-section.contact-us {
  display: none;
}
.header .menu-section.products-section {
  width: 75%;
  padding-right: 0;
  margin-top: 30px;
}
.header .menu-section.products-section .products-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header .menu-section.products-section .menu-section-item {
  margin-bottom: 16px;
  width: 33.333%;
}
.header .menu-section.products-section .menu-section-title {
  width: 100%;
}
.header .menu-section.products-section .dropdown-item-icon {
  position: relative;
  left: 0;
  margin-right: 6px;
}
.header .menu .follow-section {
  width: 100%;
  margin-top: 50px;
  padding-right: 10px;
}
.header .menu .follow-section-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 64px;
}
.header .menu .follow-section-links .menu-section-item {
  margin-bottom: 0;
}
.header .menu .follow-section-links a {
  color: #fff;
}
.header .menu .follow-section-links a:hover {
  color: #ff304c;
}
.header .menu-social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.header .menu-social-icon {
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
.header .menu-social-icon:hover img {
  border-color: #ff304c;
}
.header .menu-social-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid transparent;
  border-radius: 50%;
}
.header .menu-social-icon svg .svg-bg {
  fill: #092a42;
  stroke: #092a42;
}
.header .menu-social-icon:last-child {
  margin-right: 0;
}
.header .mob-menu {
  display: none;
}
.dark .header .header-bg {
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  background-color: #041b2b;
}
.dark-fixed .header .header-bg {
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.dark-fixed .header.header-fixed .header-bg {
  background-color: #041b2b;
}
.light .header {
  color: #000;
}
.light .header .header-bg {
  background-color: #eef9ff;
}
.light .header a,
.light .header button {
  color: #000;
}
.light .header .header-logo {
  background-image: url('../img/logo/main_onlight.svg');
}
.light .header .header-menu-btn svg path {
  fill: #a1b2bb;
}
.light .header .header-menu-btn:hover svg path {
  fill: #ff304c;
}
.light .header .header-menu-item.active svg path {
  fill: #ff304c;
}
.light .header .header-search-btn,
.light .header .header-user-btn {
  background: #dbf2ff;
}
.light .header .header-search-btn svg path,
.light .header .header-user-btn svg path {
  fill: #000;
}
.light .header .header-search-btn:hover svg path,
.light .header .header-user-btn:hover svg path {
  fill: #ff304c;
}
.light .header .header-user-btn span {
  color: #000;
}
.light .header .header-user-btn:hover span {
  color: #ff304c;
}
.light .header .header-contacts-btn:hover {
  color: #fff;
}
.light .header .header-dropdown {
  background: #eef9ff;
}
.light .header .dropdown-item-title {
  color: #000;
}
.light .header .dropdown-item-description {
  color: #a1b2bb;
}
.light .header .dropdown-item-status {
  background: #dbf2ff;
  color: #a1b2bb;
}
.light .header .menu-btn {
  background-color: #dbf2ff;
  -webkit-transition: 0.3s background ease 0.5s;
  -o-transition: 0.3s background ease 0.5s;
  transition: 0.3s background ease 0.5s;
}
.light .header .menu-btn label div,
.light .header .menu-btn label div::after,
.light .header .menu-btn label div::before {
  background: #000;
}
.light .header .menu-btn label:hover div,
.light .header .menu-btn label:hover div::after,
.light .header .menu-btn label:hover div::before {
  background: #ff304c;
}
.light .header .menu-btn.opened {
  background-color: #02111d;
  -webkit-transition: 0s background ease 0s;
  -o-transition: 0s background ease 0s;
  transition: 0s background ease 0s;
}
.light .header .menu-btn.opened label div,
.light .header .menu-btn.opened label div::after,
.light .header .menu-btn.opened label div::before {
  background: #fff;
}
.light .header .menu-btn.opened label:hover div,
.light .header .menu-btn.opened label:hover div::after,
.light .header .menu-btn.opened label:hover div::before {
  background: #ff304c;
}
.light .header .menu-btn.opened ~ .container .header-logo {
  background-image: url('../img/logo/main_ondark.svg');
}
.light .header .menu-btn.opened ~ .container .header-search-btn {
  background: #02111d;
}
.light .header .menu-btn.opened ~ .container .header-user-btn span {
  color: #fff;
}
.light .header .menu-btn.opened ~ .container .header-user-btn:hover span {
  color: #ff304c;
}
.light .header .menu-btn.opened ~ .container .header-user-btn:hover svg path {
  fill: #ff304c;
}
.light .header .menu-btn.opened ~ .container .header-contacts-btn {
  color: #fff;
}
.light .header .menu-btn.opened ~ .container .header-search-btn svg path,
.light .header .menu-btn.opened ~ .container .header-user-btn svg path {
  fill: #fff;
}
.light .header .menu-btn.opened ~ .container .search-submit {
  color: #fff;
}
.light .header .menu-btn.opened ~ .container .search-submit:hover {
  color: #ff304c;
}
.light .header .menu a {
  color: #fff;
}
.light .header .menu a:hover {
  color: #ff304c;
}
.light .header .menu .dropdown-item-status {
  background: #02111d;
  color: #66869c;
}
@media screen and (min-width: 1515px) {
  .header {
    height: 80px;
  }
  .header.hidden {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
  }
  .header-bg {
    height: 80px;
  }
  .header-logo {
    margin-right: 90px;
    width: 153px;
    height: 49px;
  }
  .header-search-btn,
  .header-user-btn {
    min-width: 48px;
    width: 48px;
    height: 48px;
    margin-right: 16px;
  }
  .header-search-btn svg,
  .header-user-btn svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
  }
  .header-search-btn {
    min-width: 48px;
    padding-left: 12px;
  }
  .header-user-btn svg {
    left: 12px;
  }
  .header-user-btn span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .header-menu-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .header-menu-btn span {
    margin-right: 8px;
  }
  .header-menu-item {
    margin-right: 35px;
  }
  .header-menu-item.current:before {
    left: -14px;
  }
  .header .dropdown-content {
    padding-bottom: 32px;
    padding-left: 280px;
    padding-right: 300px;
  }
  .header .dropdown-content-wrap {
    top: 80px;
  }
  .header .dropdown-item {
    width: 240px;
    margin-bottom: 32px;
  }
  .header .dropdown-item-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .header .dropdown-item-description {
    width: 200px;
  }
  .header .dropdown-item-icon {
    left: -34px;
  }
  .header .dropdown-item-status {
    margin-left: 12px;
  }
  .header .products-dropdown .dropdown-item {
    margin-right: 34px;
  }
  .header .products-dropdown .dropdown-item.current:before {
    top: 10px;
  }
  .header .menu-btn {
    top: 24px;
  }
  .header .menu {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    top: 80px;
    height: calc(100vh - 80px);
  }
  .header .menu-bg {
    width: 48px;
    height: 48px;
    left: 16px;
  }
  .header .menu-list {
    padding-top: 48px;
  }
  .header .menu-section {
    width: 350px;
    padding-right: 80px;
  }
  .header .menu-section-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .header .menu-section-item {
    margin-bottom: 16px;
  }
  .header .menu-social-icon {
    width: 32px;
    height: 32px;
  }
  .header .menu .follow-section-links a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@media screen and (min-width: 1580px) {
  .header .menu-btn {
    width: 48px;
    height: 48px;
    top: 16px;
    left: 16px;
  }
  .header .menu-btn label {
    height: 48px;
  }
  .header .menu-btn label div:first-child {
    top: 17px;
  }
  .header .menu-btn label div:nth-child(2) {
    top: 23px;
  }
  .header .menu-btn label div:last-child {
    top: 29px;
  }
  .header .menu-btn div,
  .header .menu-btn div:before,
  .header .menu-btn div:after {
    height: 1px;
    width: 20px;
  }
  .header .menu-btn.opened #burger-icon + label div {
    top: 23px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1480px) {
  .header .menu-section {
    width: 33.333%;
  }
  .header .menu-section:nth-child(3) {
    width: 33.333%;
  }
  .header .menu-section.products-section {
    width: 66.666%;
    margin-top: 10px;
  }
  .header .menu-section.products-section .menu-section-item {
    width: 50%;
    margin-bottom: 12px;
  }
  .header .menu-list {
    padding-top: 15px;
  }
  .header .menu-social-icons {
    margin-bottom: 12px;
  }
  .header .menu {
    line-height: 21px;
  }
  .header .menu .follow-section {
    width: 33.333%;
    margin-top: 10px;
  }
  .header .menu .follow-section-links {
    gap: 12px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header .menu .follow-section-links .menu-section-item {
    width: 45%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .header .menu-section {
    width: 25%;
  }
  .header .menu-section.products-section {
    width: 50%;
  }
  .header .menu-section.products-section .menu-section-item {
    width: 50%;
    margin-bottom: 12px;
  }
  .header .menu-social-icons {
    margin-bottom: 12px;
  }
  .header .menu .follow-section {
    width: 25%;
    margin-top: 30px;
  }
  .header .menu .follow-section-links {
    gap: 12px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header .menu .follow-section-links .menu-section-item {
    width: 45%;
  }
}
@media screen and (min-width: 961px) and (max-width: 1023px) {
  .header {
    min-width: 1024px;
  }
  .header.fixed {
    position: fixed;
    top: 0;
  }
  .header.fixed > .header-bg {
    top: 0;
    opacity: 0.9;
  }
  .header .menu {
    overflow-y: auto;
  }
  .header .menu-list {
    padding-top: 0;
    padding-bottom: 120px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header .menu-section {
    padding-top: 16px;
    width: 220px;
  }
  .header .menu-section-item {
    width: 220px;
  }
  .header .menu .products-section {
    width: 680px;
  }
  .header .menu .products-section .products-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header .menu .products-section .menu-section-item {
    width: 220px;
  }
  .header .menu .follow-section {
    padding-right: 0;
  }
  .header .menu .follow-section-links {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header .menu .follow-section-links .menu-section-item {
    margin-top: 0;
    width: 105px;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  body {
    min-width: none;
  }
  .header {
    position: absolute;
    top: 48px;
  }
  .header-bg {
    position: absolute;
  }
  .header .menu {
    height: 100%;
    overflow: auto;
    top: 0;
  }
  .header .menu-container {
    padding-top: 64px;
    position: sticky;
  }
  .header .menu-section {
    margin-top: 32px;
    width: 100%;
    padding-right: 40px;
  }
  .header .menu-section:nth-child(3) {
    width: 100%;
  }
  .header .menu-section:nth-child(4) {
    width: 50%;
  }
  .header .menu-section:first-child {
    margin-top: 0;
  }
  .header .menu-section:last-child > .menu-section-title {
    display: none;
  }
  .header .menu-section-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
  .header .menu-section > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header .menu-section:first-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .header .menu-section.products-section {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding-right: 40px !important;
    width: 100%;
  }
  .header .menu-section.contact-us {
    position: absolute;
    display: block;
    right: 0;
    top: -5px;
    width: 280px;
    margin-left: auto;
  }
  .header .menu-section.contact-us > .btn {
    color: #fff;
  }
  .header .menu-section.follow-section {
    padding-right: 40px;
    width: 100%;
  }
  .header .menu-section-item {
    width: 230px !important;
  }
  .header .menu-social-icon {
    width: 40px;
    height: 40px;
  }
  .header .menu-social-icons {
    margin-bottom: 32px;
  }
  .header .menu-section-item {
    width: 230px;
  }
  .header .menu-list {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .header .menu .follow-section-links {
    gap: 12px;
  }
  .header .menu .follow-section-links .menu-section-item:nth-child(2n) {
    text-align: right;
  }
  .header-right {
    padding-right: 40px;
  }
  .header-menu {
    display: none;
  }
  .header-contacts-btn {
    display: none;
  }
  .header.fixed {
    position: fixed;
    top: 0;
  }
  .header-search-btn .open-search-popup .mob-search-close {
    background-image: url('../img/icons/close-bold.svg') !important;
  }
  .header-user-btn {
    margin-right: 16px;
  }
  .header-search-btn {
    margin-right: 16px;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header-search-btn.mob-search-close {
    background-image: url('../img/icons/close-bold.svg') !important;
  }
  .header-search-btn.mob-search-close svg {
    display: none;
  }
  .header-search-btn:hover svg path {
    fill: #fff;
  }
  .header .menu-bg {
    left: auto;
    top: 64px;
    right: 84px;
  }
  .header .menu-btn {
    top: 12px;
    height: 40px;
    width: 40px;
    right: 64px;
    left: initial;
    position: absolute;
  }
  .header .menu-btn.opened ~ .container .header-search-btn {
    padding-left: 0;
  }
  .header .menu-btn.opened ~ .container .header-user-btn,
  .header .menu-btn.opened ~ .container .header-search-btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background: initial;
  }
  .header .menu-btn.opened ~ .container .header-user-btn svg path,
  .header .menu-btn.opened ~ .container .header-search-btn svg path {
    fill: initial;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header .menu-btn div,
  .header .menu-btn div:after,
  .header .menu-btn div:before {
    width: 16px;
  }
  .header .menu-btn-label:hover div,
  .header .menu-btn-label:hover div:after,
  .header .menu-btn-label:hover div:before {
    background: #fff;
  }
  .header .container {
    padding: 0 64px;
  }
  .header .container.menu-list {
    padding-bottom: 40px;
  }
  .page-wrappe.dark {
    max-width: 991px;
  }
  .light .header a,
  .light .header button {
    color: #fff;
  }
  .light .header-search-btn.mob-search-close {
    background-image: url('../img/icons/close-black.svg') !important;
  }
  .light .menu-btn .opened {
    background-color: initial;
  }
  .discount-visible .header .menu-container {
    padding-top: calc(64px + 48px);
  }
  .discount-visible .header .menu-bg {
    left: auto;
    top: calc(12px + 48px);
    right: 84px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .header .menu-section {
    padding-right: 0px;
  }
  .header .menu-section.products-section {
    padding-right: 0px !important;
  }
  .header .menu-section.contact-us {
    position: absolute;
    display: block;
    right: 0;
    top: -5px;
    width: 236px;
  }
  .header .menu-section.follow-section {
    padding-right: 0px;
    width: 100%;
  }
  .header .menu-section-item {
    width: 230px !important;
  }
  .header-right {
    padding-right: 40px;
  }
  .header .container {
    padding: 0 40px;
  }
  .header .container.menu-list {
    padding-bottom: 40px;
  }
  .header .menu-bg {
    left: auto;
    top: 64px;
    right: 60px;
  }
  .header .menu-btn {
    right: 40px;
  }
  .header-bg {
    top: 48px;
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .header .discount-visible .header .menu-container {
    padding-top: 48px;
  }
  .header-bg {
    top: 48px;
  }
  .header.fixed {
    position: fixed;
    top: 0;
  }
  .header.fixed > .header-bg {
    top: 0;
  }
  .header .menu {
    height: 100%;
  }
  .header .menu-section-item {
    width: 220px !important;
  }
  .header .menu-section .contact-us {
    top: -4px;
    width: 220px;
  }
  .header .menu-social-icons {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 599px) {
  .header {
    position: absolute;
    top: 48px;
  }
  .header-bg {
    position: absolute;
    z-index: 11;
  }
  .header.fixed {
    position: fixed;
    top: 0;
  }
  .header-logo {
    width: 112px;
    height: 36px;
    margin-right: 0;
  }
  .header-menu {
    display: none;
  }
  .header-contacts-btn {
    display: none;
  }
  .header-user-btn,
  .header-search-btn {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
  }
  .header-user-btn svg,
  .header-search-btn svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    left: initial;
    margin: 0px auto;
  }
  .header-user-btn svg path,
  .header-search-btn svg path {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header-right {
    padding-right: 48px;
  }
  .header-user-btn {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 16px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header-search-btn {
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header-search-btn.mob-search-close {
    background-image: url('../img/icons/close-bold.svg') !important;
  }
  .header-search-btn.mob-search-close svg {
    display: none;
  }
  .header-search-btn:hover svg path {
    fill: #fff;
  }
  .header .container {
    padding: 0 16px;
  }
  .header .menu-btn {
    right: 16px;
    left: initial;
    position: absolute;
  }
  .header .menu-btn.opened ~ .container .header-search-btn {
    padding-left: 0;
  }
  .header .menu-btn.opened ~ .container .header-user-btn,
  .header .menu-btn.opened ~ .container .header-search-btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background: initial;
  }
  .header .menu-btn.opened ~ .container .header-user-btn svg path,
  .header .menu-btn.opened ~ .container .header-search-btn svg path {
    fill: initial;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .header .menu-btn div,
  .header .menu-btn div:after,
  .header .menu-btn div:before {
    width: 16px;
  }
  .header .menu-btn-label:hover div,
  .header .menu-btn-label:hover div:after,
  .header .menu-btn-label:hover div:before {
    background: #fff;
  }
  .header .mob-menu {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    top: 0;
    left: 0;
  }
  .header .mob-menu-bg {
    background: #041b2b;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
  }
  .header .mob-menu-container {
    padding: 0 16px;
    padding-top: 64px;
    height: 100%;
    overflow: auto;
  }
  .header .mob-menu .dropdown {
    width: 100%;
    border-bottom: 1px solid rgba(2, 17, 29, 0.5);
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
  }
  .header .mob-menu .dropdown-btn {
    background: transparent;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 16px;
  }
  .header .mob-menu .dropdown-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #ff304c;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header .mob-menu .dropdown-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header .mob-menu .dropdown-list {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
  }
  .header .mob-menu .dropdown-list-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .header .mob-menu .dropdown-list-icon {
    width: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 6px;
  }
  .header .mob-menu .dropdown-list-tag {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #66869c;
    background: rgba(2, 17, 29, 0.95);
    padding: 0 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18px;
    margin-left: 8px;
  }
  .header .mob-menu .dropdown.closed {
    height: 56px !important;
  }
  .header .mob-menu .dropdown.closed .dropdown-title {
    color: #fff;
  }
  .header .mob-menu .dropdown.closed .dropdown-arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .header .mob-menu .dropdown.closed .dropdown-list {
    opacity: 0;
  }
  .header .mob-menu-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 0;
  }
  .header .mob-menu-btn {
    color: #fff;
    margin-right: 24px;
  }
  .header .mob-menu-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header .mob-menu-social-icon {
    margin-right: 16px;
    width: 24px;
    height: 24px;
  }
  .header .mob-menu-social-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .header .mob-menu-social-icon:last-child {
    margin-right: 0;
  }
  .header .mob-menu-other-links {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    margin-bottom: 16px;
    width: 128px;
  }
  .light .header a,
  .light .header button {
    color: #fff;
  }
  .light .header-search-btn.mob-search-close {
    background-image: url('../img/icons/close-black.svg') !important;
  }
  .light .menu-btn .opened {
    background-color: initial;
  }
  .discount-visible .header .mob-menu {
    height: calc((var(--vh, 1vh) * 100) - 48px);
  }
}
.stab {
  background: #041b2b;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 10000;
  width: 100%;
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  color: #fff;
  padding: 32px 64px;
}
.stab-img {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}
.stab-logo {
  margin-bottom: 24px;
  height: 52px;
}
.stab-title {
  font-size: 64px;
  font-weight: 900;
  line-height: 72px;
}
.stab-title b {
  color: #ff304c;
}
.stab-bottom {
  position: relative;
}
.stab-block {
  background: rgba(2, 17, 29, 0.95);
  border-radius: 4px;
  width: calc(100% + 64px);
  margin: 0px auto;
  margin-left: -32px;
  padding: 32px;
  margin-bottom: 32px;
}
.stab-block-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.stab-block-text b {
  display: block;
  font-weight: 700;
}
.stab-block-text a {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #ff304c;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.stab-block-text a:hover {
  opacity: 0.6;
}
.stab-block-divider {
  border: 1px solid #092a42;
  height: 1px;
  width: 100%;
  margin: 16px 0;
}
.stab-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.stab-social span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.stab-social-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
}
.stab-social-icon {
  margin-right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid transparent;
}
.stab-social-icon:hover {
  border-color: #ff304c;
}
.stab-social-icon:first-child {
  background-image: url('../img/icons/menu-facebook.svg');
}
.stab-social-icon:nth-child(2) {
  background-image: url('../img/icons/sys.svg');
}
.stab-social-icon:nth-child(3) {
  background-image: url('../img/icons/sts.svg');
}
.stab-social-icon:last-child {
  background-image: url('../img/icons/sls.svg');
  margin-right: 0;
}
@media screen and (max-width: 567px) {
  .stab {
    padding: 16px 0;
    text-align: center;
  }
  .stab-logo {
    height: 32px;
    margin-bottom: 16px;
  }
  .stab-img {
    -o-object-position: center 32%;
    object-position: center 32%;
  }
  .stab-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
  }
  .stab-title b {
    display: block;
  }
  .stab-block {
    width: 288px;
    padding: 16px;
    margin-left: auto;
    text-align: left;
    margin-bottom: 16px;
  }
  .stab-block-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .stab-block-text b {
    display: initial;
  }
  .stab-block-text a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
  }
  .stab-block-divider {
    margin: 8px 0;
  }
  .stab-social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .stab-social span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  html {
    overflow-y: auto;
    min-height: auto;
  }
  html .page-wrapper {
    display: block;
  }
  html .stab {
    display: none;
  }
}
@media screen and (min-width: 790px) {
  .stab-title b {
    display: block;
  }
}
/*# sourceMappingURL=styles.min.css.map */