@charset "UTF-8";

/*!
 * styles.scss
 * 
 *
 * 
 * 
 */

/*!
 * _main.scss
 * 
 *
 * 
 * 
 */

/*!
 * _reset.scss
 * 
 *
 * 
 * 
 */

article,
aside,
audio,
blockquote,
body,
canvas,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
li,
mark,
menu,
nav,
ol,
p,
pre,
section,
summary,
td,
textarea,
th,
time,
ul,
video {
  margin: 0;
  padding: 0;
}

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

fieldset,
img,
span {
  border: none;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: 400;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

abbr,
acronym {
  border: none;
}

sub,
sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 0.65em;
}

sub {
  top: 0.4em;
}

.small,
small {
  font-size: 0.86em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
time {
  display: block;
}

* {
  box-sizing: border-box;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

textarea {
  -webkit-appearance: none;
}

iframe {
  border: none;
}

/*!
 * _descriptions.scss
 * 
 *
 * 
 * 
 */

/*!
 * _fonts.scss
 * 
 *
 * 
 * 
 */

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.eot);
  src: local("Roboto Light"), local("Roboto-Light"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.woff2)
      format("woff2"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.woff)
      format("woff"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.ttf)
      format("truetype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.svg#Roboto)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot);
  src: local("Roboto"), local("Roboto-Regular"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff2)
      format("woff2"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff)
      format("woff"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.ttf)
      format("truetype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.svg#Roboto)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.eot);
  src: local("Roboto Medium"), local("Roboto-Medium"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.woff2)
      format("woff2"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.woff)
      format("woff"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.ttf)
      format("truetype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.svg#Roboto)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.eot);
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.woff2)
      format("woff2"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.woff)
      format("woff"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.ttf)
      format("truetype"),
    url(../../assets/fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.svg#Roboto)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot);
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff2)
      format("woff2"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff)
      format("woff"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.ttf)
      format("truetype"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.svg#SourceSansPro)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.eot);
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.woff2)
      format("woff2"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.woff)
      format("woff"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.ttf)
      format("truetype"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.svg#SourceSansPro)
      format("svg");
}

@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.eot);
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.woff2)
      format("woff2"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.woff)
      format("woff"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.ttf)
      format("truetype"),
    url(../../assets/fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.svg#SourceSansPro)
      format("svg");
}

@font-face {
  font-family: Gilroy;
  src: url(../../assets/fonts/gilroy-extrabold.eot);
  src: url(../../assets/fonts/gilroy-extrabold.eot?#iefix)
      format("embedded-opentype"),
    url(../../assets/fonts/gilroy-extrabold.woff2) format("woff2"),
    url(../../assets/fonts/gilroy-extrabold.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../../assets/fonts/Gilroy-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../../assets/fonts/Gilroy-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: local(""),
    url(../../assets/fonts/inter-v3-latin-regular.woff2) format("woff2"),
    url(../../assets/fonts/inter-v3-latin-regular.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: local(""),
    url(../../assets/fonts/inter-v3-latin-600.woff2) format("woff2"),
    url(../../assets/fonts/inter-v3-latin-600.woff) format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: local(""),
    url(../../assets/fonts/inter-v3-latin-700.woff2) format("woff2"),
    url(../../assets/fonts/inter-v3-latin-700.woff) format("woff");
}

/*!
 * _icons.scss
 * 
 *
 * 
 * 
 */

@font-face {
  font-display: swap;
  font-family: incognic-icons;
  src: url(../../assets/fonts/incognic-icons.eot);
  src: url(../../assets/fonts/incognic-icons.eot?#iefix) format("eot"),
    url(../../assets/fonts/incognic-icons.woff2) format("woff2"),
    url(../../assets/fonts/incognic-icons.woff) format("woff"),
    url(../../assets/fonts/incognic-icons.ttf) format("truetype"),
    url(../../assets/fonts/incognic-icons.svg#incognic-icons) format("svg");
}

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

.df-arrow-down:before {
  content: "\e001";
}

.df-arrow-f-down:before {
  content: "\e002";
}

.df-arrow-f-left:before {
  content: "\e003";
}

.df-arrow-f-right:before {
  content: "\e004";
}

.df-arrow-f-up:before {
  content: "\e005";
}

.df-arrow-left:before {
  content: "\e006";
}

.df-arrow-right:before {
  content: "\e007";
}

.df-arrow-up:before {
  content: "\e008";
}

.df-bars:before {
  content: "\e009";
}

.df-behance:before {
  content: "\e00a";
}

.df-car:before {
  content: "\e00b";
}

.df-check:before {
  content: "\e00c";
}

.df-close-thin:before {
  content: "\e00d";
}

.df-close:before {
  content: "\e00e";
}

.df-incognic-txt:before {
  content: "\e00f";
}

.df-incognic:before {
  content: "\e010";
}

.df-dribbble:before {
  content: "\e011";
}

.df-facebook:before {
  content: "\e012";
}

.df-google-plus:before {
  content: "\e013";
}

.df-instagram:before {
  content: "\e014";
}

.df-linkedin:before {
  content: "\e015";
}

.df-man:before {
  content: "\e016";
}

.df-medium:before {
  content: "\e017";
}

.df-orden:before {
  content: "\e018";
}

.df-phew:before {
  content: "\e019";
}

.df-pinterest:before {
  content: "\e01a";
}

.df-reddit:before {
  content: "\e01b";
}

.df-remove-cir:before {
  content: "\e01c";
}

.df-rrs:before {
  content: "\e01d";
}

.df-star:before {
  content: "\e01e";
}

.df-twitter:before {
  content: "\e01f";
}

body,
html {
  width: 100%;
  height: 100%;
}

body.-overflow-hidden,
html.-overflow-hidden {
  position: relative;
  overflow: hidden;
}

body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  background: #131426;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
textarea {
  -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

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

b {
  font-weight: 700;
}

.title {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  line-height: 29px;
  font-weight: 800;
}

@media (min-width: 768px) {
  .title {
    font-size: 32px;
    line-height: 40px;
  }
}

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

@media (min-width: 1280px) {
  .wrap {
    width: 1160px;
    margin: 0 auto;
    padding: 0;
  }
}

.wrap-v4 {
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .wrap-v4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .wrap-v4.-m-flat {
    padding-left: 0;
    padding-right: 0;
  }
}

.back {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  z-index: 100;
}

@media (min-width: 768px) {
  .back {
    top: 96px;
  }
}

.back a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
}

.back a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  transform: translateX(-50%) translateY(-50%);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  transition: all 150ms linear;
}

.back a:hover:before {
  width: 40px;
  height: 40px;
}

.back svg {
  position: relative;
  width: 12px;
  height: 10px;
  fill: #fff;
}

.back svg:not(.-v4) {
  transform: scale(-1, 1);
}

@media (max-width: 350px) {
  .crecaptcha,
  .recaptcha {
    transform: scale(0.86);
    transform-origin: 0 0;
  }
}

@media (min-width: 768px) {
  #drift-widget {
    bottom: 24px !important;
    right: 24px !important;
  }
}

@media (max-width: 767px) {
  #drift-widget {
    bottom: 24px !important;
    margin-right: 15px !important;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.list-item {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-left: 24px;
  margin-bottom: 8px;
  background: url(../../assets/images/home-v3/list-icon.png) no-repeat left top;
}

.list-item:last-child {
  margin-bottom: 0;
}

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

.list-row .list-col {
  flex: 0 0 50%;
}

.crecaptcha-msg {
  position: relative;
}

.grecaptcha-badge {
  display: none;
}

@media (min-width: 1280px) {
  .-hidden-d {
    display: none;
  }
}

@media (max-width: 1279px) {
  .-hidden-t {
    display: none;
  }
}

@media (max-width: 767px) {
  .popup__close svg {
    width: 32px;
    height: 32px;
  }
}

.horizontal-scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
}

.horizontal-scroll-container::-webkit-scrollbar {
  display: none;
}

.to-block {
  cursor: pointer;
}

.-mt32 {
  margin-top: 32px;
}

.-mt24 {
  margin-top: 24px;
}

/*!
 * _overrides.scss
 * 
 *
 * 
 * 
 */

.iti {
  width: 100%;
}

.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../../assets/images/flags.webp);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

.no-webp .iti__flag {
  background-image: url(../../assets/images/flags.png);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(../../assets/images/flags@2x.webp);
  }
  .no-webp .iti__flag {
    background-image: url(../../assets/images/flags@2x.png);
  }
}

.iti__selected-flag {
  outline: 0;
}

.iti__country-list {
  background: #202240;
  border-color: #fff;
  border-radius: 5px;
  box-shadow: none;
}

.iti__country-list .divider {
  border-bottom-color: #ccc;
}

.iti__country.iti__highlight {
  background: #363a7c;
}

.select2-container {
  width: 100% !important;
}

.select2-container--open .select2-selection--single {
  border-color: #bcbdd4 !important;
}

.select2-dropdown-container-light .select2-dropdown {
  border-radius: 6px;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #c6c7db;
}

.select2-dropdown-container-light .select2-results .select2-results__option {
  color: #131426;
  font-family: Inter;
  padding: 16px 19px !important;
}

.select2-dropdown {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(19, 20, 38, 0.5);
  background-color: #2c2d4d;
  border: none;
}

.select2-results__option {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  padding: 16px 12px !important;
}

.select2-results__option[aria-selected="true"] {
  color: #e7a00b;
  background-color: transparent !important;
}

.select2-results__option--highlighted {
  background-color: transparent !important;
  color: #e7a00b !important;
}

.select2-results__options {
  max-height: 255px !important;
}

.select2 .select2-selection--single {
  font-size: 16px;
  font-weight: 500;
  padding: 0 11px;
  height: 48px;
  outline: 0;
  background: 0 0;
  box-shadow: none;
  border: 2px solid #5a5c77;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

.select2 .select2-selection__rendered {
  color: #fff !important;
}

.select2 .select2-selection__rendered[title="Please select"] {
  color: #5a5c77 !important;
}

.select2 .select2-selection__arrow {
  top: unset !important;
  right: 10px !important;
}

/*!
 * owl.carousel.scss
 * 
 *
 * 
 * 
 */

/*!
 * _core.scss
 * 
 *
 * 
 * 
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  display: flex;
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

/*!
 * _animate.scss
 * 
 *
 * 
 * 
 */

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*!
 * _autoheight.scss
 * 
 *
 * 
 * 
 */

.owl-height {
  transition: height 0.5s ease-in-out;
}

/*!
 * _lazyload.scss
 * 
 *
 * 
 * 
 */

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*!
 * _video.scss
 * 
 *
 * 
 * 
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*!
 * _page.scss
 * 
 *
 * 
 * 
 */

.page {
  min-height: 100%;
  margin-bottom: -251px;
}

@media (min-width: 1280px) {
  .page {
    margin-bottom: -174px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page {
    margin-bottom: -157px;
  }
}

.page.-isInfoCovid {
  padding-top: 126px;
}

@media (min-width: 1280px) {
  .page.-isInfoCovid {
    padding-top: 56px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-isInfoCovid {
    padding-top: 66px;
  }
}

.page.-home .middle {
  padding-top: 0;
}

.page.-blog {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .page.-blog {
    background-image: url(../../assets/images/blog-bg-768.png);
    background-size: 767px auto;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-blog {
    background-image: url(../../assets/images/blog-bg-1280.png);
  }
}

@media (min-width: 1280px) {
  .page.-blog {
    background-image: url(../../assets/images/blog-bg.png);
  }
}

.page.-blog .middle {
  padding-top: 0;
}

.page.-cases {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .page.-cases {
    background-size: 768px auto;
  }
}

.page.-cases .cases {
  padding-top: 25px;
}

@media (min-width: 768px) {
  .page.-cases .cases {
    padding-top: 60px;
  }
}

.page.-cases .cases__item {
  animation: fadein 1s;
}

.page.-cases .cases__item.-virtual-case .case__params {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .page.-cases .cases__item.-virtual-case .case__content h3.p {
    width: 454px;
  }
}

.page.-vacancy {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .page.-vacancy {
    background-size: 768px auto;
  }
}

.page.-clients {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .page.-clients {
    background-size: 768px auto;
  }
}

.page.-products {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .page.-products {
    background-size: 768px auto;
  }
}

.page.-cases-one .header {
  background-color: #131426;
}

.page.-cases-ipbank {
  margin-bottom: 0 !important;
}

.page.-cases-ipbank .header {
  background-color: #fff;
}

.page.-cases-ipbank .back {
  display: flex;
  justify-content: center;
  top: 156px;
}

@media (max-width: 767px) {
  .page.-cases-ipbank .back {
    top: 88px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-cases-ipbank .back {
    top: 168px;
  }
}

.page.-cases-ipbank .back .wrap {
  width: 1300px;
}

@media (max-width: 767px) {
  .webp .page.-who-we {
    background-image: url(../../assets/images/who-we-bg-768.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .page.-who-we {
    background-image: url(../../assets/images/who-we-bg-1280.webp);
  }
}

@media (min-width: 1280px) {
  .webp .page.-who-we {
    background-image: url(../../assets/images/who-we-bg.webp);
  }
}

@media (max-width: 767px) {
  .webp .page.-vacancy {
    background-image: url(../../assets/images/vacancy-bg-768.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .page.-vacancy {
    background-image: url(../../assets/images/vacancy-bg-1280.webp);
  }
}

@media (min-width: 1280px) {
  .webp .page.-vacancy {
    background-image: url(../../assets/images/vacancy-bg.webp);
  }
}

@media (max-width: 767px) {
  .webp .page.-products {
    background-image: url(../../assets/images/solutions-bg.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .page.-products {
    background-image: url(../../assets/images/solutions-bg.webp);
  }
}

@media (min-width: 1280px) {
  .webp .page.-products {
    background-image: url(../../assets/images/solutions-bg.webp);
  }
}

.webp .page.-cases {
  background: url(../../assets/images/cases/bg.png) no-repeat top center #f8f8f8;
  background-size: contain;
}

@media (max-width: 767px) {
  .no-webp .page.-who-we {
    background-image: url(../../assets/images/who-we-bg-768.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-who-we {
    background-image: url(../../assets/images/who-we-bg-1280.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .page.-who-we {
    background-image: url(../../assets/images/who-we-bg.jpg);
  }
}

@media (max-width: 767px) {
  .no-webp .page.-vacancy {
    background-image: url(../../assets/images/vacancy-bg-768.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-vacancy {
    background-image: url(../../assets/images/vacancy-bg-1280.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .page.-vacancy {
    background-image: url(../../assets/images/vacancy-bg.jpg);
  }
}

@media (max-width: 767px) {
  .no-webp .page.-clients {
    background-image: url(../../assets/images/clients-bg-768.png);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-clients {
    background-image: url(../../assets/images/clients-bg-1280.png);
  }
}

@media (min-width: 1280px) {
  .no-webp .page.-clients {
    background-image: url(../../assets/images/clients-bg.png);
  }
}

@media (max-width: 767px) {
  .no-webp .page.-products {
    background-image: url(../../assets/images/solutions-bg.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-products {
    background-image: url(../../assets/images/solutions-bg.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .page.-products {
    background-image: url(../../assets/images/solutions-bg.jpg);
  }
}

@media (max-width: 767px) {
  .no-webp .page.-cases {
    background-image: url(../../assets/images/products/product-bg.png);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-cases {
    background-image: url(../../assets/images/products/product-bg.png);
  }
}

@media (min-width: 1280px) {
  .no-webp .page.-cases {
    background-image: url(../../assets/images/products/product-bg.png);
  }
}

/*!
 * _middle.scss
 * 
 *
 * 
 * 
 */

.middle {
  position: relative;
  padding-top: 64px;
  padding-bottom: 251px;
}

@media (min-width: 768px) {
  .middle {
    padding-top: 64px;
    padding-bottom: 174px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .middle {
    padding-bottom: 157px;
  }
}

.middle-cases {
  position: relative;
  padding-top: 56px;
  padding-bottom: 251px;
}

@media (min-width: 768px) {
  .middle-cases {
    padding-top: 56px;
    padding-bottom: 174px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .middle-cases {
    padding-bottom: 157px;
  }
}

/*!
 * _header.scss
 * 
 *
 * 
 * 
 */

.header-v4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 102;
  transition: all 150ms linear;
  animation: fadein 1.5s;
  border-bottom: 1px solid #e3e4ef;
  background: #fff;
}

.header-v4 .header-wrap {
  max-width: 1380px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
}

@media (max-width: 1299px) {
  .header-v4 .header-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .header-v4 .header-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.header-v4__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  transition: height 150ms linear;
}

@media (max-width: 1279px) {
  .header-v4__body {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .header-v4__body {
    padding: 0 24px;
  }
}

.header-v4__body .logo-dark {
  display: block;
}

.header-v4__body .logo-white {
  display: none;
}

.header-v4__logo {
  position: relative;
}

.header-v4__logo img {
  height: 26px;
  display: block;
}

.header-v4__logo span {
  font-family: Gilroy, sans-serif;
  display: none;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  top: -2px;
  left: 121px;
  width: 236px;
  height: 32px;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #131426;
  padding: 4px 16px;
  text-align: center;
  background: linear-gradient(
    90.22deg,
    rgba(255, 189, 18, 0.12) 0,
    rgba(224, 61, 61, 0.12) 53.72%,
    rgba(205, 33, 233, 0.12) 101.11%
  );
  border-radius: 20px;
  pointer-events: none;
}

@media (max-width: 767px) {
  .header-v4__logo span {
    display: none;
  }
}

.header-v4__logo span svg {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.header-v4__tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1280px) {
  .header-v4__tools {
    flex-direction: row-reverse;
    width: calc(100% - 200px);
  }
}

.header-v4__magic {
  width: calc(100% - 100px);
  display: flex;
  justify-content: center;
}

.header-v4__magic span {
  white-space: nowrap;
  display: block;
  font-family: Gilroy, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.13px;
  padding: 4px 20px 4px 42px;
  border-radius: 52px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: url(../../assets/images/ic-magic.svg) no-repeat 12px center;
}

@media (max-width: 767px) {
  .header-v4__magic {
    display: none;
  }
}

.header-v4 .button {
  width: 91px;
  height: 36px;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  border-radius: 8px;
  border-color: #edeefe;
  background: rgba(255, 255, 255, 0.12);
  transition: all 0.5s ease;
  color: #131426;
}

@media (min-width: 768px) {
  .header-v4 .button {
    margin-left: 30px;
  }
}

.header-v4__menu {
  width: calc(100% - 100px);
  display: flex;
  justify-content: center;
}

.header-v4__menu .menu-v4 {
  transition: top 150ms linear;
}

@media (max-width: 1279px) {
  .header-v4__menu .menu-v4 {
    display: none;
    position: fixed;
    top: 65px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding-top: 24px;
    padding-bottom: 40px;
    background-color: #fff;
  }
}

.header-v4__door {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 16px;
  margin-right: -8px;
}

@media (min-width: 1280px) {
  .header-v4__door {
    display: none;
  }
}

.header-v4__door:hover {
  color: #131426;
}

.header-v4__door svg {
  fill: #131426;
}

.header-v4__door svg.-menu {
  width: 32px;
  height: 32px;
}

.header-v4__door svg.-close {
  display: none;
  width: 32px;
  height: 32px;
}

.header-v4.-open {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.header-v4.-open .logo-dark {
  display: block !important;
}

.header-v4.-open .logo-white {
  display: none !important;
}

.header-v4.-open .header__menu .menu {
  top: 56px;
}

.header-v4.-open .menu-v4 .sub-menu {
  top: 57px;
}

.header-v4.-fixed,
.header-v4:hover {
  position: fixed;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #fff !important;
}

.header-v4.-fixed .logo-dark,
.header-v4:hover .logo-dark {
  display: block !important;
}

.header-v4.-fixed .logo-white,
.header-v4:hover .logo-white {
  display: none !important;
}

.header-v4.-fixed .header-v4__menu .menu-v4__item,
.header-v4:hover .header-v4__menu .menu-v4__item {
  color: rgba(19, 20, 38, 0.64);
}

.header-v4.-fixed .header-v4__menu .menu-v4__item:hover,
.header-v4:hover .header-v4__menu .menu-v4__item:hover {
  color: #131426;
}

.header-v4.-fixed .button,
.header-v4:hover .button {
  border-color: #edeefe !important;
  color: #131426 !important;
}

.header-v4.-fixed .button:hover,
.header-v4:hover .button:hover {
  border-color: #818398 !important;
}

.header-v4.-fixed .header-v4__logo span,
.header-v4:hover .header-v4__logo span {
  display: flex;
}

@media (max-width: 767px) {
  .header-v4.-fixed .header-v4__logo span,
  .header-v4:hover .header-v4__logo span {
    display: none;
  }
}

.header-v4.-fixed .header-v4__magic span,
.header-v4:hover .header-v4__magic span {
  border-color: #edeefe !important;
  background-image: url(../../assets/images/ic-magic-dark.svg) !important;
  background-color: #fff !important;
  color: #131426 !important;
}

@media (max-width: 1279px) {
  .header-v4.-open {
    background: #fff !important;
  }
}

.header-v4.-open .menu-v4 {
  display: flex;
}

@media (max-width: 1279px) {
  .header-v4.-open .menu-v4 {
    display: block;
  }
}

.header-v4.-open .header__door svg.-menu {
  display: none;
}

.header-v4.-open .header__door svg.-close {
  display: block;
}

.header-v4.-open .info-covid {
  display: none;
}

.header-v4.-open .header-v4__menu .menu-v4__item,
.header-v4.-open .menu-item {
  color: rgba(19, 20, 38, 0.64);
}

.header-v4.-open .header-v4__menu .menu-v4__item.-active,
.header-v4.-open .header-v4__menu .menu-v4__item:hover,
.header-v4.-open .menu-item.-active,
.header-v4.-open .menu-item:hover {
  color: #131426;
}

.header-v4.-open .button {
  border-color: #edeefe !important;
  color: #131426 !important;
}

.header-v4 .header-v4__logo span {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.header-v4:not(.-fixed) .header-v4__logo span {
  opacity: 0;
}

.header-v4.-header-single .header-v4__tools {
  flex-direction: row !important;
}

@media (max-width: 1279px) {
  .header-v4.-header-single .header-v4__tools {
    width: calc(100% - 100px);
  }
}

.-clutch-dev .header-v4,
.-clutch-ta .header-v4,
.-home-v4 .header-v4,
.-home-v5 .header-v4,
.-marketing .header-v4,
.-service-team .header-v4 {
  background: 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.-clutch-dev .header-v4__body .logo-dark,
.-clutch-ta .header-v4__body .logo-dark,
.-home-v4 .header-v4__body .logo-dark,
.-home-v5 .header-v4__body .logo-dark,
.-marketing .header-v4__body .logo-dark,
.-service-team .header-v4__body .logo-dark {
  display: none;
}

.-clutch-dev .header-v4__body .logo-white,
.-clutch-ta .header-v4__body .logo-white,
.-home-v4 .header-v4__body .logo-white,
.-home-v5 .header-v4__body .logo-white,
.-marketing .header-v4__body .logo-white,
.-service-team .header-v4__body .logo-white {
  display: block;
}

.-clutch-dev .header-v4__menu .menu-v4__item,
.-clutch-ta .header-v4__menu .menu-v4__item,
.-home-v4 .header-v4__menu .menu-v4__item,
.-home-v5 .header-v4__menu .menu-v4__item,
.-marketing .header-v4__menu .menu-v4__item,
.-service-team .header-v4__menu .menu-v4__item {
  color: #fff;
}

.-clutch-dev .header-v4 .button,
.-clutch-ta .header-v4 .button,
.-home-v4 .header-v4 .button,
.-home-v5 .header-v4 .button,
.-marketing .header-v4 .button,
.-service-team .header-v4 .button {
  border-color: #fff;
  background: #fff;
  color: #000;
}

.sitemap {
  background: #131426;
}

.sitemap__wrap {
  position: relative;
  max-width: 1140px;
  padding: 56px 0 36px;
  margin: 0 auto;
}

.sitemap__wrap > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .sitemap__wrap > ul {
    flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .sitemap {
    padding: 40px 32px 16px;
  }
}

@media (max-width: 767px) {
  .sitemap {
    padding: 40px 40px 8px;
  }
}

@media (min-width: 768px) {
  .sitemap .column:not(.social) ul {
    padding-left: 1em;
  }
  .sitemap .column:not(.social) li:not(.seeMore):before {
    content: "◦";
    color: #f8b000;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .sitemap .column {
    width: 50%;
    margin-bottom: 16px;
  }
  .sitemap .column:nth-child(5) {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .sitemap .column {
    margin-bottom: 8px;
    padding-left: 20px;
  }
}

.sitemap .column h3 {
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  line-height: 24px;
  font-size: 12px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .sitemap .column h3 {
    position: relative;
  }
  .sitemap .column h3:before {
    position: absolute;
    top: 6px;
    left: -28px;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    box-shadow: inset -2px 2px 0 #b1b2c1;
    transform: rotate(45deg);
    transition: transform 0.2s ease-in-out;
  }
  .sitemap .column h3.show:before {
    transform: rotate(135deg);
  }
  .sitemap .column h3.show + ul {
    max-height: 300px;
  }
}

.sitemap .column ul {
  list-style: none;
}

@media (max-width: 767px) {
  .sitemap .column ul {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease-in-out;
  }
}

.sitemap .column li {
  margin-bottom: 24px;
}

.sitemap .column a {
  line-height: 20px;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
}

.sitemap .column a:hover {
  color: #f8b000;
}

.sitemap .column .seeMore a {
  padding: 8px 16px;
  border-radius: 50px;
  background-color: rgba(248, 176, 0, 0.1);
  color: #f8b000;
}

@media (min-width: 768px) {
  .sitemap .column .seeMore a {
    margin-left: -1em;
  }
}

.sitemap .column .seeMore a:after {
  content: "➜";
  display: inline-block;
  margin-left: 4px;
}

.sitemap .column .seeMore a:hover {
  background-color: rgba(248, 176, 0, 0.2);
}

@media (min-width: 768px) and (max-width: 1279px) {
  .sitemap .column.company ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .sitemap .column.company ul li {
    flex: 1 1 50%;
  }
}

.footer-v5 {
  border-top: 1px solid #e6e6ef;
  background: radial-gradient(
      34.45% 46.83% at 77.4% 50%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      30.13% 51.49% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    #fff;
  color: #131426;
  padding-bottom: 64px;
}

@media (max-width: 1279px) {
  .footer-v5 {
    padding: 64px 0 32px;
  }
}

@media (max-width: 767px) {
  .footer-v5 {
    padding: 48px 9px 24px;
  }
}

.footer-v5__top-wrap {
  position: relative;
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .footer-v5__top-wrap {
    padding: 0;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .footer-v5__top-wrap {
    margin-bottom: 0;
  }
}

.footer-v5__top-wrap > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 64px;
}

@media (max-width: 767px) {
  .footer-v5__top-wrap > ul {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .footer-v5__top-wrap > ul {
    gap: 0;
  }
}

.footer-v5 .column {
  justify-content: space-between;
  flex: 1;
  max-width: 100%;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .footer-v5 .column {
    flex: 1 1 calc(50% - 32px);
    max-width: 50%;
  }
  .footer-v5 .column.company {
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .footer-v5 .column {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.footer-v5 .column h3 {
  margin-bottom: 24px;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}

@media (max-width: 767px) {
  .footer-v5 .column h3 {
    position: relative;
  }
  .footer-v5 .column h3:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    right: 0;
    top: -5px;
    background: url(../../assets/images/home-v5/footer-menu-arrow.png) no-repeat
      center center;
  }
  .footer-v5 .column h3.show:before {
    transform: rotate(90deg);
  }
  .footer-v5 .column h3.show + ul {
    max-height: 300px;
  }
}

.footer-v5 .column ul {
  list-style: none;
}

@media (max-width: 767px) {
  .footer-v5 .column ul {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease-in-out;
  }
}

.footer-v5 .column li {
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .footer-v5 .column li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .footer-v5 .column li:last-child {
    margin-bottom: 32px;
  }
}

.footer-v5 .column a {
  transition: all 0.15s ease-in-out;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.footer-v5 .column a:hover {
  color: rgba(19, 20, 38, 0.64);
}

.footer-v5 .column.company {
  max-width: 140px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .footer-v5 .column.company ul {
    display: flex;
    flex-direction: column;
  }
  .footer-v5 .column.company ul li {
    flex: 1 1 50%;
  }
}

.footer-v5__bottom-wrap {
  display: flex;
  flex-direction: row;
  padding: 40px 0;
  border-top: 1px solid #f7f7f9;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

@media (max-width: 1279px) {
  .footer-v5__bottom-wrap {
    flex-direction: column;
    gap: 20px;
  }
}

.footer-v5__bottom-wrap .first-row,
.footer-v5__bottom-wrap .second-row {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1279px) {
  .footer-v5__bottom-wrap .first-row,
  .footer-v5__bottom-wrap .second-row {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .footer-v5__bottom-wrap .first-row,
  .footer-v5__bottom-wrap .second-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

.footer-v5__bottom-wrap .divider {
  height: 16px;
  width: 1px;
  background: #b1b2c1;
  margin: 0 12px;
}

.footer-v5__bottom-wrap__logo {
  position: relative;
}

.footer-v5__bottom-wrap__logo img {
  display: block;
  fill: #b1b2c1;
}

.footer-v5__bottom-wrap .contacts-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 767px) {
  .footer-v5__bottom-wrap .contacts-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .footer-v5__bottom-wrap .contacts-block .divider {
    display: none;
  }
}

.footer-v5__bottom-wrap .contacts-block p {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.footer-v5__bottom-wrap .socials-block {
  display: flex;
}

.footer-v5__bottom-wrap .socials-block .social {
  margin-right: 12px;
}

@media (max-width: 767px) {
  .footer-v5__bottom-wrap .socials-block .social {
    width: 32px;
  }
}

.footer-v5__bottom-wrap .socials-block .social svg {
  height: unset;
}

.footer-v5__bottom-wrap .socials-block .social svg use {
  fill: #b1b2c1;
}

.footer-v5__bottom-wrap .socials-block .social svg:hover use {
  fill: #131426;
}

.footer-v5__bottom-wrap .pci-block img {
  height: 24px;
}

.footer-v5__bottom-wrap .footer-block {
  display: flex;
  align-items: center;
}

.footer-v5__bottom-wrap .footer-block .item {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.footer-v5__bottom-wrap .footer-block .item a:hover {
  color: rgba(19, 20, 38, 0.64);
}

.footer-v5.-simple {
  border: 0;
  background: #fff;
  padding-bottom: 24px;
}

.footer-v5.-simple .footer-v5__bottom-wrap {
  border: 0;
}

/*!
 * _animations.scss
 * 
 *
 * 
 * 
 */

main {
  animation: fadein 2s;
}

.popup.-open .popup__content {
  animation: fadein 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.menu-v4 {
  display: flex;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  gap: 32px;
  color: rgba(19, 20, 38, 0.64);
}

@media (max-width: 1279px) {
  .menu-v4 {
    font-size: 16px;
  }
}

.menu-v4__item {
  position: static;
  border-bottom: 2px solid transparent;
}

@media (max-width: 1279px) {
  .menu-v4__item {
    display: flex;
    align-items: center;
    padding-left: 24px;
    margin-bottom: 22px;
    position: relative;
  }
}

@media (max-width: 767px) {
  .menu-v4__item {
    padding-left: 15px;
  }
}

@media (min-width: 1280px) {
  .menu-v4__item {
    padding: 20px 0;
  }
}

@media (min-width: 1280px) {
  .menu-v4__item.before-d {
    display: none;
  }
}

.menu-v4__item:hover > .menu-v4__link {
  color: #131426;
}

@media (min-width: 1280px) {
  .menu-v4__item:hover .sub-menu {
    display: block;
  }
}

.menu-v4__item.-active {
  color: #131426 !important;
}

@media (min-width: 1280px) {
  .menu-v4__item.-active {
    border-bottom-color: #131426 !important;
  }
}

.menu-v4__item.-new {
  position: relative;
}

.menu-v4__item.-new:after {
  content: " ";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #f8b000;
  position: absolute;
  top: 28px;
  right: -10px;
}

@media (max-width: 1279px) {
  .menu-v4__item.-new:after {
    right: unset;
    left: 57px;
    top: 5px;
  }
}

.menu-v4__item .sub-menu-section-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: rgba(19, 20, 38, 0.64);
  margin-bottom: 24px;
}

.menu-v4__item .sub-menu-section-heading svg {
  margin-right: 12px;
}

@media (max-width: 1279px) {
  .menu-v4__item.menu-item-mobile-open {
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.24);
  }
  .menu-v4__item.menu-item-mobile-open .sub-menu {
    display: block;
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    top: 65px;
    bottom: 0;
    z-index: 10;
  }
  .menu-v4__item.menu-item-mobile-open:before {
    content: "";
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.24);
  }
}

@media (max-width: 1279px) {
  .menu-v4__link {
    width: 100%;
    display: flex;
  }
}

.menu-v4 .sub-menu {
  display: none;
  position: absolute;
  background: #fff;
  top: 65px;
  left: 0;
  right: 0;
  padding: 32px 16px;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.1215686275);
}

.menu-v4 .sub-menu .sub-menu-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.menu-v4 .sub-menu .sub-menu-body .left {
  width: 500px;
}

.menu-v4 .sub-menu .sub-menu-body .left h3 {
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}

.menu-v4 .sub-menu .sub-menu-body .left p {
  color: #7c7d8a;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.menu-v4 .sub-menu .sub-menu-body .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 532px);
}

.menu-v4 .sub-menu .sub-menu-body .right .col {
  width: 368px;
  display: flex;
  flex-direction: column;
}

.menu-v4 .sub-menu .sub-menu-body .sub-menu-list-title {
  margin-bottom: 8px;
}

.menu-v4 .sub-menu .menu-item {
  margin-bottom: 8px;
}

@media (max-width: 1279px) {
  .menu-v4 .sub-menu .menu-item {
    margin-bottom: 24px;
  }
}

@media (max-width: 1279px) {
  .menu-v4 .sub-menu.current-menu-parent.a-desktop {
    display: none;
  }
}

@media (min-width: 1280px) {
  .menu-v4 .sub-menu.current-menu-parent.b-desktop {
    display: none;
  }
}

.menu-v4 .sub-menu .menu-item.-active > .menu-v4__link {
  color: #131426;
}

.menu-v4 .sub-menu .menu-v4__link {
  color: rgba(19, 20, 38, 0.64);
}

.menu-v4 .sub-menu .menu-v4__link:hover {
  color: #131426;
}

.menu-v4 .sub-menu .menu__link span:before {
  display: none;
}

/*!
 * _button.scss
 * 
 *
 * 
 * 
 */

.button {
  display: inline-block;
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #faa900;
  text-decoration: none;
  white-space: nowrap;
  outline: 0;
  transition: hover 150ms linear;
}

.button.-size-s {
  font-size: 14px;
  line-height: 34px;
  height: 36px;
  padding: 0 15px;
}

.button.-size-s span {
  padding-right: 27px;
}

.button.-size-s svg {
  width: 17px;
  height: 14px;
  margin-top: 1px;
}

.button.-size-m {
  font-size: 16px;
  line-height: 46px;
  height: 48px;
  padding: 0 25px;
}

.button.-size-m span {
  padding-right: 27px;
}

.button.-size-m svg {
  width: 17px;
  height: 14px;
}

@media (max-width: 767px) {
  .button.-size-m svg {
    margin-top: 1px;
  }
}

.button.-size-l {
  font-size: 14px;
  line-height: 34px;
  height: 36px;
  padding: 0 15px;
}

.button.-size-l span {
  padding-right: 34px;
}

.button.-size-l svg {
  width: 17px;
  height: 14px;
}

@media (min-width: 768px) {
  .button.-size-l {
    font-size: 18px;
    line-height: 54px;
    height: 56px;
    padding: 0 25px;
  }
}

.button.-transparent {
  background: 0 0;
}

.button.-transparent:hover {
  background: #faa900;
}

.button.-orange {
  background: #f8c100;
}

.button.-orange:hover {
  background: #e7a00b;
  border-color: #e7a00b;
}

.button.-dim {
  border-radius: 4px;
  border-color: transparent;
  background: rgba(248, 176, 0, 0.1);
  color: #f8b000;
  transition: all 0.15s ease-in-out;
}

.button.-dim:hover {
  background: rgba(248, 176, 0, 0.2);
}

.button.-more {
  width: 100%;
  font-size: 20px;
  line-height: 60px;
  height: 64px;
  border-width: 2px;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .button.-more {
    font-size: 24px;
    line-height: 100px;
    height: 104px;
  }
}

.button.-more span {
  padding-right: 50px;
}

.button.-more svg {
  width: 31px;
  height: 24px;
  margin-top: 2px;
}

.button.-download span {
  padding-left: 32px;
  padding-right: 0;
}

.button.-download svg {
  width: 16px;
  height: 22px;
  left: 0;
  right: auto;
}

.button span {
  display: inline-block;
  position: relative;
}

.button span svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  fill: currentcolor;
}

.btn {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 23px;
  background-color: #f8c100;
  border-radius: 4px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.btn:hover {
  background: #e7a00b;
}

.btn.-primary {
  background-color: #f8b000;
}

.btn .-icon-end {
  margin-left: 14px;
  height: 20px;
}

.btn .-icon-end svg {
  display: block;
  width: 20px;
  height: 20px;
}

.btn.-size-s {
  font-size: 14px;
  line-height: 24px;
  height: 40px;
  padding: 0 15px;
}

.btn.-size-s span {
  width: 12px;
  height: 12px;
  margin-left: 12px;
}

.btn.-size-s svg {
  width: 12px;
  height: 12px;
}

.actions-wrap {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.actions-wrap.-center {
  justify-content: center;
}

.action-btn {
  display: inline-block;
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  border-radius: 6px;
  background: #131426;
  color: #fff;
  border: 1px solid #131426;
  padding: 4px 12px;
  cursor: pointer;
}

.action-btn:hover {
  border-color: rgba(19, 20, 38, 0.8);
  background-color: rgba(19, 20, 38, 0.8);
}

.action-btn.-arrow-right,
.action-btn.-arrow-right-down {
  position: relative;
  padding-right: 42px;
}

.action-btn.-arrow-right-down::after,
.action-btn.-arrow-right::after {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../assets/images/ic-arrow-right-light.svg) no-repeat;
}

.action-btn.-arrow-right-down::after {
  transform: translateY(-50%) rotate(90deg);
}

.action-btn.-light {
  background: 0 0;
  color: #131426;
  border-color: #b1b2c1;
}

.action-btn.-light:hover {
  border-color: #818398;
}

.action-btn.-light.-arrow-right::after {
  background-image: url(../../assets/images/ic-arrow-right.svg);
}

.action-btn.-white {
  background: #fff;
  color: #131426;
  border-color: #fff;
}

.action-btn.-white:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
}

.action-btn.-white.-arrow-right::after {
  background-image: url(../../assets/images/ic-arrow-right.svg);
}

.action-btn.-transparent {
  background: 0 0;
  color: #fff;
  border-color: transparent;
}

.action-btn.-transparent.-arrow-right::after {
  background-image: url(../../assets/images/ic-arrow-right-light.svg);
}

.action-btn.-gradient {
  border: none;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
}

.action-btn.-gradient:hover {
  background: #a038d8;
}

.action-btn.-gradient:active {
  background: #832cc7;
}

.action-btn.-dark {
  background: #131426;
  color: #fff;
  border-color: #131426;
}

.action-btn.-dark:hover {
  background: #1a1b2e;
  border-color: #1a1b2e;
}

.action-btn.-dark.-arrow-right::after {
  background-image: url(../../assets/images/ic-arrow-right-light.svg);
}

.action-btn.-size-l {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.action-btn.-size-xl {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  height: 56px;
  padding-left: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 24px;
}

.action-btn.-size-xl.-arrow-right {
  padding-right: 54px;
}

.action-btn.-size-xl.-arrow-right::after {
  right: 24px;
  transform: translateY(-50%) scale(1.2);
}

/*!
 * _social.scss
 * 
 *
 * 
 * 
 */

@media (max-width: 767px) {
  .social {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .social ul {
    display: flex;
  }
}

@media (max-width: 767px) {
  .social ul {
    display: flex;
    justify-content: space-between;
    margin: 32px 0 0 -34px;
  }
}

.social__item {
  width: 32px;
  height: 25px;
  color: #faa900;
}

.social__item:hover {
  color: #e7a00b;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .social__item {
    margin-right: 16px;
  }
}

.social__item a {
  display: block;
}

.social__item a span {
  display: none;
}

@media (max-width: 767px) {
  .social__item a {
    width: 30px;
  }
}

.social svg {
  display: block;
  height: 18px;
  margin: 0 auto;
  fill: currentcolor;
}

.social svg.-facebook {
  width: 8px;
}

.social svg.-twitter {
  width: 21px;
}

.social svg.-linkedin {
  width: 19px;
}

.social svg.-medium {
  width: 23px;
}

.social svg.-behance {
  width: 29px;
}

.social svg.-dribbble {
  width: 18px;
}

/*!
 * _services.scss
 * 
 *
 * 
 * 
 */

.services {
  position: relative;
  padding-top: 48px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .services {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.services.-not-top-line:before {
  display: none;
}

.services:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1000px;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    rgba(248, 176, 0, 0) 0,
    #f8b000 50%,
    rgba(248, 176, 0, 0) 100%
  );
}

@media (min-width: 1280px) {
  .services__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -8px;
  }
}

@media (max-width: 1279px) {
  .services__list {
    max-width: 738px;
    margin: 0 auto;
  }
}

.services__item {
  padding: 10px 14px 24px 14px;
  margin-bottom: 16px;
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
}

@media (min-width: 1280px) {
  .services__item {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (min-width: 768px) {
  .services__item {
    display: flex;
    align-items: center;
    padding: 32px 24px;
    min-height: 148px;
  }
}

.services__title {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .services__title {
    font-size: 20px;
    line-height: 24px;
  }
}

.services__img {
  position: relative;
  width: 80px;
}

.services__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: 5px;
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(226, 229, 255, 0.1) 0,
    rgba(255, 247, 226, 0) 100%
  );
  filter: blur(5px);
  content: "";
}

.services__img object {
  position: relative;
}

@media (min-width: 768px) {
  .services__img {
    margin-right: 32px;
  }
}

@media (max-width: 767px) {
  .services__img {
    margin: 0 auto 24px auto;
  }
}

.services__text {
  line-height: 24px;
  color: #bcbdd4;
}

@media (min-width: 768px) {
  .services__text {
    font-size: 14px;
    line-height: 22px;
    font-family: Roboto, sans-serif;
    width: calc(100% - 148px);
  }
}

@media (max-width: 767px) {
  .services__text {
    font-size: 14px;
    text-align: center;
  }
}

.services__button {
  margin-top: 40px;
  text-align: center;
}

.services__button a.button {
  height: 36px;
  padding: 0 32px;
  border-radius: 4px;
  background: rgba(248, 176, 0, 0.1);
  font-weight: 800;
  font-size: 16px;
  line-height: 36px;
  color: #f8b000;
}

.services .title {
  position: relative;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .services .title {
    margin-bottom: 40px;
  }
}

/*!
 * _services-detailed.scss
 * 
 *
 * 
 * 
 */

/*!
 * _wedo.scss
 * 
 *
 * 
 * 
 */

.wedo {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #0f1026;
}

@media (min-width: 768px) {
  .wedo {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1279px) {
  .wedo__body {
    max-width: 720px;
    margin: 0 auto;
  }
}

.wedo__list {
  margin-bottom: -16px;
}

@media (min-width: 768px) {
  .wedo__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
  }
}

.wedo__item {
  display: flex;
  align-items: center;
  padding: 0 30px;
  height: 100px;
  margin-bottom: 16px;
  background: #16182e;
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .wedo__item {
    width: calc(33.3333% - 16px);
    margin-right: 8px;
    margin-left: 8px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .wedo__item {
    width: calc(50% - 16px);
    margin-right: 8px;
    margin-left: 8px;
  }
}

.wedo__img {
  width: 64px;
  margin-right: 26px;
}

.wedo__text {
  width: calc(100% - 90px);
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
}

@media (min-width: 768px) {
  .wedo__text {
    font-size: 20px;
    line-height: 24px;
  }
}

.wedo .title {
  position: relative;
  text-align: center;
  padding-bottom: 12px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .wedo .title {
    padding-bottom: 20px;
  }
}

.wedo .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  transform: translateX(-50%);
  background: #faa900;
}

/*!
 * _case.scss
 * 
 *
 * 
 * 
 */

.case {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border-radius: 10px;
  position: relative;
}

@media (min-width: 1280px) {
  .case {
    padding: 0 95px 0 95px;
    min-height: 600px;
  }
  .case.-fixed-right {
    padding: 0 0 0 95px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .case {
    padding: 33px;
    min-height: 560px;
  }
}

@media (max-width: 767px) {
  .case {
    flex-direction: column-reverse;
    background: 0 0 !important;
  }
}

@media (min-width: 768px) {
  .case.-light {
    color: #131426;
  }
}

@media (min-width: 768px) {
  .case.-darkText h2,
  .case.-darkText h3,
  .case.-darkText li {
    color: #131426 !important;
  }
  .case.-darkText li {
    background: rgba(19, 20, 38, 0.2);
  }
}

@media (min-width: 768px) {
  .case.-web {
    padding: 0 65px 0 95px;
  }
  .case.-web .case__img {
    margin-left: 37px;
    width: 500px;
  }
}

@media (min-width: 1280px) {
  .case.-type2 {
    padding-right: 34px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .case.-type2 {
    padding-right: 0;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .case.-type2 .case__content {
    width: 495px;
  }
}

@media (min-width: 1280px) {
  .case.-type2 .case__img {
    width: 540px;
    min-width: 540px;
    padding-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .case.-type2 .case__img {
    width: 42%;
    min-width: 294px;
    margin-left: 16px;
    padding-top: 20px;
  }
}

.case.-type2 .case__img picture {
  display: block;
}

@media (max-width: 1279px) {
  .case.-type2 .case__img picture img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .case.-type2 .case__img picture.-first {
    width: 540px;
    max-width: inherit;
  }
}

@media (max-width: 767px) {
  .case.-type2 .case__img picture.-first {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 346px;
    max-width: inherit;
    margin-top: 11px;
    transform: translateX(-50%) translateY(-50%);
  }
}

.case.-type2 .case__img picture.-last {
  top: auto;
  bottom: -10px;
  right: 30px;
  z-index: 2;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .case.-type2 .case__img picture.-last {
    display: block;
    right: auto;
    left: 50%;
    top: 50%;
    bottom: auto;
    width: 140px;
    max-width: inherit;
    transform: translateX(12px) translateY(-27px);
  }
}

.case__img {
  position: relative;
  text-align: center;
}

@media (min-width: 1280px) {
  .case__img {
    width: 393px;
  }
  .case__img.-large {
    width: 600px;
  }
  .case__img.-insurance {
    height: 480px;
    margin-top: 120px;
    width: 535px;
    padding-top: 0;
  }
  .case__img.-insurance img {
    max-width: unset;
    height: 100%;
    width: 535px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .case__img {
    width: 393px;
    margin-left: 40px;
  }
  .case__img.-large {
    width: 450px;
  }
  .case__img.-insurance {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .case__img {
    width: 100%;
    padding: 9px 0;
    overflow: hidden;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    border-radius: 8px;
    min-height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .case__img img {
    height: 185px !important;
  }
}

@media (min-width: 768px) {
  .case__img {
    background: 0 0 !important;
  }
}

.case__img picture {
  display: block;
}

.case__img picture img {
  display: block;
  max-width: 100%;
  margin: auto;
}

@media (min-width: 768px) {
  .case__content {
    width: 470px;
  }
}

@media (max-width: 767px) {
  .case__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
  }
}

.case__content > p:last-child {
  margin-bottom: 24px;
}

.case__content h2.p {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .case__content h2.p {
    color: #131426;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-bottom: 16px;
  }
}

@media (max-width: 1279px) {
  .case__content h2.p {
    font-size: 20px;
    line-height: 26px;
  }
}

.case__content h2.p:before {
  background: #f8b000;
  box-shadow: 0 2px 16px rgba(248, 176, 0, 0.6);
  content: "";
  display: inline-block;
  z-index: -1;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  position: absolute;
  left: -22px;
  top: -9px;
}

@media (max-width: 767px) {
  .case__content h2.p:before {
    display: none;
  }
}

.case__content h2.p.-simple:before {
  display: none;
}

.case__content h3.p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  color: #fff;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .case__content h3.p {
    display: none;
  }
}

@media (min-width: 1280px) {
  .case__content h3.p.-text-smaller {
    width: 454px;
  }
}

.case__links {
  position: absolute;
  top: 32px;
  right: 32px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 8px;
  z-index: 1;
}

@media (max-width: 767px) {
  .case__links {
    display: none;
  }
}

.case__links a {
  display: inline-flex;
  border-radius: 40px;
  background-color: #fff;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.26px;
  color: #131426;
  padding: 3px 12px;
}

.case__links a.link {
  position: relative;
  padding-right: 34px;
}

.case__links a.link::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: 12px;
  top: 6px;
  background: url(../../assets/images/ic-link.svg) no-repeat 0 0;
}

.case__tag {
  display: block;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .case__tag {
    display: flex;
  }
}

.case__tag .tag {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 10px;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
  border-radius: 80px;
  width: auto;
}

.case__tag .tag svg {
  margin-right: 8px;
}

.case__tag .tag span {
  display: inline-block;
}

.case__logo {
  display: block;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .case__logo {
    order: -1;
    display: inline-block;
    margin-bottom: 16px;
  }
}

.case__logo img {
  max-height: 40px;
  max-width: 250px;
  display: block;
  width: auto;
}

@media (max-width: 767px) {
  .case__logo img {
    max-height: 26px;
  }
}

.case__logo.-logo-small {
  max-width: 150px;
}

.case__logo.-logo-large img {
  max-height: 56px;
}

.case__logo.-logo-dark {
  display: none;
}

@media (max-width: 767px) {
  .case__logo.-logo-dark {
    display: block;
  }
}

.case__logo:not(.-logo-dark) {
  display: block;
}

@media (max-width: 767px) {
  .case__logo:not(.-logo-dark) {
    display: none;
  }
}

.case__params {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .case__params {
    justify-content: flex-start;
    margin-bottom: 24px;
  }
}

.case__params li {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  font-family: Roboto, sans-serif !important;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  padding: 6px 12px;
  margin: 0 8px 8px 0;
}

@media (max-width: 767px) {
  .case__params li {
    border-radius: 40px;
    border: 1px solid rgba(34, 34, 34, 0.12);
    background: 0 0;
    padding: 4px 12px;
  }
}

@media (max-width: 767px) {
  .case__params li {
    margin: 0 4px 4px 0;
  }
}

.case__params li h4 {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  font-family: Roboto, sans-serif;
}

@media (max-width: 767px) {
  .case__params li h4 {
    color: #131426;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.12px;
  }
}

.case-feedback {
  position: relative;
  padding-left: 25px;
}

@media (min-width: 1280px) {
  .case-feedback {
    margin-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .case-feedback {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .case-feedback__content {
    display: none;
    margin-bottom: 24px;
  }
}

.case-feedback__content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, #f8b000 0, rgba(248, 176, 0, 0) 100%);
}

.case-feedback__content > div {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.case-feedback__content > div img {
  display: block;
  width: 40px;
  margin-right: 16px;
  border-radius: 100%;
}

.case-feedback.-open .case-feedback__content {
  display: block;
}

.case-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 768px) {
  .case-button {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .case-button {
    margin-bottom: 24px;
    justify-content: center;
  }
}

.case-button a.button {
  background: #f8b000;
  border-radius: 4px;
  padding: 8px 24px;
  font-weight: 800;
  font-size: 14px;
  line-height: 18px;
}

.case-button a.button span {
  padding-right: 0;
}

@media (max-width: 767px) {
  .case-button a.button {
    border-radius: 8px;
    background: #131426;
    border-color: #131426;
    width: 100%;
    height: 40px;
    padding: 9px 24px;
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
  }
  .case-button a.button span {
    display: inline-block;
    padding-right: 30px;
    background: url(../../assets/images/ic-arrow-right-light.svg) no-repeat
      right center;
  }
  .case-button a.button:hover {
    background: rgba(19, 20, 38, 0.8);
    border-color: rgba(19, 20, 38, 0.8);
  }
}

.case-button__feedback {
  position: relative;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 900;
  color: #faa900;
  padding-right: 21px;
}

.case-button__feedback:hover {
  color: #e7a00b;
}

@media (min-width: 768px) {
  .case-button__feedback {
    display: none;
  }
}

.case-button__feedback svg {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 9px;
  transform: translateY(-50%);
  fill: currentcolor;
  margin-top: 1px;
}

.case-button__feedback.-open {
  font-size: 0;
  line-height: 0;
}

.case-button__feedback.-open:before {
  display: block;
  content: attr(data-hint);
  font-size: 14px;
  line-height: 17px;
}

.case-button__feedback.-open svg {
  transform: translateY(-50%) scale(1, -1);
  margin-top: -1px;
}

.case .title {
  margin-bottom: 24px;
}

/*!
 * _form.scss
 * 
 *
 * 
 * 
 */

.form__label {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #bcbdd4;
  margin-bottom: 6px;
}

.form__field {
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  color: #fff;
  padding: 0 11px;
  height: 48px;
  outline: 0;
  background: 0 0;
  box-shadow: none;
  border: 2px solid #5a5c77;
  border-radius: 4px;
}

.form__field::-webkit-input-placeholder {
  color: #5a5c77;
}

.form__field:-moz-placeholder {
  color: #5a5c77;
}

.form__field::-moz-placeholder {
  color: #5a5c77;
}

.form__field:-ms-input-placeholder {
  color: #5a5c77;
}

.form__field:focus {
  border-color: #bcbdd4;
}

.form__field:focus::-webkit-input-placeholder {
  color: transparent;
}

.form__field:focus:-moz-placeholder {
  color: transparent;
}

.form__field:focus::-moz-placeholder {
  color: transparent;
}

.form__field:focus:-ms-input-placeholder {
  color: transparent;
}

.form__field.-textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 104px;
  resize: none;
}

.form__field.error {
  color: #fb0019;
  border-color: #fb0019;
}

.form__quest {
  font-size: 12px;
  line-height: 14px;
  color: #8a8ba7;
  margin-top: 8px;
}

.form__checkbox,
.form__radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.form__checkbox input,
.form__radio input {
  width: 0;
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
}

.form__checkbox span,
.form__radio span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}

.form__checkbox span:before,
.form__radio span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #faa900;
}

.form__checkbox input:checked ~ span {
  background-image: url(../../assets/images/check.svg);
}

.form__checkbox span {
  background-repeat: no-repeat;
  background-position: 4px 5px;
}

.form__checkbox span:before {
  border-radius: 4px;
}

.form__radio input:checked ~ span:after {
  display: block;
}

.form__radio span:before {
  border-radius: 100%;
}

.form__radio span:after {
  display: none;
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #faa900;
}

.form__section {
  position: relative;
  margin-bottom: 24px;
}

.form__row {
  position: relative;
}

@media (min-width: 768px) {
  .form__row.-col2 {
    display: flex;
    justify-content: space-between;
  }
  .form__row.-col2 .form__col {
    width: calc(50% - 8px);
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .form__row.-last-col4 {
    display: flex;
    justify-content: space-between;
  }
  .form__row.-last-col4 .form__col {
    width: calc(75% - 8px);
  }
  .form__row.-last-col4 .form__col:last-child {
    width: calc(25% - 8px);
    margin-bottom: 0;
  }
}

.form__col {
  position: relative;
}

.form__col:not(:last-child) {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .form__col:not(:last-child) {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .form__col:not(:last-child) {
    margin-bottom: 20px;
  }
}

.form__button {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 629px) {
  .form__button {
    flex-direction: column;
    max-width: 100%;
  }
}

.form__button .crecaptcha {
  width: 50%;
  height: 56px;
  transform: scale(0.72);
  transform-origin: 0 0;
}

@media (max-width: 629px) {
  .form__button .crecaptcha {
    width: 100%;
    margin-bottom: 16px;
  }
}

.form__button > .button {
  cursor: pointer;
  width: 300px;
  height: 56px;
  background: #f8b000;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

@media (max-width: 649px) {
  .form__button > .button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .form__sign {
    padding-top: 24px;
  }
}

.form__sign .form__checkbox2 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.form__sign .form__checkbox2 input {
  width: 0;
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
}

.form__sign .form__checkbox2 span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #5a5c77;
}

.form__sign .form__checkbox2 span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: solid 1px #5a5c77;
}

.form__sign .form__checkbox2 input:checked ~ span {
  background-image: url(../../assets/images/landing-new/check.svg);
}

.form__sign .form__checkbox2 span {
  background-repeat: no-repeat;
  background-position: 4px 7px;
}

.form__sign .form__checkbox2 span:before {
  border-radius: 4px;
}

.form label.error,
.form__error {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 10px;
  line-height: 20px;
  color: #fb0019;
  font-weight: 400;
  position: absolute;
  left: 0;
  bottom: -20px;
}

.form-list {
  padding-top: 8px;
}

@media (min-width: 768px) {
  .form-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -24px;
    margin-bottom: -8px;
  }
}

.form-list.-single-error-width .form__error,
.form-list.-single-error-width label.error {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

@media (min-width: 768px) {
  .form-list.-col2 {
    margin-right: 0;
    justify-content: space-between;
  }
  .form-list.-col2:after {
    content: "";
    width: calc(50% - 8px);
    height: 0;
  }
  .form-list.-col2 .form-list__item {
    width: calc(50% - 8px);
    margin-right: 0;
    white-space: normal;
  }
}

.form-list__item {
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .form-list__item {
    margin-right: 24px;
  }
}

.form-send {
  display: none;
  width: 264px;
  line-height: 19px;
  text-align: center;
  padding-top: 88px;
  background: url(../../assets/images/send-bg.svg) no-repeat 50% 0;
}

@media (min-width: 768px) {
  .form-send {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

@media (max-width: 767px) {
  .form-send {
    margin: 0 auto;
  }
}

.form-send__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0;
}

.form-send__button .button {
  padding: 0;
  width: 110px;
}

.form-send .-phone {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 900;
  color: #faa900;
}

.form-send .title {
  line-height: 60px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .form-send .title {
    margin-bottom: 17px;
  }
}

.form .select-case option {
  padding: 10px;
}

.form .select-case select.error ~ span .select2-selection--single {
  border-color: #fb0019 !important;
}

.form .select-case:focus {
  outline: 0;
}

.form .select-case:focus .select2-selection {
  border-color: #bcbdd4;
}

.form .file-case {
  display: flex;
  align-items: center;
}

.form .file-case__button {
  position: relative;
}

.form .file-case__button .button {
  max-width: 103px;
  cursor: pointer;
  position: relative;
}

.form .file-case__button .button:focus {
  background: #faa900;
}

.form .file-case__button:hover .button {
  background: #faa900;
}

.form .file-case__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #5a5c77;
}

.form .file-case__remove:hover {
  color: #faa900;
}

.form .file-case__remove svg {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  fill: currentcolor;
}

.form .file-case .msg {
  position: relative;
  color: #5a5c77;
  font-size: 12px;
  line-height: 14px;
  padding-left: 11px;
  max-width: 290px;
}

.form .file-case .msg.-upload {
  padding-right: 20px;
  color: #faa900;
}

.form .file-case input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.form .form-list + .error {
  bottom: -10px;
}

@media (min-width: 768px) {
  .-send .form {
    visibility: hidden;
  }
}

@media (max-width: 767px) {
  .-send .form {
    display: none;
  }
}

.-send .form-send {
  display: block;
}

/*!
 * _start.scss
 * 
 *
 * 
 * 
 */

.start.-with-full-bg-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.start.-with-full-bg-image .rewards-slider {
  background: #141529;
}

.start.-with-full-bg-image .rewards-slider .owl-nav .owl-prev {
  background: linear-gradient(
    to right,
    #141529 0,
    rgba(20, 21, 41, 0) 100%
  ) !important;
}

.start.-with-full-bg-image .rewards-slider .owl-nav .owl-next {
  background: linear-gradient(
    to right,
    rgba(20, 21, 41, 0) 0,
    #141529 100%
  ) !important;
}

@media (min-width: 768px) {
  .start__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding-top: 122px;
    padding-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .start__content {
    padding-top: 95px;
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .start__content.-landing-page {
    padding-top: 56px;
    padding-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .start__content.-landing-page .start__text {
    max-width: 726px;
  }
  .start__content.-landing-page .start__text br {
    display: block;
  }
}

@media (max-width: 1279px) {
  .start__content.-landing-page .start__text {
    max-width: 590px;
  }
}

@media (max-width: 767px) {
  .start__content.-landing-page .start__text {
    padding-bottom: 25px;
  }
}

.start__content.-landing-page .title {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.start__content.-landing-page .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: #faa900;
}

@media (max-width: 1279px) {
  .start__content.-landing-page .title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 1280px) {
  .start__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
  }
}

.start__text {
  max-width: 423px;
}

@media (max-width: 1279px) {
  .start__text {
    text-align: center;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .start__text br {
    display: none;
  }
}

.start__text .button {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .start__text .button {
    margin-top: 40px;
  }
}

@media (min-width: 1280px) {
  .start__img {
    min-height: 396px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .start__img {
    margin-top: 53px;
  }
}

@media (max-width: 767px) {
  .start__img {
    margin-top: 24px;
  }
}

.start__img img {
  display: block;
}

@media (max-width: 1279px) {
  .start__img img {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .start__img img {
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .-isInfoCovid .start {
    min-height: calc(100vh - 56px);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .-isInfoCovid .start {
    min-height: calc(100vh - 66px);
  }
}

@media (max-width: 767px) {
  .webp .start.-with-full-bg-image {
    background-image: url(../../assets/images/start-full-bg-768.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .start.-with-full-bg-image {
    background-image: url(../../assets/images/start-full-bg-1280.webp);
  }
}

@media (min-width: 1280px) {
  .webp .start.-with-full-bg-image {
    background-image: url(../../assets/images/start-full-bg.webp);
  }
}

@media (max-width: 767px) {
  .no-webp .start.-with-full-bg-image {
    background-image: url(../../assets/images/start-full-bg-768.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .start.-with-full-bg-image {
    background-image: url(../../assets/images/start-full-bg-1280.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .start.-with-full-bg-image {
    background-image: url(../../assets/images/start-full-bg.jpg);
  }
}

/*!
 * _rewards-slider.scss
 * 
 *
 * 
 * 
 */

.rewards-slider {
  width: 100%;
  background: rgba(20, 21, 41, 0.2);
}

.rewards-slider .owl-item.center {
  display: flex;
  justify-content: center;
}

.rewards-slider .owl-item.center .rewards-slider__item {
  padding-right: 0;
  justify-content: center;
}

.rewards-slider .owl-item.center .rewards-slider__item:after {
  display: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .rewards-slider .owl-stage {
    left: 15px;
  }
}

.rewards-slider__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 33px;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  height: 97px;
}

.rewards-slider__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 24px;
  transform: translateY(-50%);
  background: #3b3c53;
}

.rewards-slider__item.-last {
  padding-right: 0;
}

.rewards-slider__item.-last:after {
  display: none;
}

.rewards-slider__img {
  width: 36px;
  margin-right: 16px;
}

.rewards-slider__text span {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  margin-bottom: 2px;
}

.rewards-slider__body {
  display: block !important;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 1280px) {
  .rewards-slider__body {
    padding: 0;
  }
}

@media (max-width: 1279px) {
  .rewards-slider__body {
    padding: 0 15px;
  }
}

.rewards-slider__body.owl-loaded {
  overflow: visible;
  white-space: normal;
  opacity: 1;
}

.rewards-slider .wrap {
  position: relative;
  height: 97px;
}

.rewards-slider .owl-nav .owl-next,
.rewards-slider .owl-nav .owl-prev {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  width: 164px;
  height: 97px;
  transform: translateY(-50%);
  outline: 0;
  z-index: 10;
}

.rewards-slider .owl-nav .owl-next span,
.rewards-slider .owl-nav .owl-prev span {
  display: block;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 14px;
  height: 27px;
  background: url(../../assets/images/arrow-orange.svg) no-repeat 50% 50%;
  background-size: cover;
}

.rewards-slider .owl-nav .owl-prev {
  justify-content: flex-start;
  left: 0;
  background: linear-gradient(
    to right,
    #292a3e 0,
    rgba(41, 42, 62, 0) 100%
  ) !important;
}

@media (min-width: 1280px) {
  .rewards-slider .owl-nav .owl-prev {
    left: -10px;
  }
}

.rewards-slider .owl-nav .owl-prev span {
  transform: scale(-1, 1);
}

@media (max-width: 1279px) {
  .rewards-slider .owl-nav .owl-prev span {
    margin-left: 15px;
  }
}

.rewards-slider .owl-nav .owl-next {
  justify-content: flex-end;
  right: 0;
  background: linear-gradient(
    to right,
    rgba(41, 42, 62, 0) 0,
    #292a3e 100%
  ) !important;
}

@media (min-width: 1280px) {
  .rewards-slider .owl-nav .owl-next {
    right: -10px;
  }
}

@media (max-width: 1279px) {
  .rewards-slider .owl-nav .owl-next span {
    margin-right: 15px;
  }
}

.rewards-slider .owl-nav .disabled {
  display: none;
}

/*!
 * _team-statistic.scss
 * 
 *
 * 
 * 
 */

.team-statistic {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #141529;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 933px auto;
  overflow: hidden;
}

@media (min-width: 768px) {
  .team-statistic {
    padding-top: 101px;
    padding-bottom: 81px;
    background-size: cover;
    background-position: 0 0;
  }
}

.team-statistic:after,
.team-statistic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.team-statistic:before {
  height: 100%;
  background: rgba(19, 20, 38, 0.4);
}

.team-statistic:after {
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(19, 20, 38, 0.53) 0,
    rgba(19, 20, 38, 0.53) 26%,
    rgba(20, 21, 41, 0.94) 60%,
    #141529 100%
  );
}

@media (min-width: 768px) {
  .team-statistic:after {
    height: 954px;
    background: linear-gradient(
      to bottom,
      rgba(19, 20, 38, 0.53) 0,
      rgba(19, 20, 38, 0.53) 25%,
      rgba(20, 21, 41, 0.94) 91%,
      #141529 100%
    );
  }
}

.team-statistic__content {
  position: relative;
  text-align: center;
  max-width: 682px;
  margin: 0 auto;
  z-index: 1;
}

@media (max-width: 767px) {
  .team-statistic__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.team-statistic__content .title {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .team-statistic__content .title {
    padding-bottom: 33px;
    margin-bottom: 32px;
  }
}

.team-statistic__content .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 1px;
  transform: translateX(-50%);
  background: #faa900;
}

.team-statistic__content .button {
  margin-top: 32px;
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .team-statistic__content .button {
    margin-top: 16px;
    margin-bottom: -32px;
  }
}

.team-statistic .statistic {
  position: relative;
  margin-top: 64px;
  z-index: 1;
}

@media (max-width: 767px) {
  .team-statistic .statistic {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .webp .team-statistic {
    background-image: url(../../assets/images/team-bg-768.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .team-statistic {
    background-image: url(../../assets/images/team-bg-1280.webp);
  }
}

@media (min-width: 1280px) {
  .webp .team-statistic {
    background-image: url(../../assets/images/team-bg.webp);
  }
}

@media (max-width: 767px) {
  .no-webp .team-statistic {
    background-image: url(../../assets/images/team-bg-768.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .team-statistic {
    background-image: url(../../assets/images/team-bg-1280.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .team-statistic {
    background-image: url(../../assets/images/team-bg.jpg);
  }
}

/*!
 * _part-team.scss
 * 
 *
 * 
 * 
 */

.part-team {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 440px;
  border-radius: 8px;
  max-width: 1140px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .part-team {
    height: 440px;
  }
}

.page.-who-we .part-team {
  max-width: 1140px;
  margin: auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-who-we .part-team {
    max-width: initial;
    margin: 0 15px;
  }
}

@media (max-width: 767px) {
  .page.-who-we .part-team {
    height: 400px;
    margin: 0 15px;
  }
  .page.-who-we .part-team .button {
    width: 100%;
    height: 40px;
    line-height: 38px;
  }
}

.part-team__content {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .part-team__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.part-team__content .title {
  position: relative;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .part-team__content .title {
    margin-bottom: 24px;
  }
}

.part-team__content .title span {
  display: inline-block;
  border-bottom: 4px solid #faa900;
}

.part-team__content p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}

.part-team__content .button {
  margin-top: 24px;
  font-weight: 800;
  font-size: 14px;
}

@media (min-width: 768px) {
  .part-team__content .button {
    margin-top: 40px;
  }
}

.part-team__content .button i {
  font-style: normal;
}

@media (max-width: 767px) {
  .part-team__content .button i {
    display: none;
  }
}

@media (max-width: 767px) {
  .webp .part-team {
    background-image: url(../../assets/images/part-team-768.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .part-team {
    background-image: url(../../assets/images/part-team-1280.webp);
  }
}

@media (min-width: 1280px) {
  .webp .part-team {
    background-image: url(../../assets/images/part-team.webp);
  }
}

@media (max-width: 767px) {
  .webp .part-team.-corporate {
    background-image: url(../../assets/images/start-full-bg-768.webp);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .webp .part-team.-corporate {
    background-image: url(../../assets/images/start-full-bg-1280.webp);
  }
}

@media (min-width: 1280px) {
  .webp .part-team.-corporate {
    background-image: url(../../assets/images/start-full-bg.webp);
  }
}

@media (max-width: 767px) {
  .no-webp .part-team {
    background-image: url(../../assets/images/part-team-768.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .part-team {
    background-image: url(../../assets/images/part-team-1280.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .part-team {
    background-image: url(../../assets/images/part-team.jpg);
  }
}

@media (max-width: 767px) {
  .no-webp .part-team.-corporate {
    background-image: url(../../assets/images/start-full-bg-768.jpg);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .part-team.-corporate {
    background-image: url(../../assets/images/start-full-bg-1280.jpg);
  }
}

@media (min-width: 1280px) {
  .no-webp .part-team.-corporate {
    background-image: url(../../assets/images/start-full-bg.jpg);
  }
}

/*!
 * _cases.scss
 * 
 *
 * 
 * 
 */

.cases {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (min-width: 768px) {
  .cases {
    padding-top: 80px;
    padding-bottom: 76px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases__list {
    max-width: 970px;
    margin: 0 auto;
  }
}

.cases__industries_switch {
  position: relative;
  display: flex;
}

.cases__industries_switch.next-available .inner-wrapper {
  width: calc(100% - 32px);
}

@media (min-width: 1280px) {
  .cases__industries_switch.next-available .inner-wrapper {
    justify-content: center;
  }
}

.cases__industries_switch.next-available .industries_prev {
  display: none;
}

.cases__industries_switch.next-available .industries_next {
  display: none;
}

.cases__industries_switch.next-available .industries_next.-show {
  display: inline-flex;
}

.cases__industries_switch.prev-available {
  justify-content: flex-end;
}

.cases__industries_switch.prev-available .inner-wrapper {
  width: calc(100% - 32px);
}

.cases__industries_switch.prev-available .industries_next {
  display: none;
}

.cases__industries_switch.prev-available .industries_prev {
  display: none;
}

.cases__industries_switch.prev-available .industries_prev.-show {
  display: inline-flex;
}

.cases__industries_switch.arrows-available {
  justify-content: center;
}

.cases__industries_switch.arrows-available .inner-wrapper {
  width: calc(100% - 64px);
}

.cases__industries_switch.arrows-available .industries_prev {
  display: inline-flex;
}

.cases__industries_switch.arrows-available .industries_next {
  display: inline-flex;
}

.cases__industries_switch .industries_prev {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #131426;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  cursor: pointer;
}

.cases__industries_switch .industries_prev svg {
  transform: rotate(180deg);
  width: 22px;
  height: 22px;
}

.cases__industries_switch .industries_next {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #131426;
  top: 0;
  right: 0;
  height: 26px;
  width: 26px;
  border-radius: 4px;
  cursor: pointer;
}

.cases__industries_switch .industries_next svg {
  width: 22px;
  height: 22px;
}

.cases__industries_switch .inner-wrapper {
  display: flex;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 8px;
  margin-bottom: 24px;
  overflow-x: hidden;
  justify-content: center;
}

@media (max-width: 943px) {
  .cases__industries_switch .inner-wrapper {
    justify-content: flex-start;
  }
}

.cases__industries_switch .inner-wrapper .industry_tag {
  display: inline-flex;
  flex-shrink: 0;
  padding: 4px 12px;
  background-color: #fff;
  color: #131426;
  border-radius: 4px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.cases__industries_switch .inner-wrapper .industry_tag.active {
  background-color: #131426;
  color: #fff;
}

.cases__industries_switch .inner-wrapper .industry_tag:hover {
  background-color: #131426;
  color: #fff;
}

.cases__industries_switch .inner-wrapper .industry_tag:not(:last-child) {
  margin-right: 4px;
}

.cases__item:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .cases__item:not(:last-child) {
    margin-bottom: 24px;
    border-bottom: 1px solid #b1b2c1;
  }
}

.cases .wrap > .title {
  position: relative;
  text-align: center;
  margin-bottom: 32px;
  color: #131426;
}

.cases .button.-more {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #f8b000;
  box-sizing: border-box;
  height: 52px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f8b000;
  border-radius: 4px;
}

.cases .button.-more:hover {
  color: #fff;
}

@media (min-width: 768px) {
  .cases .button.-more {
    margin: 40px auto 0 auto;
  }
}

@media (max-width: 767px) {
  .cases .button.-more {
    margin: 40px auto 0 auto;
  }
}

.cases .button.-more span {
  padding-right: 0;
}

@media (max-width: 767px) {
  .cases .-hidden-m {
    display: none;
  }
}

@media (min-width: 768px) {
  .cases .-hidden-d {
    display: none;
  }
}

/*!
 * _reviews.scss
 * 
 *
 * 
 * 
 */

.reviews {
  background: #131426;
}

.reviews .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 70px 65px 70px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .reviews .container {
    max-width: 768px;
    padding: 40px 45px 65px 45px;
  }
}

@media (max-width: 767px) {
  .reviews .container {
    padding: 40px 15px 40px 15px;
    max-width: calc(100% - 65px);
  }
}

.reviews h2 {
  margin-bottom: 48px;
  text-align: center;
}

@media (max-width: 767px) {
  .reviews h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.reviews .actions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
}

@media (max-width: 767px) {
  .reviews .actions {
    margin-top: 30px;
  }
}

.reviews .actions .button {
  min-width: 136px;
}

.reviews .slider {
  display: flex;
  justify-content: space-between;
}

.reviews .slider .owl-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: -40px;
  right: -40px;
  top: calc(50% - 20px);
  z-index: 1;
}

.reviews .slider .owl-nav button,
.reviews .slider .owl-nav svg {
  position: relative;
  width: 40px;
  height: 40px;
  outline: 0;
  z-index: 3;
}

.reviews .slider .owl-nav button {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}

.reviews .slider .owl-nav button:hover {
  background: 0 0;
  opacity: 1;
}

.reviews .slider .owl-item {
  height: 0;
}

.reviews .slider .owl-item.active {
  height: 100%;
}

.reviews .slider .item {
  margin: 0;
  padding: 39px 24px 39px 24px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.04) 0,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

.reviews .slider .item.-whiteLogos {
  padding: 0 24px 39px 24px;
}

.reviews .slider .item.-whiteLogos img {
  display: block;
  width: 100%;
}

.reviews .slider .item.-whiteLogos .logo {
  margin-bottom: 0;
}

.reviews .slider .item.-whiteLogos .customer img {
  width: 40px !important;
  border-radius: 100%;
}

.reviews .slider .item img {
  width: auto;
}

.reviews .slider .item .logo {
  margin-bottom: 12px;
}

.reviews .slider .item .logo img {
  height: 32px;
}

.reviews .slider .item p.name {
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 16px;
  color: #f8b000;
}

.reviews .slider .item h3 {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-family: Roboto, sans-serif !important;
}

.reviews .slider .item .customer {
  display: flex;
  margin-top: 24px;
}

.reviews .slider .item .customer img {
  margin-right: 16px;
  border-radius: 50%;
}

.reviews .slider .item .customer .desc {
  display: flex;
  flex-direction: column;
}

.reviews .slider .item .customer .desc p:nth-child(1) {
  font-weight: 600;
}

.reviews .slider .item .customer .desc p {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-family: Roboto, sans-serif !important;
}

/*!
 * _getstarted.scss
 * 
 *
 * 
 * 
 */

.getstarted {
  position: relative;
  background: radial-gradient(
        at 50% 50%,
        hsla(241, 86%, 44%, 0.19),
        hsla(241, 86%, 44%, 0) 50%
      )
      no-repeat 110% -95px/1040px 840px,
    radial-gradient(
        at 50% 50%,
        hsla(216, 86%, 44%, 0.17),
        hsla(216, 86%, 44%, 0) 50%
      )
      no-repeat 0 130px/1040px 840px,
    linear-gradient(to right, #1c1e36 0, #131426 100%);
  overflow: hidden;
}

@media (min-width: 1280px) {
  .getstarted {
    padding: 66px 0 86px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .getstarted {
    padding: 66px 27px 64px;
  }
}

@media (max-width: 767px) {
  .getstarted {
    padding: 39px 16px 24px;
  }
}

.getstarted:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 360px;
  height: 481px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

@media (max-width: 767px) {
  .getstarted:before {
    top: 17px;
    width: 290px;
  }
}

.getstarted__content {
  position: relative;
  max-width: 720px;
  padding: 15px 15px 24px 15px;
  margin: 0 auto;
  background: linear-gradient(135deg, #262949 0, #1f213c 100%);
  box-shadow: 0 12px 34px rgba(20, 21, 40, 0.37);
  border-radius: 8px;
}

.getstarted__content * {
  font-family: Roboto, sans-serif;
}

@media (min-width: 768px) {
  .getstarted__content {
    padding: 40px;
  }
}

.getstarted > .title {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .getstarted > .title {
    margin-bottom: 71px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .getstarted > .title {
    margin-bottom: 49px;
  }
}

@media (max-width: 767px) {
  .getstarted > .title {
    margin-bottom: 32px;
  }
}

.getstarted > .title span {
  display: inline-block;
  position: relative;
}

.getstarted > .title span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #faa900;
}

@media (min-width: 768px) {
  .getstarted > .title span:after {
    height: 4px;
  }
}

.getstarted.-know-better .form__button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.getstarted.-know-better .form__button button.js-send {
  max-width: 210px;
}

@media (max-width: 599px) {
  .getstarted.-know-better .form__button button.js-send {
    max-width: 100%;
    margin-top: 20px;
  }
}

.webp .getstarted:before {
  background-image: url(../../assets/images/getstarted-bg.webp);
}

.no-webp .getstarted:before {
  background-image: url(../../assets/images/getstarted-bg.png);
}

.get-started-v4 {
  display: flex;
  justify-content: center;
  background: linear-gradient(258.98deg, #1546f1 0, #6915f1 100.44%) #1546f1;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .get-started-v4 {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .get-started-v4 {
    padding-bottom: 40px;
    background: #1546f1;
  }
}

.get-started-v4 .wrap-v4 {
  display: flex;
}

@media (max-width: 1024px) {
  .get-started-v4 .wrap-v4 {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 {
    flex-direction: column;
  }
}

.get-started-v4 .wrap-v4 > .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 80px;
}

@media (min-width: 1025px) {
  .get-started-v4 .wrap-v4 > .left {
    width: 50%;
    height: 512px;
  }
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 > .left {
    padding: 40px 15px 0;
  }
}

.get-started-v4 .wrap-v4 > .left h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 32px;
  text-align: left;
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 > .left h3 {
    font-size: 32px;
  }
}

.get-started-v4 .wrap-v4 > .left p {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.36px;
}

@media (min-width: 1280px) {
  .get-started-v4 .wrap-v4 > .left p {
    width: 600px;
  }
}

@media (min-width: 768px) {
  .get-started-v4 .wrap-v4 > .left p {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 > .left p {
    width: 100%;
  }
}

.get-started-v4 .wrap-v4 > .left img {
  height: 80px;
}

@media (max-width: 1024px) {
  .get-started-v4 .wrap-v4 > .left img {
    display: none;
  }
}

.get-started-v4 .wrap-v4 .right {
  width: 100%;
  padding-top: 80px;
}

@media (min-width: 1025px) {
  .get-started-v4 .wrap-v4 .right {
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .get-started-v4 .wrap-v4 .right {
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right {
    padding: 32px 15px 0 15px;
  }
}

@media (min-width: 1280px) {
  .get-started-v4 .wrap-v4 .right form {
    width: 100%;
  }
}

.get-started-v4 .wrap-v4 .right form .row {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right form .row {
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  .get-started-v4 .wrap-v4 .right form .row {
    margin-bottom: 24px;
  }
}

.get-started-v4 .wrap-v4 .right form .row .col-50 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(50% - 6px);
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right form .row .col-50 {
    width: 100%;
  }
}

.get-started-v4 .wrap-v4 .right form .row .col-100 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.get-started-v4 .wrap-v4 .right form .row label {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}

.get-started-v4 .wrap-v4 .right form .row label.error {
  bottom: -20px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

@media (max-width: 1279px) {
  .get-started-v4 .wrap-v4 .right form .row label.error {
    bottom: 5px;
  }
}

.get-started-v4 .wrap-v4 .right form .row input {
  background-color: transparent;
  border: 1px solid #7795ff;
  border-radius: 6px;
  padding: 12px;
  color: #fff;
  font-family: Inter, sans-serif;
  transition: background-color 0.4s;
}

.get-started-v4 .wrap-v4 .right form .row input:-webkit-autofill,
.get-started-v4 .wrap-v4 .right form .row input:-webkit-autofill:active,
.get-started-v4 .wrap-v4 .right form .row input:-webkit-autofill:focus,
.get-started-v4 .wrap-v4 .right form .row input:-webkit-autofill:hover {
  font-family: Inter, sans-serif;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

@media (max-width: 1279px) {
  .get-started-v4 .wrap-v4 .right form .row input {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right form .row input {
    font-size: 16px;
  }
}

.get-started-v4 .wrap-v4 .right form .row input.error {
  background: rgba(255, 77, 77, 0.16);
  border: 1px solid #ff4d4d;
  margin-bottom: 12px;
}

@media (max-width: 1279px) {
  .get-started-v4 .wrap-v4 .right form .row input.error {
    margin-bottom: 40px;
  }
}

.get-started-v4 .wrap-v4 .right form .row input.disabled {
  opacity: 0.7;
  pointer-events: none;
}

.get-started-v4 .wrap-v4 .right form .row textarea {
  background-color: transparent;
  border: 1px solid #7795ff;
  border-radius: 6px;
  padding: 12px;
  resize: vertical;
  font-family: Inter, sans-serif;
  color: #fff;
  min-height: 100px;
}

.get-started-v4 .wrap-v4 .right form .row textarea::-moz-placeholder {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.get-started-v4 .wrap-v4 .right form .row textarea::placeholder {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.get-started-v4 .wrap-v4 .right form .row textarea.disabled {
  opacity: 0.7;
  pointer-events: none;
}

.get-started-v4 .wrap-v4 .right form .row textarea:focus::-moz-placeholder {
  color: transparent;
}

.get-started-v4 .wrap-v4 .right form .row textarea:focus::placeholder {
  color: transparent;
}

.get-started-v4 .wrap-v4 .right form .form-footer {
  display: flex;
  align-items: center;
  margin-top: 32px;
  gap: 40px;
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right form .form-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.get-started-v4 .wrap-v4 .right form .form-footer > button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  height: unset;
  padding: 17px 0;
  background: #fff;
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right form .form-footer > button {
    width: 100%;
  }
}

.get-started-v4 .wrap-v4 .right form .form-footer > button:hover {
  background: rgba(255, 255, 255, 0.9);
}

.get-started-v4 .wrap-v4 .right form .form-footer > button::after {
  position: static;
  width: 17.43px;
  height: 14px;
  margin-left: 16px;
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8917 0.403501C12.5622 -0.0397575 11.9358 -0.132013 11.4926 0.197442C11.0493 0.526897 10.9571 1.1533 11.2865 1.59656L14.7235 6.22073H1.28711C0.734825 6.22073 0.287109 6.66845 0.287109 7.22073C0.287109 7.77302 0.734825 8.22073 1.28711 8.22073H14.6319L11.3082 12.3753C10.9632 12.8066 11.0332 13.4359 11.4644 13.7809C11.8957 14.1259 12.525 14.056 12.87 13.6247L17.4842 7.8569C17.6269 7.68403 17.7126 7.46239 17.7126 7.22073C17.7126 6.99622 17.6386 6.78899 17.5137 6.6221L12.8917 0.403501Z' fill='%23131426'/%3E%3C/svg%3E%0A");
}

.get-started-v4 .wrap-v4 .right form .form-footer > button.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.get-started-v4 .wrap-v4 .right form .form-footer .confirm-text {
  font-family: Inter, sans-serif;
  max-width: 259px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .get-started-v4 .wrap-v4 .right form .form-footer .confirm-text {
    max-width: 100%;
    text-align: center;
  }
}

.get-started-v4 .wrap-v4 .right form .form-footer .confirm-text a {
  text-decoration: underline;
}

.get-started-v4 .wrap-v4 .right form .form-footer .confirm-text a:hover {
  color: #fff;
}

@media (max-width: 1279px) {
  .get-started-v4 .wrap-v4 .right form .form-footer .subscribe-form {
    margin-top: 12px;
    margin-left: 6px;
  }
}

.get-started-v4 .wrap-v4 .right form .form-footer label {
  color: #fff;
  opacity: 0.6;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.get-started-v4 .wrap-v4 .right form .form-footer input[type="checkbox"] {
  position: relative;
  width: 18px;
  height: 18px;
  color: #fff;
}

.get-started-v4
  .wrap-v4
  .right
  form
  .form-footer
  input[type="checkbox"]::after {
  content: " ";
  position: absolute;
  top: 2px;
  left: -6px;
  color: rgba(255, 255, 255, 0.6);
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 2px;
}

.get-started-v4
  .wrap-v4
  .right
  form
  .form-footer
  input[type="checkbox"]:checked::after {
  background-color: unset;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 0.25H3C1.61914 0.25 0.5 1.36914 0.5 2.75V15.25C0.5 16.6309 1.61914 17.75 3 17.75H15.5C16.8809 17.75 18 16.6309 18 15.25V2.75C18 1.36914 16.8789 0.25 15.5 0.25ZM13.7734 7.27344L8.77344 12.2734C8.55859 12.4883 8.28125 12.5938 8 12.5938C7.71875 12.5938 7.43984 12.4875 7.22617 12.2739L4.72617 9.77391C4.3 9.34656 4.3 8.6532 4.72617 8.22586C5.15352 7.79852 5.84688 7.79852 6.27422 8.22586L8 9.95312L12.2266 5.72656C12.6539 5.29922 13.3473 5.29922 13.7746 5.72656C14.1992 6.15234 14.1992 6.84766 13.7734 7.27344Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}

section.get-started-v4-success {
  display: none;
  padding: 264px 0;
  background: linear-gradient(258.98deg, #1546f1 0, #6915f1 100.44%);
}

section.get-started-v4-success .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

@media (min-width: 1280px) {
  section.get-started-v4-success .content {
    width: 640px;
    padding: 64px;
  }
}

@media (max-width: 1279px) {
  section.get-started-v4-success .content {
    width: 100%;
    padding: 64px 15px;
  }
}

section.get-started-v4-success .content h4 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: center;
}

section.get-started-v4-success .content p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
}

section.get-started-v4-success .content .action {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  border-radius: 8px;
  background: #fff;
  font-family: Gilroy, sans-serif;
  gap: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #131426;
  padding: 17px 32px;
  width: 210px;
  height: unset;
  width: 180px;
  cursor: pointer;
}

section.get-started-v4-success .content .action:hover {
  background: rgba(255, 255, 255, 0.9);
}

section.get-started-v4-success .content .action svg {
  width: 17px;
  height: 14px;
}

.popup__dialog .get-started-v4 {
  min-height: 100vh;
  align-items: center;
}

@media (min-width: 1280px) {
  .popup__dialog .get-started-v4 .left-inner .bottom {
    margin-top: 200px;
  }
}

.popup__dialog .get-started-v4-success {
  min-height: 100vh;
}

.get-started-v5 {
  padding: 80px 0;
  background: #fff;
}

@media (max-width: 767px) {
  .get-started-v5 {
    padding: 0 0 48px;
  }
}

.get-started-v5 .wrap-v4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .get-started-v5 .wrap-v4 {
    flex-direction: column;
  }
}

.get-started-v5-form {
  padding: 80px;
  border-radius: 24px;
  background: #5115c3;
  color: #fff;
}

@media (max-width: 1279px) {
  .get-started-v5-form {
    padding: 64px 40px;
  }
}

.get-started-v5-form h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 48px;
}

@media (max-width: 767px) {
  .get-started-v5-form h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

.get-started-v5 .left {
  flex: 2;
}

.get-started-v5 .form .row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .get-started-v5 .form .row {
    gap: 24px;
    flex-direction: column;
  }
}

.get-started-v5 .form .row .col-50 {
  width: 50%;
}

@media (max-width: 767px) {
  .get-started-v5 .form .row .col-50 {
    width: 100%;
  }
}

.get-started-v5 .form .row .col-100 {
  width: 100%;
}

.get-started-v5 .form .group {
  position: relative;
  padding-top: 18px;
}

.get-started-v5 .form input,
.get-started-v5 .form textarea {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  border-radius: 0 !important;
  padding: 0 10px 9px 0;
  display: block;
  border: none;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.get-started-v5 .form input.error,
.get-started-v5 .form textarea.error {
  border-color: #ff6e6e;
}

.get-started-v5 .form input:focus,
.get-started-v5 .form textarea:focus {
  outline: 0;
}

.get-started-v5 .form label:not(.error) {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}

.get-started-v5 .form label:not(.error) .optional {
  color: rgba(255, 255, 255, 0.4);
}

.get-started-v5 .form input:not(:-moz-placeholder-shown) ~ label:not(.error),
.get-started-v5
  .form
  textarea:not(:-moz-placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.get-started-v5 .form input:focus ~ label:not(.error),
.get-started-v5 .form input:not(:placeholder-shown) ~ label:not(.error),
.get-started-v5 .form textarea:focus ~ label:not(.error),
.get-started-v5 .form textarea:not(:placeholder-shown) ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.get-started-v5 .form label.error {
  position: absolute;
  bottom: -17px;
  top: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
  color: #ff6e6e;
}

.get-started-v5 .form .form-footer {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
}

@media (max-width: 767px) {
  .get-started-v5 .form .form-footer {
    gap: 24px;
    margin-top: 48px;
    flex-direction: column;
  }
}

.get-started-v5 .form .form-footer button {
  display: flex;
  min-height: 56px;
  padding: 0 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 0;
  background: #fff;
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

@media (max-width: 767px) {
  .get-started-v5 .form .form-footer button {
    width: 100%;
  }
}

.get-started-v5 .form .form-footer .confirm-text {
  flex: 1;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  opacity: 0.64;
}

@media (max-width: 767px) {
  .get-started-v5 .form .form-footer .confirm-text {
    text-align: center;
  }
}

.get-started-v5 .form .form-footer .confirm-text a {
  text-decoration-line: underline;
}

.get-started-v5 .right {
  width: 472px;
  padding: 48px 40px 32px 40px;
  border-radius: 24px;
  background: #f7f7f9;
  color: #131426;
}

@media (max-width: 1279px) {
  .get-started-v5 .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .get-started-v5 .right {
    padding: 32px;
  }
}

.get-started-v5 .right .get-started-v5__review,
.get-started-v5 .right .owl-carousel {
  height: 100%;
}

.get-started-v5 .right .item {
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .get-started-v5 .right .item {
    min-height: 280px;
  }
}

.get-started-v5 .right .item img {
  width: auto;
}

.get-started-v5 .right .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.44px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .get-started-v5 .right .item__quote {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.get-started-v5 .right .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 32px;
}

.get-started-v5 .right .item__score .logo {
  margin-right: 36px;
}

.get-started-v5 .right .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.get-started-v5 .right .item__score-stars img {
  width: 16px;
  height: 15px;
}

.get-started-v5 .right .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.get-started-v5 .right .item__review-author {
  display: flex;
  flex-direction: row;
}

.get-started-v5 .right .item__review-author-picture {
  margin-right: 24px;
}

.get-started-v5 .right .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.get-started-v5 .right .item__review-author-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.get-started-v5 .right .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.get-started-v5 .right .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 1279px) {
  .get-started-v5 .right .owl-nav {
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .get-started-v5 .right .owl-nav {
    justify-content: flex-start;
  }
}

.get-started-v5 .right .owl-nav .owl-next,
.get-started-v5 .right .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.get-started-v5 .right .owl-nav .owl-next:hover,
.get-started-v5 .right .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.get-started-v5 .right .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.get-started-v5-success {
  display: none;
  border-radius: 24px;
  background: linear-gradient(140deg, #15a73e 0.04%, #15a78d 100.04%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px;
}

@media (min-width: 1280px) {
  .get-started-v5-success {
    min-height: 700px;
  }
}

@media (max-width: 767px) {
  .get-started-v5-success {
    padding: 40px 24px;
  }
}

.get-started-v5-success .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.get-started-v5-success .content img {
  margin-bottom: 32px;
}

.get-started-v5-success .content h4 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin-bottom: 16px;
}

.get-started-v5-success .content p {
  max-width: 660px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  text-align: center;
}

.popup__dialog .get-started-v4 {
  min-height: 100vh;
  align-items: center;
}

@media (min-width: 1280px) {
  .popup__dialog .get-started-v4 .left-inner .bottom {
    margin-top: 200px;
  }
}

.popup__dialog .get-started-v4-success {
  min-height: 100vh;
}

.get-started-v5-marketing {
  padding: 80px 0;
  background: #fff;
}

@media (max-width: 767px) {
  .get-started-v5-marketing {
    padding: 0 0 48px;
  }
}

.get-started-v5-marketing-form {
  border-radius: 24px;
  background: linear-gradient(95deg, #9935e8 0, #e85535 100%);
  color: #fff;
  padding: 80px 200px;
}

@media (max-width: 1279px) {
  .get-started-v5-marketing-form {
    padding: 64px 40px;
  }
}

.get-started-v5-marketing-form h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 48px;
}

@media (max-width: 1279px) {
  .get-started-v5-marketing-form h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.64px;
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .get-started-v5-marketing-form h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

.get-started-v5-marketing .form .row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .get-started-v5-marketing .form .row {
    gap: 24px;
    flex-direction: column;
  }
}

.get-started-v5-marketing .form .row .col-50 {
  width: 50%;
}

@media (max-width: 767px) {
  .get-started-v5-marketing .form .row .col-50 {
    width: 100%;
  }
}

.get-started-v5-marketing .form .row .col-100 {
  width: 100%;
}

.get-started-v5-marketing .form .group {
  position: relative;
  padding-top: 18px;
}

.get-started-v5-marketing .form input,
.get-started-v5-marketing .form textarea {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  border-radius: 0 !important;
  padding: 0 10px 9px 0;
  display: block;
  border: none;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.get-started-v5-marketing .form input.error,
.get-started-v5-marketing .form textarea.error {
  border-color: #ff6e6e;
}

.get-started-v5-marketing .form input:focus,
.get-started-v5-marketing .form textarea:focus {
  outline: 0;
}

.get-started-v5-marketing .form label:not(.error) {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}

.get-started-v5-marketing .form label:not(.error) .optional {
  color: rgba(255, 255, 255, 0.4);
}

.get-started-v5-marketing
  .form
  input:not(:-moz-placeholder-shown)
  ~ label:not(.error),
.get-started-v5-marketing
  .form
  textarea:not(:-moz-placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.get-started-v5-marketing .form input:focus ~ label:not(.error),
.get-started-v5-marketing
  .form
  input:not(:placeholder-shown)
  ~ label:not(.error),
.get-started-v5-marketing .form textarea:focus ~ label:not(.error),
.get-started-v5-marketing
  .form
  textarea:not(:placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.get-started-v5-marketing .form label.error {
  position: absolute;
  bottom: -17px;
  top: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
  color: #ff6e6e;
}

.get-started-v5-marketing .form .form-footer {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
}

@media (max-width: 767px) {
  .get-started-v5-marketing .form .form-footer {
    gap: 24px;
    margin-top: 48px;
    flex-direction: column;
  }
}

.get-started-v5-marketing .form .form-footer button {
  display: flex;
  min-height: 56px;
  padding: 0 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 0;
  background: #fff;
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

@media (max-width: 767px) {
  .get-started-v5-marketing .form .form-footer button {
    width: 100%;
  }
}

.get-started-v5-marketing .form .form-footer .confirm-text {
  flex: 1;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  opacity: 0.64;
}

@media (max-width: 767px) {
  .get-started-v5-marketing .form .form-footer .confirm-text {
    text-align: center;
  }
}

.get-started-v5-marketing .form .form-footer .confirm-text a {
  text-decoration-line: underline;
}

.get-started-v5-marketing .right {
  width: 472px;
  padding: 48px 40px 32px 40px;
  border-radius: 24px;
  background: #f7f7f9;
  color: #131426;
}

@media (max-width: 1279px) {
  .get-started-v5-marketing .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .get-started-v5-marketing .right {
    padding: 32px;
  }
}

.get-started-v5-marketing .right .get-started-v5__review,
.get-started-v5-marketing .right .owl-carousel {
  height: 100%;
}

.get-started-v5-marketing .right .item {
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .get-started-v5-marketing .right .item {
    min-height: 280px;
  }
}

.get-started-v5-marketing .right .item img {
  width: auto;
}

.get-started-v5-marketing .right .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.44px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .get-started-v5-marketing .right .item__quote {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.get-started-v5-marketing .right .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 32px;
}

.get-started-v5-marketing .right .item__score .logo {
  margin-right: 36px;
}

.get-started-v5-marketing .right .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.get-started-v5-marketing .right .item__score-stars img {
  width: 16px;
  height: 15px;
}

.get-started-v5-marketing .right .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.get-started-v5-marketing .right .item__review-author {
  display: flex;
  flex-direction: row;
}

.get-started-v5-marketing .right .item__review-author-picture {
  margin-right: 24px;
}

.get-started-v5-marketing .right .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.get-started-v5-marketing .right .item__review-author-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.get-started-v5-marketing .right .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.get-started-v5-marketing .right .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 1279px) {
  .get-started-v5-marketing .right .owl-nav {
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .get-started-v5-marketing .right .owl-nav {
    justify-content: flex-start;
  }
}

.get-started-v5-marketing .right .owl-nav .owl-next,
.get-started-v5-marketing .right .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.get-started-v5-marketing .right .owl-nav .owl-next:hover,
.get-started-v5-marketing .right .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.get-started-v5-marketing .right .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.get-started-v5-marketing-success {
  display: none;
  border-radius: 24px;
  background: linear-gradient(95deg, #9935e8 0, #e85535 100%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px;
  position: relative;
  min-height: 564px;
}

@media (max-width: 767px) {
  .get-started-v5-marketing-success {
    padding: 40px 24px;
  }
}

.get-started-v5-marketing-success .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 15px;
}

.get-started-v5-marketing-success .content img {
  margin-bottom: 32px;
}

.get-started-v5-marketing-success .content h4 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin-bottom: 16px;
}

.get-started-v5-marketing-success .content p {
  max-width: 660px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  text-align: center;
}

.popup__dialog .get-started-v4 {
  min-height: 100vh;
  align-items: center;
}

@media (min-width: 1280px) {
  .popup__dialog .get-started-v4 .left-inner .bottom {
    margin-top: 200px;
  }
}

.popup__dialog .get-started-v4-success {
  min-height: 100vh;
}

section.subscribe-v4 {
  display: flex;
  justify-content: center;
  background-color: #f2f2f5;
  padding-bottom: 80px;
}

@media (max-width: 1279px) {
  section.subscribe-v4 {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  section.subscribe-v4 {
    padding-bottom: 15px;
  }
}

section.subscribe-v4.-send .inner {
  display: none;
}

section.subscribe-v4 .inner {
  display: flex;
  flex-direction: row;
  border-radius: 12px;
  padding: 40px 210px;
  width: 100%;
  max-width: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
}

@media (max-width: 767px) {
  section.subscribe-v4 .inner {
    padding: 32px 24px;
    border-radius: 0;
  }
}

section.subscribe-v4 .inner form {
  display: flex;
  flex-direction: row;
  width: 100%;
}

@media (max-width: 767px) {
  section.subscribe-v4 .inner form {
    flex-direction: column;
  }
}

@media (max-width: 1279px) {
  section.subscribe-v4 .inner form {
    justify-content: space-around;
  }
}

@media (min-width: 1280px) {
  section.subscribe-v4 .inner form {
    justify-content: center;
  }
}

@media (min-width: 1280px) {
  section.subscribe-v4 .inner form .left {
    width: 440px;
  }
}

section.subscribe-v4 .inner form .left h5 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

section.subscribe-v4 .inner form .left p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

@media (max-width: 767px) {
  section.subscribe-v4 .inner form .left p {
    margin-bottom: 8px;
  }
}

section.subscribe-v4 .inner form .right {
  display: flex;
  align-items: center;
  width: 440px;
}

@media (max-width: 1279px) {
  section.subscribe-v4 .inner form .right {
    width: 100%;
    max-width: 350px;
  }
}

@media (max-width: 767px) {
  section.subscribe-v4 .inner form .right {
    margin-top: 12px;
  }
}

section.subscribe-v4 .inner form .right .form-item {
  position: relative;
  width: 100%;
}

section.subscribe-v4 .inner form .right .form-item input {
  border: 1px solid transparent;
  border-radius: 12px;
  width: 100%;
  height: 48px;
  padding: 12px;
  background-color: #fff;
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

section.subscribe-v4 .inner form .right .form-item input:-webkit-autofill,
section.subscribe-v4
  .inner
  form
  .right
  .form-item
  input:-webkit-autofill:active,
section.subscribe-v4 .inner form .right .form-item input:-webkit-autofill:focus,
section.subscribe-v4
  .inner
  form
  .right
  .form-item
  input:-webkit-autofill:hover {
  border: 1px solid transparent;
  background: #fff !important;
  -webkit-text-fill-color: #131426;
  color: #131426;
}

section.subscribe-v4 .inner form .right .form-item input::-moz-placeholder {
  color: #8a8ba7;
}

section.subscribe-v4 .inner form .right .form-item input::placeholder {
  color: #8a8ba7;
}

section.subscribe-v4 .inner form .right .form-item input:focus {
  outline: 0;
}

section.subscribe-v4 .inner form .right .form-item input.error {
  color: #ff4d4d;
}

section.subscribe-v4 .inner form .right .form-item button {
  display: none;
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 4px;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #131426;
  border-radius: 8px;
  color: #fff;
  border: none;
  cursor: pointer;
}

section.subscribe-v4 .inner form .right .form-item button.-active {
  display: flex;
}

section.subscribe-v4 .inner form .right .form-item button::after {
  content: " ";
  width: 12px;
  height: 10px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.97098 10.0142C6.84293 9.88536 6.77106 9.71111 6.77106 9.52949C6.77106 9.34786 6.84293 9.17361 6.97098 9.0448L10.1335 5.88917H1.50536C1.32302 5.88917 1.14815 5.81674 1.01922 5.68781C0.890287 5.55888 0.817856 5.38401 0.817856 5.20167C0.817856 5.01934 0.890287 4.84447 1.01922 4.71554C1.14815 4.58661 1.32302 4.51417 1.50536 4.51417H10.1129L6.97098 1.3723C6.84061 1.24284 6.76701 1.06689 6.76636 0.883167C6.76572 0.69944 6.83808 0.522982 6.96754 0.392611C7.097 0.262241 7.27295 0.188637 7.45667 0.187993C7.6404 0.187348 7.81686 0.259715 7.94723 0.389174L12.3197 4.76855C12.4352 4.88451 12.5 5.04148 12.5 5.20511C12.5 5.36874 12.4352 5.52571 12.3197 5.64167L7.94723 10.0142C7.88332 10.0786 7.80728 10.1298 7.7235 10.1647C7.63972 10.1996 7.54986 10.2175 7.4591 10.2175C7.36835 10.2175 7.27849 10.1996 7.19471 10.1647C7.11093 10.1298 7.03489 10.0786 6.97098 10.0142Z' fill='white'/%3E%3C/svg%3E%0A");
}

section.subscribe-v4 .inner form label.error {
  font-size: 11px;
  position: absolute;
  top: 60px;
  left: 0;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

section.subscribe-v4.-send .subscribe-v4-send__body {
  display: flex;
}

section.subscribe-v4 .subscribe-v4-send__body {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
}

@media (min-width: 1280px) {
  section.subscribe-v4 .subscribe-v4-send__body {
    border-radius: 12px;
    padding: 40px 210px;
    width: 1300px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  section.subscribe-v4 .subscribe-v4-send__body {
    padding: 40px 15px;
  }
}

@media (max-width: 767px) {
  section.subscribe-v4 .subscribe-v4-send__body {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

section.subscribe-v4 .subscribe-v4-send__body svg {
  margin-right: 24px;
}

section.subscribe-v4 .subscribe-v4-send__content {
  text-align: left;
}

section.subscribe-v4 .subscribe-v4-send__content .subscribe-v4-send__title {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
}

section.subscribe-v4 .subscribe-v4-send__content p {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
}

section.contact-form-v4 {
  display: flex;
  justify-content: center;
  background: #1546f1;
  width: 640px;
  padding-bottom: 80px;
}

@media (max-width: 1279px) {
  section.contact-form-v4 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  section.contact-form-v4 {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  section.contact-form-v4 form {
    width: 100%;
  }
}

section.contact-form-v4 form .row {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  section.contact-form-v4 form .row {
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  section.contact-form-v4 form .row {
    margin-bottom: 24px;
  }
}

section.contact-form-v4 form .row .col-50 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(50% - 6px);
}

@media (max-width: 767px) {
  section.contact-form-v4 form .row .col-50 {
    width: 100%;
  }
}

section.contact-form-v4 form .row .col-100 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

section.contact-form-v4 form .row label {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}

section.contact-form-v4 form .row label.error {
  font-size: 11px;
  bottom: -20px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .row label.error {
    bottom: 5px;
  }
}

section.contact-form-v4 form .row input {
  background-color: transparent;
  border: 1px solid #7795ff;
  border-radius: 6px;
  padding: 12px;
  color: #fff;
  font-family: Inter;
  transition: background-color 0.4s;
}

section.contact-form-v4 form .row input:-webkit-autofill,
section.contact-form-v4 form .row input:-webkit-autofill:active,
section.contact-form-v4 form .row input:-webkit-autofill:focus,
section.contact-form-v4 form .row input:-webkit-autofill:hover {
  font-family: Inter;
  -webkit-text-fill-color: #fff;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .row input {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  section.contact-form-v4 form .row input {
    font-size: 16px;
  }
}

section.contact-form-v4 form .row input.error {
  background: rgba(255, 77, 77, 0.16);
  border: 1px solid #ff4d4d;
  margin-bottom: 12px;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .row input.error {
    margin-bottom: 40px;
  }
}

section.contact-form-v4 form .row input.disabled {
  opacity: 0.7;
  pointer-events: none;
}

section.contact-form-v4 form .row textarea {
  background-color: transparent;
  border: 1px solid #7795ff;
  border-radius: 6px;
  padding: 12px;
  resize: vertical;
  font-family: Inter;
  color: #fff;
  min-height: 100px;
}

section.contact-form-v4 form .row textarea::-moz-placeholder {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

section.contact-form-v4 form .row textarea::placeholder {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

section.contact-form-v4 form .row textarea.disabled {
  opacity: 0.7;
  pointer-events: none;
}

section.contact-form-v4 form .row textarea:focus::-moz-placeholder {
  color: transparent;
}

section.contact-form-v4 form .row textarea:focus::placeholder {
  color: transparent;
}

section.contact-form-v4 form .form-footer {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 32px;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .form-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

section.contact-form-v4 form .form-footer > button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  color: #131426;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  height: unset;
  padding: 17px 0;
  background: #fff;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .form-footer > button {
    width: 100%;
  }
}

section.contact-form-v4 form .form-footer > button:hover {
  background: rgba(255, 255, 255, 0.9);
}

section.contact-form-v4 form .form-footer > button::after {
  position: static;
  width: 17.43px;
  height: 14px;
  margin-left: 16px;
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8917 0.403501C12.5622 -0.0397575 11.9358 -0.132013 11.4926 0.197442C11.0493 0.526897 10.9571 1.1533 11.2865 1.59656L14.7235 6.22073H1.28711C0.734825 6.22073 0.287109 6.66845 0.287109 7.22073C0.287109 7.77302 0.734825 8.22073 1.28711 8.22073H14.6319L11.3082 12.3753C10.9632 12.8066 11.0332 13.4359 11.4644 13.7809C11.8957 14.1259 12.525 14.056 12.87 13.6247L17.4842 7.8569C17.6269 7.68403 17.7126 7.46239 17.7126 7.22073C17.7126 6.99622 17.6386 6.78899 17.5137 6.6221L12.8917 0.403501Z' fill='%23131426'/%3E%3C/svg%3E%0A");
}

section.contact-form-v4 form .form-footer > button.disabled {
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .form-footer .subscribe-form {
    margin-top: 12px;
    margin-left: 6px;
  }
}

section.contact-form-v4 form .form-footer label {
  color: #fff;
  opacity: 0.6;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

section.contact-form-v4 form .form-footer input[type="checkbox"] {
  position: relative;
  width: 18px;
  height: 18px;
  color: #fff;
}

section.contact-form-v4 form .form-footer input[type="checkbox"]::after {
  content: " ";
  position: absolute;
  top: 2px;
  left: -6px;
  color: rgba(255, 255, 255, 0.6);
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 2px;
}

section.contact-form-v4
  form
  .form-footer
  input[type="checkbox"]:checked::after {
  background-color: unset;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 0.25H3C1.61914 0.25 0.5 1.36914 0.5 2.75V15.25C0.5 16.6309 1.61914 17.75 3 17.75H15.5C16.8809 17.75 18 16.6309 18 15.25V2.75C18 1.36914 16.8789 0.25 15.5 0.25ZM13.7734 7.27344L8.77344 12.2734C8.55859 12.4883 8.28125 12.5938 8 12.5938C7.71875 12.5938 7.43984 12.4875 7.22617 12.2739L4.72617 9.77391C4.3 9.34656 4.3 8.6532 4.72617 8.22586C5.15352 7.79852 5.84688 7.79852 6.27422 8.22586L8 9.95312L12.2266 5.72656C12.6539 5.29922 13.3473 5.29922 13.7746 5.72656C14.1992 6.15234 14.1992 6.84766 13.7734 7.27344Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}

section.contact-form-v4 form .form-footer .confirm-text {
  font-family: Inter, sans-serif;
  max-width: 259px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: #fff;
  opacity: 0.5;
}

@media (max-width: 1279px) {
  section.contact-form-v4 form .form-footer .confirm-text {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}

section.contact-form-v4-success {
  display: none;
  padding: 0;
  background: #1546f1;
}

section.contact-form-v4-success .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

@media (min-width: 768px) {
  section.contact-form-v4-success .content {
    width: 640px;
    padding: 135px 64px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  section.contact-form-v4-success .content {
    width: 100%;
    padding: 115px 64px;
  }
}

@media (max-width: 767px) {
  section.contact-form-v4-success .content {
    width: 100%;
    padding: 64px 15px;
  }
}

section.contact-form-v4-success .content h4 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: center;
}

section.contact-form-v4-success .content p {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
}

section.contact-form-v4-success .content .action {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  border-radius: 8px;
  background: #fff;
  font-family: Gilroy;
  gap: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #131426;
  padding: 17px 32px;
  width: 210px;
  height: unset;
  width: 180px;
  cursor: pointer;
}

section.contact-form-v4-success .content .action:hover {
  background: rgba(255, 255, 255, 0.9);
}

section.contact-form-v4-success .content .action svg {
  width: 17px;
  height: 14px;
}

/*!
 * _blog-preview-v4.scss
 * 
 *
 * 
 * 
 */

.incognic-blog {
  display: flex;
  color: #131426;
  background-color: #f2f2f5;
  justify-content: center;
  padding: 80px 0 40px;
}

@media (max-width: 1279px) {
  .incognic-blog {
    padding: 80px 0 24px;
  }
}

@media (max-width: 767px) {
  .incognic-blog {
    padding: 24px 0 0;
  }
}

.incognic-blog .section-title-block {
  background-color: #fff;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .incognic-blog .section-title-block {
    display: none;
  }
}

.incognic-blog .collage {
  display: flex;
  justify-content: center;
}

@media (max-width: 1279px) {
  .incognic-blog .collage {
    border-radius: 12px;
    overflow: hidden;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .incognic-blog .collage {
    border-radius: 0;
  }
}

.incognic-blog .collage .left {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: auto;
  background-color: #ffb901;
  background-size: auto 101%;
  background-position: center;
  transition: background-size 0.3s;
}

@media (min-width: 1280px) {
  .incognic-blog .collage .left {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .left {
    padding-top: 325px;
  }
}

@media (min-width: 1280px) {
  .incognic-blog .collage .left {
    width: 650px;
    height: 650px;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .left {
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
}

.incognic-blog .collage .left:hover {
  background-size: auto 110%;
  background-position: center;
}

.incognic-blog .collage .left:hover .action {
  opacity: 0.64;
}

.incognic-blog .collage .right {
  display: flex;
  flex-direction: column;
  background-color: #131426;
  color: #fff;
}

@media (min-width: 1280px) {
  .incognic-blog .collage .right {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
  }
}

@media (min-width: 1280px) {
  .incognic-blog .collage .right {
    width: 650px;
    height: 650px;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right {
    height: auto;
    width: 100%;
  }
}

.incognic-blog .collage .right > a:hover .action {
  opacity: 0.64;
}

.incognic-blog .collage .right .row {
  display: flex;
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .row {
    width: 100%;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .row {
    flex-direction: column;
  }
}

.incognic-blog .collage .right .row .collage-right-img {
  background-size: auto 101%;
  background-position: center;
  transition: background-size 0.3s;
  width: 325px;
  height: 325px;
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .row .collage-right-img {
    width: 50%;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .row .collage-right-img {
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.incognic-blog .collage .right .row .collage-right-img:hover {
  background-size: auto 110%;
}

.incognic-blog .collage .right .row .block {
  background: linear-gradient(98.52deg, #2f80ed 0, #992fed 100%);
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .row .block {
    width: 50%;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .row .block {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .incognic-blog .collage .right .row .block {
    border-top-right-radius: 12px;
  }
}

.incognic-blog .collage .right .more-posts-container {
  display: flex;
  flex-direction: column;
  background-color: #131426;
  border-bottom-right-radius: 12px;
  gap: 16px;
  justify-content: space-between;
  padding: 40px;
}

@media (min-width: 1280px) {
  .incognic-blog .collage .right .more-posts-container {
    width: 650px;
    height: 325px;
  }
}

@media (max-width: 1279px) {
  .incognic-blog .collage .right .more-posts-container {
    padding: 40px 24px;
  }
}

@media (min-width: 1280px) {
  .incognic-blog .collage .right .more-posts-container .content {
    height: 176px;
  }
}

.incognic-blog .collage .right .more-posts-container .content a {
  display: flex;
  align-items: center;
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 16px 0;
  border-bottom: 1px dashed #292b45;
  cursor: pointer;
}

.incognic-blog .collage .right .more-posts-container .content a:hover {
  opacity: 0.64;
}

.incognic-blog .collage .right .more-posts-container .flex-right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .incognic-blog .collage .right .more-posts-container .flex-right {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .incognic-blog .collage .right .more-posts-container .flex-right .action-btn {
    padding-left: 0;
  }
}

.incognic-blog
  .collage
  .right
  .more-posts-container
  .flex-right
  .action-btn:hover {
  opacity: 0.8;
}

.incognic-blog .collage .block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  height: 325px;
  background: linear-gradient(
    92.99deg,
    #ffbd12 0,
    #e03d3d 72.63%,
    #cd21e9 136.71%
  );
  padding: 32px;
  color: #fff;
}

@media (min-width: 1280px) {
  .incognic-blog .collage .block {
    width: 325px;
  }
}

@media (max-width: 767px) {
  .incognic-blog .collage .block {
    padding: 32px 24px;
  }
}

@media (max-width: 767px) {
  .incognic-blog .collage .block {
    width: 100%;
    height: 250px;
  }
}

.incognic-blog .collage .block > h5 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.incognic-blog .collage .block .read-more-container > .action-btn {
  padding-left: 0;
}

.incognic-blog .collage .block .read-more-container > .action-btn:hover {
  opacity: 0.8;
}

/*!
 * _blog-preview-v4.scss
 * 
 *
 * 
 * 
 */

.blog-preview-v5 {
  padding: 120px 0;
  color: #131426;
  background-color: #fff;
}

@media (max-width: 1279px) {
  .blog-preview-v5 {
    padding: 64px 0;
  }
}

.blog-preview-v5 .title {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .blog-preview-v5 .title {
    margin-bottom: 32px;
  }
}

.blog-preview-v5 .filters {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .blog-preview-v5 .filters {
    overflow-x: scroll;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 32px;
  }
  .blog-preview-v5 .filters::-webkit-scrollbar {
    display: none;
  }
}

.blog-preview-v5 .filters .filter a,
.blog-preview-v5 .filters .filter div,
.blog-preview-v5 .filters .filter span {
  cursor: pointer;
  display: block;
  color: rgba(19, 20, 38, 0.64);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 0;
  border-bottom: 2px solid transparent;
}

.blog-preview-v5 .filters .filter a.-active,
.blog-preview-v5 .filters .filter div.-active,
.blog-preview-v5 .filters .filter span.-active {
  color: #131426;
  border-color: #131426;
}

.blog-preview-v5 .filters .filter a:hover,
.blog-preview-v5 .filters .filter div:hover,
.blog-preview-v5 .filters .filter span:hover {
  color: #131426;
}

@media (max-width: 767px) {
  .blog-preview-v5 .filters .filter a,
  .blog-preview-v5 .filters .filter div,
  .blog-preview-v5 .filters .filter span {
    white-space: nowrap;
  }
}

.blog-preview-v5 .filter-item {
  display: none;
}

.blog-preview-v5 .filter-item.-active {
  display: block;
}

.blog-preview-v5 .items .item {
  flex: 1;
  padding-left: 2px;
}

.blog-preview-v5 .items .item__art {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}

.blog-preview-v5 .items .item__art img {
  max-width: 100%;
  height: auto;
}

.blog-preview-v5 .items .item time {
  color: #9d9eb7;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  margin-bottom: 12px;
}

.blog-preview-v5 .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}

.blog-preview-v5 .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-preview-v5 .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.blog-preview-v5 .owl-nav .owl-next,
.blog-preview-v5 .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
}

.blog-preview-v5 .owl-nav .owl-next:hover,
.blog-preview-v5 .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.blog-preview-v5 .owl-nav .owl-prev {
  transform: rotate(180deg);
}

/*!
 * _way-to-work.scss
 * 
 *
 * 
 * 
 */

.way-to-work {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: linear-gradient(to bottom, #141529, #202240);
}

@media (min-width: 768px) {
  .way-to-work {
    padding-top: 66px;
    padding-bottom: 104px;
  }
}

.way-to-work:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1000px;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    rgba(248, 176, 0, 0) 0,
    #f8b000 50%,
    rgba(248, 176, 0, 0) 100%
  );
}

@media (max-width: 767px) {
  .way-to-work {
    padding-bottom: 34px;
  }
}

@media (min-width: 1280px) {
  .way-to-work__list {
    display: flex;
    justify-content: space-between;
  }
}

@media (max-width: 1279px) {
  .way-to-work__list {
    max-width: 720px;
    margin: 0 auto;
  }
}

.way-to-work__item {
  padding-left: 40px;
  background: #212340;
  border-radius: 8px;
  box-shadow: 0 30px 20px 0 rgba(17, 18, 39, 0.2);
  overflow: hidden;
}

@media (min-width: 1280px) {
  .way-to-work__item {
    min-height: 360px;
    width: calc(50% - 16px);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .way-to-work__item {
    padding: 30px 0 30px 40px;
    min-height: 260px;
  }
  .way-to-work__item:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .way-to-work__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

@media (max-width: 767px) {
  .way-to-work__item {
    padding: 20px 15px 24px 15px;
    text-align: center;
  }
  .way-to-work__item:not(:last-child) {
    margin-bottom: 16px;
  }
}

.way-to-work__title {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .way-to-work__title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 24px;
  }
}

.way-to-work__text {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.way-to-work__text p {
  max-width: 260px;
}

@media (max-width: 767px) {
  .way-to-work__text p {
    margin: 0 auto;
  }
}

.way-to-work__text .button {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .way-to-work__text .button {
    margin-top: 24px;
  }
}

.way-to-work__img img {
  display: block;
}

@media (min-width: 1280px) {
  .way-to-work__img img {
    margin-right: -128px;
  }
}

@media (max-width: 767px) {
  .way-to-work__img img {
    margin: 0 auto 20px auto;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .way-to-work__img img.-team {
    margin-right: 65px;
    width: 206px;
  }
}

@media (max-width: 767px) {
  .way-to-work__img img.-team {
    width: 136px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .way-to-work__img img.-project {
    margin-right: 65px;
    width: 198px;
  }
}

@media (max-width: 767px) {
  .way-to-work__img img.-project {
    width: 131px;
  }
}

.way-to-work__content {
  text-align: center;
  max-width: 690px;
  margin: 0 auto 40px auto;
}

.way-to-work .title {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1279px) {
  .way-to-work .title {
    padding: 0 15px 20px 15px;
  }
}

.way-to-work .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  transform: translateX(-50%);
  background: #faa900;
}

/*!
 * _perfomance.scss
 * 
 *
 * 
 * 
 */

.perfomance {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  background: #141529;
}

@media (min-width: 768px) {
  .perfomance {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.perfomance__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .perfomance__list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
  }
}

.perfomance__item {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  flex-direction: column;
  width: 33.3333333333%;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .perfomance__item {
    width: 700px;
    margin: 0 auto 32px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .perfomance__item {
    width: 100%;
  }
}

.perfomance__item.-back-ic:after {
  content: url(../../assets/images/ic-analytics-back.svg);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15%;
}

@media (max-width: 1279px) {
  .perfomance__item.-back-ic:after {
    transform: rotate(90deg);
    right: 0;
    left: unset;
    top: 45%;
  }
}

@media (max-width: 767px) {
  .perfomance__item.-back-ic:after {
    display: none;
  }
}

.perfomance__item.back-next-ic:before {
  content: url(../../assets/images/ic-analytics-next.svg);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15%;
}

@media (max-width: 1279px) {
  .perfomance__item.back-next-ic:before {
    display: none;
  }
}

.perfomance__item.-next-ic:after {
  content: url(../../assets/images/ic-analytics-next.svg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: 15%;
}

@media (max-width: 1279px) {
  .perfomance__item.-next-ic:after {
    transform: rotate(90deg);
    top: 45%;
  }
}

@media (max-width: 767px) {
  .perfomance__item.-next-ic:after {
    display: none;
  }
}

.perfomance__item.-revert-ic:after {
  content: url(../../assets/images/ic-analytics-revert.svg);
  display: inline-block;
  position: absolute;
  right: 0;
  top: 15%;
}

@media (max-width: 1279px) {
  .perfomance__item.-revert-ic:after {
    transform: rotate(90deg);
    top: 45%;
  }
}

@media (max-width: 767px) {
  .perfomance__item.-revert-ic:after {
    display: none;
  }
}

.perfomance__title {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 24px;
}

.perfomance__text {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 14px;
}

.perfomance__text p {
  max-width: 520px;
}

@media (min-width: 768px) {
  .perfomance__text p {
    max-width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .perfomance__text {
    text-align: left;
    align-items: flex-start;
    width: 400px;
    margin-left: 40px;
  }
}

.perfomance .title {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .perfomance .title {
    margin-bottom: 40px;
  }
}

.perfomance .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  transform: translateX(-50%);
  background: #faa900;
}

/*!
 * _docs.scss
 * 
 *
 * 
 * 
 */

.docs {
  position: relative;
  background: url(../../assets/images/docs-bg.jpg);
  background-size: cover;
}

@media (min-width: 1280px) {
  .docs {
    padding-top: 74px;
    padding-bottom: 74px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .docs {
    padding-top: 64px;
    padding-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .docs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

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

@media (min-width: 1280px) {
  .docs__list {
    max-width: 847px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .docs__list {
    max-width: 626px;
  }
}

.docs__group {
  display: flex;
}

@media (min-width: 768px) {
  .docs__group {
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .docs__group {
    flex-direction: column;
  }
  .docs__group:first-child {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1280px) {
  .docs__group:not(:last-child) {
    margin-bottom: 74px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .docs__group:not(:last-child) {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .docs__group:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .docs__text {
    width: 395px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .docs__text {
    width: 260px;
  }
}

@media (max-width: 767px) {
  .docs__text {
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .docs__img {
    width: 326px;
  }
}

@media (max-width: 767px) {
  .docs__img {
    margin-bottom: 24px;
  }
}

.docs__img img {
  display: block;
}

@media (max-width: 767px) {
  .docs__img img {
    width: 124px;
    margin: 0 auto;
  }
}

.docs .title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.docs .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: #faa900;
}

@media (max-width: 767px) {
  .docs .title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 1280px) {
  .about__content {
    padding-top: 64px;
    padding-bottom: 88px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .about__content {
    padding-top: 40px;
    padding-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .about__content {
    padding-top: 26px;
    padding-bottom: 40px;
  }
}

.about__text {
  max-width: 620px;
}

.about__text p:not(:last-child) {
  margin-bottom: 24px;
}

.about .title {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .about .title {
    margin-bottom: 40px;
  }
}

.about .title span {
  color: #faa900;
}

/*!
 * _tech-details.scss
 * 
 *
 * 
 * 
 */

.tech-details {
  padding-top: 88px;
  padding-bottom: 64px;
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../assets/images/about-us/tech-details-bg.png);
}

@media (max-width: 1279px) {
  .tech-details {
    padding: 40px 0;
  }
}

@media (max-width: 1279px) {
  .tech-details .wrap {
    padding: 0 30px;
  }
}

.page.-who-we .tech-details .button {
  display: none;
}

@media (max-width: 767px) {
  .page.-who-we .tech-details {
    padding-top: 80px;
  }
  .page.-who-we .tech-details .title {
    padding: 0 20px;
  }
  .page.-who-we .tech-details__item {
    margin-bottom: 16px;
  }
  .page.-who-we .tech-details .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page.-who-we .tech-details .button {
    display: block;
    margin-top: 20px;
    padding: 0 32px;
    line-height: 36px;
  }
  .page.-who-we .tech-details .button.-hidden {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .tech-details__body {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (min-width: 1280px) {
  .tech-details__list {
    justify-content: space-between;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .tech-details__list {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
  }
}

@media (min-width: 768px) {
  .tech-details__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
  }
}

.tech-details__item {
  line-height: 19px;
  padding: 32px 24px;
  min-height: 174px;
  background: rgba(48, 68, 99, 0.3);
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .tech-details__item {
    width: calc(33.3333% - 10px);
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .tech-details__item {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 16px;
  }
  .tech-details__item:last-of-type {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .tech-details__item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.tech-details__item div {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

.tech-details__item.-hm {
  display: none;
}

.tech-details__title {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #fff;
}

.tech-details .more {
  margin: 28px auto 0 auto;
  width: 147px;
  height: 36px;
  line-height: 34px;
  background: rgba(248, 176, 0, 0.1);
  border-radius: 4px;
  display: none;
}

@media (max-width: 767px) {
  .tech-details .more {
    display: block;
  }
}

.tech-details .more.-hidden {
  display: none;
}

.tech-stack {
  background: linear-gradient(180deg, rgba(19, 28, 58, 0.2), #131426),
    radial-gradient(
      circle at 50% 120px,
      transparent 217px,
      rgba(255, 255, 255, 0.1) 218px,
      transparent 219px
    ),
    linear-gradient(180deg, #131c3a, #131426);
}

@media (min-width: 1280px) {
  .tech-stack {
    padding-top: 1px;
    padding-bottom: 140px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .tech-stack {
    padding-top: 1px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .tech-stack {
    padding: 9px 9px 34px 9px;
  }
}

.page.-who-we .tech-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page.-who-we .tech-stack .button {
  display: none;
  margin-top: 20px;
  padding: 0 32px;
  line-height: 36px;
}

.page.-who-we .tech-stack .button.-hidden {
  display: none;
}

@media (max-width: 767px) {
  .page.-who-we .tech-stack .button {
    display: block;
  }
}

.tech-stack__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

@media (min-width: 1280px) {
  .tech-stack__list {
    max-width: 1160px;
  }
}

.tech-stack__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 370px;
  height: 130px;
  margin: 8px;
  font-size: 14px;
  line-height: 16px;
  color: #bcbdd4;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}

.tech-stack__item.-hm {
  display: none;
}

@media (min-width: 768px) {
  .tech-stack__item {
    width: 370px;
    margin: 8px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .tech-stack__item {
    width: 360px;
  }
}

.tech-stack__item h3 {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.tech-stack img {
  display: block;
  margin: 0 auto 18px auto;
}

.tech-stack .title {
  position: relative;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 24px;
}

@media (min-width: 768px) {
  .tech-stack .title {
    margin-top: 64px;
    margin-bottom: 40px;
  }
}

.location {
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 1279px) {
  .location {
    background-position: -40px center;
    background-size: 891px;
  }
}

.location__content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  min-height: 476px;
  padding-right: 80px;
}

@media (max-width: 1279px) {
  .location__content {
    padding-right: 15px;
    min-height: 432px;
  }
}

.location__content h2 {
  width: 100%;
  max-width: 500px;
  margin-bottom: 24px;
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 44px;
}

.location__content h3 {
  font-family: Roboto, sans-serif;
  max-width: 500px;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #b1b2c1;
}

.webp .location {
  background-image: url(../../assets/images/location-bg.webp);
}

.no-webp .location {
  background-image: url(../../assets/images/location-bg.png);
}

.blog {
  padding-top: 140px;
  padding-bottom: 40px;
  max-width: 660px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .blog {
    padding-top: 96px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 690px;
  }
}

.blog__item {
  display: block;
  font-size: 14px;
  line-height: 16px;
  background: #1f203b;
  border-radius: 4px;
}

.blog__item:not(:last-child) {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .blog__item:not(:last-child) {
    margin-bottom: 30px;
  }
}

.blog__item:hover .blog__link {
  color: #c48c03;
}

.blog__content {
  display: block;
  padding: 20px 15px 40px 15px;
}

@media (min-width: 768px) {
  .blog__content {
    padding: 20px 24px 40px 24px;
  }
}

.blog__img {
  display: block;
  position: relative;
  height: 160px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .blog__img {
    height: 198px;
  }
}

.blog__img img {
  display: block;
  max-width: 767px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.blog__title {
  display: block;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .blog__title {
    font-size: 24px;
    line-height: 29px;
  }
}

.blog__date {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #a8aabd;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif !important;
}

.blog__anons {
  display: block;
  font-family: Roboto, sans-serif !important;
  line-height: 19px;
}

.blog__link {
  display: inline-block;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #ffb71f;
  font-weight: 900;
  margin-top: 20px;
}

.blog__more {
  margin-top: 40px;
  text-align: center;
}

.blog .title {
  position: relative;
  text-align: center;
  padding-bottom: 16px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .blog .title {
    padding-bottom: 25px;
    margin-bottom: 53px;
  }
}

.blog .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  transform: translateX(-50%);
  background: #faa900;
}

.blog.-main {
  padding-top: 64px;
  padding-bottom: 64px;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .blog.-main {
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .blog.-main {
    padding: 40px 15px;
    max-width: 690px;
  }
}

@media (min-width: 1280px) {
  .blog.-main .blog__list {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .blog.-main .blog__item {
    width: calc(50% - 16px);
    margin-bottom: 0 !important;
  }
}

.blog.-main .title {
  position: relative;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .blog.-main .title {
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}

.blog.-main .title:after {
  display: none;
}

.blog.-main .subscribe {
  margin-top: 40px;
}

.subscribe {
  position: relative;
  max-width: 660px;
  margin: 0 auto 40px auto;
}

@media (min-width: 768px) {
  .subscribe {
    margin-top: 10px;
  }
}

.subscribe__content {
  padding: 20px 15px;
  background: #1f203b;
}

@media (min-width: 768px) {
  .subscribe__content {
    border-radius: 8px;
  }
}

.subscribe__title {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .subscribe__title {
    font-size: 24px;
    line-height: 29px;
  }
}

.subscribe__title br {
  display: none;
}

.subscribe__form {
  max-width: 467px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .subscribe__form {
    display: flex;
  }
}

.subscribe__field {
  position: relative;
}

@media (min-width: 1280px) {
  .subscribe__field {
    min-width: 322px;
  }
}

@media (min-width: 768px) {
  .subscribe__field {
    width: calc(100% - 167px);
  }
}

@media (max-width: 767px) {
  .subscribe__field .form__field.error {
    margin-bottom: 16px;
  }
  .subscribe__field .form__field.error + label {
    bottom: -8px;
  }
}

.subscribe__button {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .subscribe__button {
    width: 157px;
    margin-left: 10px;
    margin-top: 0;
  }
}

.subscribe__close {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  z-index: 10;
}

.subscribe__close svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: #fff;
  opacity: 0.5;
}

.subscribe-send {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f203b;
}

@media (min-width: 768px) {
  .subscribe-send {
    border-radius: 8px;
  }
}

.subscribe-send__title {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
}

.subscribe-send__body {
  padding-left: 56px;
  background: url(../../assets/images/ic-send.svg) no-repeat 0 50%;
}

.subscribe.-send .subscribe__content {
  visibility: hidden;
}

.subscribe.-send .subscribe-send {
  display: flex;
}

.subscribe.-send .subscribe__close {
  display: flex;
}

.subscribe.-hide {
  opacity: 0;
}

.subscribe.-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: 0;
  background: #131426;
  z-index: 100;
  transition: opacity 0.15s linear;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .subscribe.-fixed .subscribe__title br {
    display: block;
  }
}

.subscribe.-fixed .subscribe__close {
  display: flex;
  top: 21px;
  right: 8px;
}

@media (min-width: 1280px) {
  .subscribe.-fixed .subscribe__close {
    margin-right: -384px;
  }
}

@media (min-width: 768px) {
  .subscribe.-fixed .subscribe__close {
    top: 50%;
    right: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .subscribe.-fixed .subscribe__close {
    margin-right: -260px;
  }
}

.subscribe.-fixed .subscribe__content {
  border-radius: 0;
  background: 0 0;
}

@media (min-width: 768px) {
  .subscribe.-fixed .subscribe__content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .subscribe.-fixed .subscribe__content {
    padding: 24px 15px;
  }
}

.subscribe.-fixed .subscribe-send {
  border-radius: 0;
  background: 0 0;
}

.subscribe.-fixed .subscribe__title {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

@media (max-width: 767px) {
  .subscribe.-fixed .subscribe__title {
    text-align: left;
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .subscribe.-fixed .subscribe__form {
    width: 417px;
    margin: 0 0 0 24px;
  }
}

@media (max-width: 767px) {
  .subscribe.-fixed .subscribe__form {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .subscribe.-fixed .subscribe__button {
    margin-left: 8px;
    width: 92px;
  }
}

@media (min-width: 1280px) {
  .subscribe.-wide {
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .subscribe.-wide .subscribe__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 15px;
  }
}

@media (min-width: 1280px) {
  .subscribe.-wide .subscribe__title {
    margin: 0;
  }
}

@media (min-width: 1280px) {
  .subscribe.-wide .subscribe__form {
    width: 417px;
    margin: 0 0 0 20px;
  }
}

.subscribe .button {
  width: 100%;
}

@media (max-width: 767px) {
  .subscribe .button {
    font-size: 16px;
    line-height: 48px;
    height: 48px;
  }
}

.text-content {
  max-width: 660px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 80px;
  word-break: break-word;
}

@media (max-width: 767px) {
  .text-content {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 690px;
  }
}

.text-content__date {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 24px;
}

.text-content h1 {
  margin-bottom: 24px;
}

.text-content__inner {
  color: #bcbdd4;
}

.text-content__inner p:not(:last-child) {
  margin-bottom: 16px;
}

.text-content__inner a {
  color: #faa900;
}

.text-content__inner a:hover {
  color: #e7a00b;
}

.text-content__inner ol:not(:last-child),
.text-content__inner ul:not(:last-child) {
  margin-bottom: 16px;
}

.text-content__inner ol > li,
.text-content__inner ul > li {
  position: relative;
  padding-left: 20px;
}

.text-content__inner ol > li:not(:last-child),
.text-content__inner ul > li:not(:last-child) {
  margin-bottom: 12px;
}

.text-content__inner ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #bcbdd4;
}

.text-content__inner ol {
  counter-reset: my-counter;
}

.text-content__inner ol > li {
  padding-left: 0;
  counter-increment: my-counter;
}

.text-content__inner ol > li:before {
  content: counter(my-counter) ".";
  display: inline-block;
  margin-right: 9px;
}

.text-content__inner h2,
.text-content__inner h3,
.text-content__inner h4,
.text-content__inner h5,
.text-content__inner h6 {
  font-family: Gilroy, sans-serif;
  color: #fff;
  font-weight: 900;
}

.text-content__inner h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}

.text-content__inner h2:not(:first-child) {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .text-content__inner h2 {
    font-size: 24px;
    line-height: 29px;
  }
  .text-content__inner h2:not(:first-child) {
    margin-top: 40px;
  }
}

.text-content__inner h3 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
}

.text-content__inner h4,
.text-content__inner h5,
.text-content__inner h6 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

.text-content__inner figure {
  margin: 0 0 24px;
  padding: 24px 0 0;
  border-top: 1px solid #2f314f;
  border-bottom: 1px solid #2f314f;
}

.text-content__inner blockquote {
  margin: 0 0 24px;
  font-family: Roboto, sans-serif;
  font-style: italic !important;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}

.text-content__inner blockquote p:not(:last-child) {
  margin-bottom: 12px;
}

.text-content__inner cite {
  margin: 0 0 24px;
  padding: 0;
  font-style: italic !important;
  font-size: 16px;
  line-height: 24px;
  color: #bcbdd4;
}

.text-content__inner .-anons {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #fff;
}

.text-content__inner .-anons:not(:last-child) {
  margin-bottom: 30px;
}

.text-content-v4 {
  max-width: 640px;
  margin: 0 auto;
  word-break: break-word;
  margin-bottom: 128px;
  color: #131426;
}

.text-content-v4__date {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 24px;
}

.text-content-v4 h1 {
  margin-bottom: 24px;
}

.text-content-v4__inner {
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.text-content-v4__inner .-text-m {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.text-content-v4__inner .text-s {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.text-content-v4__inner hr {
  margin: 40px 0;
  background: #b1b2c1;
}

.text-content-v4__inner p:not(:last-child) {
  margin-bottom: 24px;
}

.text-content-v4__inner a {
  text-decoration: underline;
}

.text-content-v4__inner ol:not(:last-child),
.text-content-v4__inner ul:not(:last-child) {
  margin-bottom: 16px;
}

.text-content-v4__inner ol > li,
.text-content-v4__inner ul > li {
  position: relative;
  padding-left: 20px;
}

.text-content-v4__inner ol > li:not(:last-child),
.text-content-v4__inner ul > li:not(:last-child) {
  margin-bottom: 12px;
}

.text-content-v4__inner ul > li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #bcbdd4;
}

.text-content-v4__inner ol {
  counter-reset: my-counter;
}

.text-content-v4__inner ol > li {
  padding-left: 0;
  counter-increment: my-counter;
}

.text-content-v4__inner ol > li:before {
  content: counter(my-counter) ".";
  display: inline-block;
  margin-right: 9px;
}

.text-content-v4__inner h2,
.text-content-v4__inner h3,
.text-content-v4__inner h4,
.text-content-v4__inner h5,
.text-content-v4__inner h6 {
  font-family: Gilroy, sans-serif;
  font-weight: 900;
}

.text-content-v4__inner h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}

.text-content-v4__inner h2:not(:first-child) {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .text-content-v4__inner h2 {
    font-size: 24px;
    line-height: 29px;
  }
  .text-content-v4__inner h2:not(:first-child) {
    margin-top: 40px;
  }
}

.text-content-v4__inner h3 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
}

.text-content-v4__inner h4,
.text-content-v4__inner h5,
.text-content-v4__inner h6 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}

.text-content-v4__inner figure {
  margin: 0 0 24px;
  padding: 24px 0 0;
  border-top: 1px solid #2f314f;
  border-bottom: 1px solid #2f314f;
}

.text-content-v4__inner blockquote {
  padding: 32px 16px;
  margin: 40px 0;
  border-bottom: 2px solid transparent;
  position: relative;
  background: url(../../assets/images/blog-v4/quote.svg) no-repeat left 10px;
}

.text-content-v4__inner blockquote::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background: linear-gradient(to right, #9935e8, #e85535);
  bottom: 0;
  right: 0;
  left: 0;
}

.text-content-v4__inner blockquote p {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.text-content-v4__inner blockquote p:not(:last-child) {
  margin-bottom: 12px;
}

.text-content-v4__inner blockquote .author {
  margin-top: 16px;
  display: flex;
  gap: 16px;
}

.text-content-v4__inner blockquote .author-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.text-content-v4__inner blockquote .author-img img {
  max-width: 100%;
}

.text-content-v4__inner blockquote .author-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.text-content-v4__inner blockquote .author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.text-content-v4__inner cite {
  margin: 0 0 24px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.text-content-v4__inner .-anons {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.text-content-v4__inner .-anons:not(:last-child) {
  margin-bottom: 30px;
}

.text-content-v4__inner .post-v4__media {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.text-content-v4__inner .post-v4__media:not(:first-child) {
  margin-top: 30px;
}

.text-content-v4__inner .post-v4__media:not(:last-child) {
  margin-bottom: 30px;
}

.text-content-v4__inner .post-v4__media img {
  display: block;
  max-width: 100%;
}

.text-content-v4__inner .post-v4__media iframe {
  display: block;
  width: 100%;
  height: 401px;
}

.text-content-v4__inner .post-v4__media div {
  margin-top: 8px;
}

.text-content-v4__inner .post-v4__media a {
  text-decoration: underline;
  color: inherit;
}

.post__img {
  position: relative;
  height: 234px;
  margin-bottom: 24px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .post__img {
    height: 374px;
    margin-bottom: 45px;
  }
}

.post__img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
  .post__img img {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .post__img img {
    max-width: 1280px;
  }
}

@media (max-width: 767px) {
  .post__img img {
    max-width: 768px;
  }
}

.post__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}

.post__meta-item {
  position: relative;
}

.post__meta-item:not(:last-child) {
  padding-right: 17px;
  margin-right: 16px;
}

.post__meta-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 16px;
  background-color: #1f203b;
}

.post__date {
  font-size: 12px;
  line-height: 14px;
}

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

.post__author-img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
}

.post__author-img img {
  width: 100%;
  height: 100%;
}

.post__author-name {
  font-size: 16px;
  line-height: 24px;
}

.post__body {
  padding-top: 0;
  padding-bottom: 0;
}

.post__body:not(:last-child) {
  margin-bottom: 40px;
}

.post__content {
  padding-bottom: 30px;
  color: #bcbdd4;
  border-bottom: 1px solid #5a5c77;
}

@media (min-width: 768px) {
  .post__content {
    padding-bottom: 30px;
  }
}

.post__content .post-share {
  margin-bottom: 0;
  margin-top: 30px;
}

.post__media {
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
  color: #9b9b9b;
}

.post__media:not(:first-child) {
  margin-top: 30px;
}

.post__media:not(:last-child) {
  margin-bottom: 30px;
}

.post__media img {
  display: block;
  max-width: 100%;
}

.post__media iframe {
  display: block;
  width: 100%;
  height: 401px;
}

.post__media div {
  margin-top: 5px;
}

.post__media a {
  text-decoration: underline;
  color: inherit;
}

.post-next {
  background: #1f203b;
}

.post-next__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 660px;
  min-height: 120px;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 12px;
  line-height: 14px;
  color: #ffb71f;
  background-image: url(../../assets/images/arrow-dark.svg);
  background-repeat: no-repeat;
  background-position: 70px 6px;
}

@media (max-width: 767px) {
  .post-next__content {
    padding-left: 15px;
    padding-right: 15px;
    background-position: 80px -5px;
  }
}

.post-next__content span {
  display: block;
}

.post-next__title {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  color: #fff;
  margin-top: 12px;
}

@media (min-width: 768px) {
  .post-next__title {
    font-size: 24px;
    line-height: 29px;
  }
}

.post-share {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.post-share__title {
  margin-right: 16px;
  margin-bottom: 6px;
}

.post .title {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .post .title {
    margin-bottom: 15px;
  }
}

.post-v4 {
  background: #f5f5f5;
}

.post-v4-section {
  padding-top: 64px;
}

.post-v4 .subscribe-v4 {
  padding-bottom: 40px;
}

.post-v4 .title {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  max-width: 640px;
  margin: 0 auto 24px;
  color: #131426;
}

@media (max-width: 767px) {
  .post-v4 .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.post-v4 .title {
  text-align: center;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .post-v4 .title {
    margin-bottom: 15px;
  }
}

.post-v4__author {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  gap: 12px;
  color: #131426;
}

.post-v4__author-img {
  display: flex;
}

.post-v4__author-img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.post-v4__author-name {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.post-v4__author-date {
  color: #4b4c6c;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.post-v4__img {
  max-width: 800px;
  margin: 0 auto 40px;
  border-radius: 12px;
  overflow: hidden;
}

.post-v4__img img {
  width: 100%;
  height: auto;
  display: block;
}

.post-v4__more-posts {
  padding-bottom: 64px;
}

.post-v4__more-posts .title {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  margin-bottom: 40px;
}

.post-v4__more-posts .items {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

@media (max-width: 767px) {
  .post-v4__more-posts .items {
    flex-direction: column;
  }
}

.post-v4__more-posts .items .item {
  color: #131426;
  flex: 1;
}

.post-v4__more-posts .items .item__content {
  padding: 0 12px;
}

.post-v4__more-posts .items .item__art {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}

.post-v4__more-posts .items .item__art img {
  display: block;
  max-width: 100%;
}

.post-v4__more-posts .items .item time {
  color: #9d9eb7;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  margin-bottom: 8px;
}

.post-v4__more-posts .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.post-v4__more-posts .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-v4__more-posts .items .item .read-more {
  margin-top: 8px;
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.26px;
  text-decoration: underline;
}

.post-v4__more-posts .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.page.post-v2 .header {
  background-color: transparent;
}

.page.post-v2 .post {
  background: url(../../assets/images/blog/blog7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -88px;
  padding-top: 248px;
}

.page.post-v2 .post .overlay {
  padding-bottom: 70px;
  background: linear-gradient(180deg, rgba(16, 16, 32, 0) 0, #101020 100%);
}

.page.post-v2 .post__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
}

.page.post-v2 .post__body h1 {
  font-size: 44px;
  line-height: 48px;
}

.page.post-v2 .post__content {
  margin-top: 40px;
  padding-bottom: 30px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2509803922);
}

.page.post-v2 .post__content .text-content__inner {
  color: #fff;
  font-size: 14px;
}

@media (min-width: 768px) {
  .page.post-v2 .post__content {
    padding-bottom: 30px;
  }
}

.page.post-v2 .post__media {
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
  color: #9b9b9b;
}

.page.post-v2 .post__media:not(:first-child) {
  margin-top: 30px;
}

.page.post-v2 .post__media:not(:last-child) {
  margin-bottom: 30px;
}

.page.post-v2 .post__media img {
  display: block;
  max-width: 100%;
}

.page.post-v2 .post__media iframe {
  display: block;
  width: 100%;
  height: 401px;
}

.page.post-v2 .post__media div {
  margin-top: 5px;
}

.page.post-v2 .post__media a {
  text-decoration: underline;
  color: inherit;
}

.page.post-v2 .post-next {
  background: #1f203b;
}

.page.post-v2 .post-next__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 660px;
  min-height: 120px;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 12px;
  line-height: 14px;
  color: #ffb71f;
  background-image: url(../../assets/images/arrow-dark.svg);
  background-repeat: no-repeat;
  background-position: 70px 6px;
}

@media (max-width: 767px) {
  .page.post-v2 .post-next__content {
    padding-left: 15px;
    padding-right: 15px;
    background-position: 80px -5px;
  }
}

.page.post-v2 .post-next__content span {
  display: block;
}

.page.post-v2 .post-next__title {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  color: #fff;
  margin-top: 12px;
}

@media (min-width: 768px) {
  .page.post-v2 .post-next__title {
    font-size: 24px;
    line-height: 29px;
  }
}

.page.post-v2 .post-share {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.page.post-v2 .post-share__title {
  margin-right: 16px;
  margin-bottom: 6px;
}

.page.post-v2 .post .title {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .page.post-v2 .post .title {
    margin-bottom: 15px;
  }
}

.page.post-v2 .content-block.sp {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 1279px) {
  .page.post-v2 .content-block.sp {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.page.post-v2 .content-block.mp {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.post-v2 .content-block.mp {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.page.post-v2 .content-block.lp {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media (max-width: 1279px) {
  .page.post-v2 .content-block.lp {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.page.post-v2 .content-block.centered {
  text-align: center;
}

.page.post-v2 .content-block .text-content__inner {
  font-size: 14px;
}

.page.post-v2 .content-block .text-content__inner.small {
  max-width: 640px;
}

.page.post-v2 .content-block .post__body > h2 {
  margin-bottom: 40px;
}

.page.post-v2 .content-block .post__body .section-content {
  font-size: 14px;
}

.page.post-v2 .content-block .post__body .section-content > p {
  margin-bottom: 12px;
}

.page.post-v2 .content-block .post__body a {
  text-decoration: underline;
  color: #bcbdd4;
}

.page.post-v2 .content-block .post__body a.branded {
  color: #faa900;
}

.page.post-v2 .content-block .post__body span.underlined {
  text-decoration: underline;
}

.page.post-v2 .content-block .simple-content {
  font-size: 14px;
}

.page.post-v2 .content-block .simple-content ul {
  margin-bottom: 16px;
  list-style: none;
}

.page.post-v2 .content-block .simple-content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    5px;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.post-v2 .content-block .simple-content h4 {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
}

.page.post-v2 .content-block .simple-content p {
  margin-top: 12px;
}

.page.post-v2 .content-block .items {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
}

.page.post-v2 .content-block .items .item {
  display: flex;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

.page.post-v2 .content-block .items .item:not(:last-child) {
  margin-bottom: 16px;
}

.page.post-v2 .content-block .items .item .left {
  padding: 24px;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #f8b000;
}

.page.post-v2 .content-block .items .item .left.centered {
  display: flex;
  align-items: center;
}

.page.post-v2 .content-block .items .item .left img {
  width: 24px;
  height: 24px;
}

.page.post-v2 .content-block .items .item .right {
  color: #fff;
  padding: 24px 24px 24px 0;
  text-align: left;
  color: #bcbdd4;
}

.page.post-v2 .content-block .items .item .right ul {
  margin-bottom: 16px;
  list-style: none;
}

.page.post-v2 .content-block .items .item .right ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    5px;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.post-v2 .content-block .items .item .right h4 {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.page.post-v2 .content-block .items .item .right p {
  margin-top: 12px;
}

.page.post-v2 .tips-vendor {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    );
}

.page.post-v2 .tips-outsource-web-development {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    linear-gradient(180deg, rgba(16, 16, 32, 0) 0, #101020 38.4%),
    url(../../assets/images/blog/section-bg-1.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.page.post-v2 .steps-outsource-web-development {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    linear-gradient(180deg, rgba(16, 16, 32, 0) 0, #101020 38.4%),
    url(../../assets/images/blog/section-bg-2.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.page.post-v2 .should-outsource-web-development {
  background: url(../../assets/images/blog/section-bg-3.png), #211279;
}

.page.post-v2 .should-outsource-web-development .simple-content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    8px;
}

.page.-contacts {
  background: #1546f1;
}

@media (max-width: 767px) {
  .page.-contacts .middle {
    padding-top: 65px;
  }
}

.page.-contacts .contacts {
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: calc(100vh - 321px);
  background: #1546f1;
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .page.-contacts .contacts {
    padding-top: 64px;
    padding-bottom: 64px;
    min-height: calc(100vh - 254px);
  }
}

@media (max-width: 1279px) {
  .page.-contacts .contacts .wrap-v4 {
    width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .page.-contacts .contacts .wrap-v4 {
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  .page.-contacts .contacts__body {
    display: flex;
    justify-content: space-between;
  }
}

.page.-contacts .contacts__map {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .page.-contacts .contacts__map {
    width: 580px;
    min-width: 580px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-contacts .contacts__map {
    width: 380px;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-contacts .contacts__map {
    height: 465px;
    margin-bottom: 24px;
  }
}

.page.-contacts .contacts__map-box {
  position: relative;
  border-radius: 8px;
  color: #000;
  height: 322px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-contacts .contacts__map-box {
    height: 290px;
  }
}

.page.-contacts .contacts__descr {
  font-size: 16px;
  line-height: 19px;
  padding: 24px 0 40px 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media (min-width: 768px) {
  .page.-contacts .contacts__descr {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
}

@media (min-width: 1280px) {
  .page.-contacts .contacts__descr p br {
    display: none;
  }
}

.page.-contacts .contacts__descr p:not(:last-child) {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page.-contacts .contacts__descr p:not(:last-child) {
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-contacts .contacts__descr p:not(:last-child) br.desktop.mobile {
    display: none;
  }
}

.page.-contacts .contacts__descr a {
  color: #fff;
  text-decoration: underline;
}

.page.-contacts .contacts__descr a.-phone {
  text-decoration: none;
}

.page.-contacts .contacts__form {
  position: relative;
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .page.-contacts .contacts__form {
    width: 640px;
    min-width: 640px;
    min-height: 500px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-contacts .contacts__form {
    width: calc(100% - 440px);
    min-width: calc(100% - 440px);
    min-height: 500px;
  }
}

.page.-contacts .contacts__form .form__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .page.-contacts .contacts__form .form__button {
    flex-direction: column;
  }
}

.page.-contacts .contacts__form .form__button button,
.page.-contacts .contacts__form .form__button label {
  width: 50%;
}

@media (max-width: 767px) {
  .page.-contacts .contacts__form .form__button button,
  .page.-contacts .contacts__form .form__button label {
    width: 100%;
  }
}

.page.-contacts .contacts__form .form__button label {
  max-width: 320px;
}

@media (max-width: 767px) {
  .page.-contacts .contacts__form .form__button label {
    max-width: 100%;
    margin-bottom: 16px;
  }
}

.page.-contacts .contacts__form .form__button button {
  max-width: 295px;
}

@media (max-width: 767px) {
  .page.-contacts .contacts__form .form__button button {
    max-width: 100%;
  }
}

.page.-contacts .contacts__form .form__sign {
  flex: 1;
  margin-left: 24px;
}

.page.-contacts .contacts__form .form__sign .form__checkbox2 {
  width: 100%;
}

.page.-contacts .contacts .title {
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .page.-contacts .contacts .title {
    margin-bottom: 16px;
  }
}

@media (min-width: 1280px) {
  .careers {
    padding-top: 56px;
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .careers {
    padding-top: 56px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .careers {
    padding-top: 26px;
    padding-bottom: 40px;
  }
}

@media (min-width: 1280px) {
  .careers-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media (max-width: 1279px) {
  .careers-list {
    max-width: 648px;
    margin: 0 auto;
  }
}

.careers-list__item {
  padding: 1px;
  background: #191a31;
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .careers-list__item {
    width: calc(50% - 15px);
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .careers-list__item:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .careers-list__item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.careers-list__item:hover {
  background: linear-gradient(135deg, #f8b000 0, rgba(255, 185, 0, 0) 100%);
}

.careers-list__item:hover .careers-list__title {
  color: #faa900;
}

.careers-list__link {
  background: #191a31;
  color: #a8aabd;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .careers-list__link {
    display: flex;
    align-items: center;
    padding: 0 40px;
    min-height: 112px;
  }
}

@media (max-width: 767px) {
  .careers-list__link {
    display: block;
    padding: 28px 16px 34px 16px;
  }
}

.careers-list__link span {
  display: block;
}

.careers-list__title {
  display: block;
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .careers-list__title {
    font-size: 20px;
    line-height: 24px;
  }
}

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

@media (min-width: 1280px) {
  .careers .title {
    margin-bottom: 80px;
  }
}

@media (max-width: 1279px) {
  .careers .title {
    margin-bottom: 40px;
  }
}

.info {
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .info {
    padding-bottom: 80px;
  }
}

@media (max-width: 1279px) {
  .info__list {
    max-width: 540px;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .info__list.-col2,
  .info__list.-col3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -32px;
  }
}

@media (min-width: 1280px) {
  .info__list.-col2 .info__item {
    width: calc(50% - 24px);
  }
}

@media (min-width: 1280px) {
  .info__list.-col3:after {
    content: "";
    width: calc(33.333333% - 30px);
    height: 1px;
  }
}

@media (min-width: 1280px) {
  .info__list.-col3 .info__item {
    width: calc(33.333333% - 30px);
  }
}

@media (min-width: 1280px) {
  .info__list.-flow-column {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .info__list.-flow-column .info__item {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 24px;
  }
}

.info__list.-type2 .info__item:before {
  background-image: url(../../assets/images/sprite.svg#info-check2);
}

.info__item {
  position: relative;
  padding-left: 40px;
}

@media (min-width: 1280px) {
  .info__item {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .info__item {
    padding-left: 48px;
  }
}

@media (max-width: 1279px) {
  .info__item:not(:last-child) {
    margin-bottom: 24px;
  }
}

.info__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(../../assets/images/sprite.svg#info-check) no-repeat 0 0;
}

.info__group {
  font-size: 14px;
  line-height: 24px;
  color: #bcbdd4;
}

.info__title {
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .info__title {
    font-size: 20px;
    line-height: 24px;
  }
}

.info__header {
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .info__header {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 40px;
  }
}

.vacancy-about {
  max-width: 735px;
  padding: 0 15px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

@media (min-width: 1280px) {
  .vacancy-about {
    padding-top: 92px;
    padding-bottom: 64px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .vacancy-about {
    padding-top: 90px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .vacancy-about {
    padding-top: 68px;
    padding-bottom: 32px;
  }
}

.vacancy-about__location {
  display: inline-block;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  padding-left: 28px;
  margin-bottom: 12px;
  background: url(../../assets/images/ic-location.svg) no-repeat 0 2px;
}

@media (min-width: 768px) {
  .vacancy-about__location {
    margin-bottom: 40px;
  }
}

.vacancy-about p {
  max-width: 490px;
  margin: 0 auto;
  color: #bcbdd4;
}

.vacancy-about .button {
  margin-top: 32px;
}

@media (min-width: 768px) {
  .vacancy-about .button {
    margin-top: 40px;
  }
}

.vacancy-about .title {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .vacancy-about .title {
    margin-bottom: 24px;
  }
}

.vacancy-detailed {
  position: relative;
  padding-top: 40px;
}

@media (min-width: 1280px) {
  .vacancy-detailed {
    padding-top: 64px;
  }
}

.vacancy-detailed:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1000px;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    rgba(248, 176, 0, 0) 0,
    #f8b000 50%,
    rgba(248, 176, 0, 0) 100%
  );
}

.clients {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 64px;
  position: relative;
  color: #131426;
}

@media (max-width: 1279px) {
  .clients {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .clients {
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  .clients {
    padding-bottom: 40px;
  }
}

.clients .shine {
  width: 668px;
  height: 668px;
  background: url(../../assets/images/clients-v4/shine.png) no-repeat center
    center;
  position: absolute;
  transform: scale(0);
  transition: transform 0.35s ease-in-out;
}

.clients .shine.-show {
  transform: scale(1);
}

.clients .wrap-v4 {
  position: relative;
  z-index: 1;
}

.clients-content {
  width: 100%;
}

.clients__list {
  justify-content: center;
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .clients__list {
    max-width: 738px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .clients__list {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .clients__list {
    display: flex;
    flex-wrap: wrap;
  }
}

.clients__item {
  position: relative;
  height: 88px;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.64;
  transition: opacity 0.35s ease-out, border-color 0.35s ease-out;
}

@media (min-width: 1280px) {
  .clients__item {
    max-width: calc(20% - 7px);
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .clients__item {
    max-width: 224px;
  }
}

@media (max-width: 767px) {
  .clients__item {
    width: calc(50% - 4px);
    height: 64px;
  }
}

.clients__item.-active,
.clients__item:hover {
  opacity: 1;
  border-color: #fff;
}

.clients__item > div {
  display: none;
}

.clients__item img {
  display: block;
  max-width: 100%;
  max-height: 100px;
}

@media (max-width: 767px) {
  .clients__item img {
    max-height: 64px;
  }
}

.clients-detailed {
  display: none;
  width: 100%;
  min-width: 100%;
}

@media (min-width: 1280px) {
  .clients-detailed {
    padding-bottom: 16px;
  }
}

@media (max-width: 1279px) {
  .clients-detailed {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.clients-detailed.-open {
  display: block;
}

.clients-detailed__heading {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  height: 38px;
  border-bottom: 1px solid #eeeef2;
  margin-bottom: 40px;
}

.clients-detailed__close {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b1b2c1;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.clients-detailed__close svg {
  fill: #b1b2c1;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.clients-detailed__close:hover {
  opacity: 0.9;
}

.clients-detailed__body {
  position: relative;
  background: #fff;
  border-radius: 12px;
}

@media (min-width: 1280px) {
  .clients-detailed__body {
    padding: 16px 16px 40px 16px;
  }
}

@media (max-width: 1279px) {
  .clients-detailed__body {
    padding: 16px 16px 40px 16px;
  }
}

.clients-detailed__body-content {
  display: flex;
  flex-direction: row;
  gap: 64px;
  padding: 0 24px;
}

@media (max-width: 1279px) {
  .clients-detailed__body-content {
    flex-direction: column;
    gap: 40px;
  }
}

@media (max-width: 767px) {
  .clients-detailed__body-content {
    padding: 0;
  }
}

.clients-detailed__content {
  max-width: 530px;
}

.clients-detailed__content .button {
  margin-top: 24px;
}

.clients-detailed__title {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 12px;
}

.clients-detailed__text {
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 32px;
}

.clients-detailed .actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.clients-detailed__review {
  flex: 1;
  padding: 16px 0 0 16px;
  background: url(../../assets/images/ic-quote.svg) no-repeat 0 0;
}

.clients-detailed__review > p {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 22px;
}

.clients-detailed__review > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.clients-detailed__review > div .name {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.clients-detailed__review > div .position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.clients-detailed__review > div img {
  display: block;
  width: 48px;
  margin-right: 16px;
  border-radius: 100%;
}

.clients-detailed__review h2 {
  font-size: 14px;
  line-height: 16px;
}

.clients .title {
  text-align: center;
  margin-bottom: 64px;
}

.products {
  padding-top: 60px;
  padding-bottom: 80px;
}

.products__item {
  background: #191a31;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .products__item:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .products__item:not(:last-child) {
    margin-bottom: 16px;
  }
}

.products__img {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 1280px) {
  .products__img {
    width: 615px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .products__img {
    width: 432px;
  }
}

@media (max-width: 767px) {
  .products__img {
    position: static;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }
}

.products__img img {
  display: block;
  max-width: 100%;
}

@media (max-width: 767px) {
  .products__img img {
    max-width: 290px;
    margin: 0 auto;
  }
}

.products__block {
  position: relative;
  background-color: #2b2e5b;
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .products__block {
    height: 512px;
    padding: 30px 30px 47px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .products__block {
    height: 440px;
    padding: 30px 30px 47px 30px;
  }
}

@media (min-width: 768px) {
  .products__block {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .products__block {
    background: 0 0 !important;
  }
}

.products__content {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  font-family: Roboto, sans-serif;
}

@media (min-width: 1280px) {
  .products__content {
    width: 400px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .products__content {
    width: 340px;
  }
}

@media (max-width: 767px) {
  .products__content {
    padding: 24px 15px;
  }
}

.products__content .title {
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
}

.products__buttons {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .products__buttons {
    display: flex;
    align-items: center;
    margin-top: 24px;
  }
}

.products__buttons .button {
  font-size: 14px;
}

@media (min-width: 768px) {
  .products__buttons .button {
    margin-right: 8px;
  }
}

@media (max-width: 767px) {
  .products__buttons .button {
    width: 100%;
  }
  .products__buttons .button:not(:last-child) {
    margin-bottom: 8px;
  }
}

.products__buttons .button.-transparent.-open {
  font-size: 0;
  line-height: 0;
}

.products__buttons .button.-transparent.-open span:before {
  display: block;
  content: attr(data-hint);
  font-size: 16px;
  line-height: 48px;
}

.products__buttons .button.-transparent.-open svg {
  transform: translateY(-50%) scale(1, -1);
  margin-top: -2px;
}

.products__buttons svg.-down {
  width: 16px;
  height: 10px;
  margin-top: 1px;
}

.products-detailed {
  margin-top: 24px;
  display: flex;
}

.products-detailed .item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  font-family: Roboto, sans-serif;
  color: #fff;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  margin: 0 4px 0 0;
}

@media (min-width: 1280px) {
  .products .wrap {
    width: 1095px;
  }
}

.products .wrap > .title {
  position: relative;
  text-align: center;
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 40px;
  line-height: 48px;
}

@media (min-width: 768px) {
  .products .wrap > .title {
    margin-bottom: 58px;
  }
}

@media (min-width: 768px) {
  .products.-main .products__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .products.-main .products__item {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .products.-main .products__block {
    display: block;
    background: 0 0 !important;
    height: auto;
    padding: 0;
  }
}

@media (min-width: 1280px) {
  .products.-main .products__img img {
    height: 370px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .products.-main .products__img img {
    height: 238px;
  }
}

@media (min-width: 768px) {
  .products.-main .products__img {
    position: static;
    width: auto;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }
  .products.-main .products__img img {
    width: auto;
    max-width: inherit;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .products.-main .products__content {
    padding: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .products.-main .products__content {
    padding: 24px;
  }
}

@media (min-width: 768px) {
  .products.-main .products__content {
    width: auto;
  }
  .products.-main .products__content .title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .products.-main .products__buttons {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .products:not(.-main) .products__img {
    background: 0 0 !important;
  }
}

/*!
 * home.scss
 * 
 *
 * 
 * 
 */

.webp .page.-product section.topDesc {
  background-image: url(../../assets/images/products/product-bg.webp);
}

.no-webp .page.-product section.topDesc {
  background-image: url(../../assets/images/products/product-bg.png);
}

.page.-product * {
  font-family: Gilroy, sans-serif;
}

.page.-product .container {
  max-width: 1160px;
  margin: 0 auto;
}

.page.-product .cases {
  background: #131426;
}

.page.-product section.topDesc {
  margin-top: -80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  height: 620px;
}

@media (max-width: 767px) {
  .page.-product section.topDesc {
    height: 460px;
  }
}

.page.-product section.topDesc .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.page.-product section.topDesc .left {
  align-self: center;
  margin-top: 125px;
  margin-left: 60px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-product section.topDesc .left {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .page.-product section.topDesc .left {
    width: 100%;
    margin-left: 0;
    margin-top: 160px;
    text-align: center;
  }
}

.page.-product section.topDesc .left .title {
  margin-bottom: 24px;
  font-weight: 800;
  font-size: 40px;
  line-height: 48px;
  color: #fff;
  max-width: 420px;
}

@media (max-width: 767px) {
  .page.-product section.topDesc .left .title {
    max-width: 100%;
    text-align: center;
  }
}

.page.-product section.topDesc .left .desc {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-family: Roboto, sans-serif;
  max-width: 420px;
}

@media (max-width: 767px) {
  .page.-product section.topDesc .left .desc {
    max-width: 100%;
    text-align: center;
  }
}

.page.-product section.topDesc .right {
  width: 644px;
  align-self: flex-end;
  justify-self: flex-end;
}

@media (max-width: 767px) {
  .page.-product section.topDesc .right {
    display: none;
  }
}

.page.-product section.topDesc .right img {
  max-width: 100%;
  vertical-align: bottom;
}

.page.-product section.features .container {
  height: 100%;
}

.page.-product section.features .title {
  margin: 80px auto 40px auto;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #fff;
}

.page.-product section.features .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page.-product section.features .items .column {
  width: calc(50% - 8px);
}

@media (max-width: 767px) {
  .page.-product section.features .items .column {
    width: 100%;
  }
}

.page.-product section.features .items .item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  margin-bottom: 8px;
  align-self: flex-start;
}

.page.-product section.features .items .item img {
  margin-right: 24px;
}

.page.-product section.features .items .item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-family: Manrope, sans-serif;
}

.page.-product section.useCases .container {
  height: 100%;
}

.page.-product section.useCases .title {
  margin: 80px auto 40px auto;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #fff;
}

.page.-product section.useCases .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page.-product section.useCases .items .item {
  width: calc(50% - 8px);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  margin-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-product section.useCases .items .item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-product section.useCases .items .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.page.-product section.useCases .items .item img {
  margin-right: 32px;
}

@media (max-width: 767px) {
  .page.-product section.useCases .items .item img {
    margin: 0 0 24px 0;
  }
}

.page.-product section.useCases .items .item p {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.page.-product section.types .container {
  height: 100%;
}

.page.-product section.types .title {
  margin: 80px auto 40px auto;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #fff;
}

.page.-product section.types .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page.-product section.types .items .item {
  width: calc(50% - 8px);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px;
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  margin-bottom: 16px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-product section.types .items .item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-product section.types .items .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.page.-product section.types .items .item img {
  margin-right: 32px;
}

@media (max-width: 767px) {
  .page.-product section.types .items .item img {
    margin: 0 0 24px 0;
  }
}

.page.-product section.types .items .item .desc {
  display: flex;
  flex-direction: column;
}

.page.-product section.types .items .item p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-product section.types .items .item p.main {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  font-family: Gilroy, sans-serif;
  margin-bottom: 8px;
}

.message-block {
  font-size: 12px;
  line-height: 14px;
  padding: 12px 16px;
  margin-bottom: 24px;
  color: #ff4242;
  background: #27294a;
  border-radius: 8px;
}

.message-block__item:not(:last-child) {
  margin-bottom: 4px;
}

.achievements {
  background: #131426;
}

.achievements .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 64px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .achievements .container {
    max-width: 805px;
    padding: 64px 30px 40px;
  }
}

@media (max-width: 767px) {
  .achievements .container {
    padding: 40px 15px;
    text-align: center;
  }
}

.achievements .container .items {
  display: flex;
  flex-wrap: wrap;
  margin: -8px -8px;
  justify-content: center;
  max-width: 1165px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .achievements .container .items {
    margin: -12px -8px;
  }
}

@media (max-width: 767px) {
  .achievements .container .items {
    margin: -12px -6px 0 -6px;
  }
}

.achievements .container .items .item {
  max-width: 371px;
  width: 100%;
  min-height: 104px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  padding: 16px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 8px 8px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .achievements .container .items .item {
    max-width: calc(50% - 16px);
    margin: 8px 8px;
  }
}

@media (max-width: 767px) {
  .achievements .container .items .item {
    text-align: left;
    display: flex;
    align-items: center;
  }
}

.achievements .container .items .item .rewardIcon {
  margin-right: 24px;
}

.achievements .container .items .item .content {
  display: flex;
  flex-direction: column-reverse;
  width: 160px;
}

.achievements .container .items .item.-hm {
  display: none;
}

@media (max-width: 649px) {
  .achievements .container .items .item.-active {
    animation: fadeIn 1s;
  }
}

.achievements .container .items .item:hover {
  background: rgba(255, 255, 255, 0.04);
}

.achievements .container .items .item p.text-default {
  margin-top: 4px;
  font-family: Roboto, sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.achievements .container a.button.more {
  margin-top: 40px;
  margin-bottom: 0;
  border-radius: 4px;
  min-width: 216px;
}

@media (max-width: 1279px) {
  .achievements .container a.button.more {
    display: none;
  }
}

.achievements .container a.button.more.mobile {
  font-weight: 800;
  font-size: 20px;
  line-height: 48px;
  height: 52px;
  width: 100%;
  border: 1px solid #f8b000;
  border-radius: 4px;
  background: 0 0;
  display: none;
}

@media (max-width: 1279px) {
  .achievements .container a.button.more.mobile {
    max-width: 232px;
  }
}

@media (max-width: 1279px) {
  .achievements .container a.button.more.mobile {
    display: block;
  }
}

.achievements .container a.button.more.-hidden {
  display: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .achievements .container a.button.more {
    margin-top: 40px;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .achievements .container a.button.more {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}

.counters {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 649px) {
  .counters {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .counters {
    justify-content: center;
  }
}

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

@media (max-width: 649px) {
  .counters .item {
    width: 50%;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
}

.counters .item h1,
.counters .item h3,
.counters .item p {
  color: #131426;
}

.counters .item h1,
.counters .item h3 {
  opacity: 0;
  font-weight: 800;
  font-size: 56px;
  line-height: 52px;
  font-family: Gilroy, sans-serif;
  margin-bottom: 8px;
}

.counters .item p {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.counters .item .count {
  margin-right: -8px;
}

.cases-carousel-v4 {
  display: flex;
  background: #fff;
  justify-content: center;
  padding: 100px 15px 80px 15px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cases-carousel-v4 {
    width: 100%;
    padding: 64px 0 12px 0;
  }
}

.cases-carousel-v4 .section-title-block {
  margin-bottom: 24px;
}

.cases-carousel-v4 .heading {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .cases-carousel-v4 .heading {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }
}

.cases-carousel-v4 .heading > h2.title {
  color: #131426;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -0.96px;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .cases-carousel-v4 .heading > h2.title {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .cases-carousel-v4 .heading > h2.title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.64px;
  }
}

.cases-carousel-v4 .heading .nav .nav-link.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.cases-carousel-v4 .heading .nav svg {
  width: 40px;
  height: 40px;
}

.cases-carousel-v4 .heading .nav .next {
  margin-left: 8px;
}

.cases-carousel-v4 .slider {
  display: block;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .cases-carousel-v4 .slider {
    margin-bottom: 12px;
  }
}

.cases-carousel-v4 .slider .owl-stage {
  display: block;
}

.cases-carousel-v4 .slider .owl-stage-outer {
  overflow: visible;
}

@media (max-width: 1279px) {
  .cases-carousel-v4 .slider .owl-stage-outer {
    overflow: hidden;
  }
}

.cases-carousel-v4 .slider .owl-item {
  display: block;
  opacity: 0.4;
}

.cases-carousel-v4 .slider .owl-item.active {
  opacity: 1;
}

.cases-carousel-v4 .slider .cases-v4 {
  display: block;
}

.cases-carousel-v4 .owl-carousel .owl-item img {
  display: inline-block !important;
  width: auto !important;
}

.cases-carousel-v4 .see-more-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 48px;
  align-items: center;
  background: linear-gradient(
    90.22deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  border-radius: 12px;
}

@media (max-width: 767px) {
  .cases-carousel-v4 .see-more-container {
    flex-direction: column;
    padding: 24px;
    border-radius: 0;
  }
}

@media (min-width: 1280px) {
  .cases-carousel-v4 .see-more-container {
    width: 1300px;
    max-width: 100%;
  }
}

.cases-carousel-v4 .see-more-container > p {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}

@media (min-width: 768px) {
  .cases-carousel-v4 .see-more-container > p {
    margin-right: 24px;
  }
  .cases-carousel-v4 .see-more-container > p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .cases-carousel-v4 .see-more-container > p {
    text-align: center;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .cases-carousel-v4 .see-more-container .action-btn {
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .cases-carousel-v4 .see-more-container .action-btn::after {
    left: calc(50% + 40px);
  }
}

.top-developers {
  background: linear-gradient(92.07deg, #131426 0, #211326 100%);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

.top-developers .items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  justify-content: flex-start;
}

.top-developers .items::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1279px) {
  .top-developers .items {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (max-width: 767px) {
  .top-developers .items {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.top-developers .items .item {
  display: flex;
  flex-direction: column;
  padding: 32px 40px;
  min-width: 20%;
  max-width: 20%;
}

@media (max-width: 1279px) {
  .top-developers .items .item {
    min-width: 220px;
  }
  .top-developers .items .item:first-child {
    margin-left: 40px;
  }
  .top-developers .items .item:last-child {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .top-developers .items .item {
    min-width: 220px;
  }
  .top-developers .items .item:first-child {
    margin-left: 15px;
  }
  .top-developers .items .item:last-child {
    margin-right: 15px;
  }
}

.top-developers .items .item:hover div.success {
  background-image: url("../images/allpic/icon-success-filled.png");
}

.top-developers .items .item div.success {
  background-image: url("../images/allpic/icon-success-grey.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 32px;
  width: 44px;
  height: 40px;
}

@media (max-width: 1279px) {
  .top-developers .items .item div.success {
    background-image: url("../images/allpic/icon-success-filled.png");
  }
}

.top-developers .items .item .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 76px);
}

.top-developers .items .item .content h5 {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 16px;
  white-space: nowrap;
}

@media (max-width: 1279px) {
  .top-developers .items .item .content h5 {
    font-size: 14px;
    line-height: 18px;
  }
}

.top-developers .items .item .content div.logo {
  height: 40px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-developers .actions {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.top-developers .more-action {
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
  padding: 5px 42px 5px 12px;
  border-radius: 6px;
  background: url(../../assets/images/ic-arrow-down.svg) no-repeat
    calc(100% - 12px) center rgba(255, 255, 255, 0.04);
}

.top-developers .show-less {
  display: none;
  background-image: url(../../assets/images/ic-arrow-up.svg) !important;
}

.top-developers .all-content {
  display: none;
}

.items.our-services-items {
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.items.our-services-items .item {
  padding: 8px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .items.our-services-items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .items.our-services-items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.items.our-services-items .item__content {
  padding: 32px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}

@media (max-width: 767px) {
  .items.our-services-items .item__content {
    flex-direction: column;
    padding: 24px;
  }
}

.items.our-services-items .item .left {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  flex: 1;
}

@media (max-width: 767px) {
  .items.our-services-items .item .left {
    margin-right: 0;
  }
}

.items.our-services-items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .items.our-services-items .item .left h4 {
    margin-bottom: 12px;
  }
}

.items.our-services-items .item .left h5 {
  font-family: Inter, sans-serif;
  margin-bottom: 24px;
}

.items.our-services-items .item .left .specs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 24px;
}

.items.our-services-items .item .left .specs__item {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 40px;
  background: #f9f9f9;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
}

.items.our-services-items .item .right {
  width: 160px;
}

@media (max-width: 767px) {
  .items.our-services-items .item .right {
    width: 120px;
    order: -1;
    margin: 0 auto 24px auto;
  }
}

.items.our-services-items .item .right > a {
  display: block;
}

.items.our-services-items .item .right img {
  max-width: 100%;
}

/*!
 * _cases-v4.scss
 * 
 *
 * 
 * 
 */

.cases-v4 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 8px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cases-v4 {
    gap: 8px;
    margin-bottom: 8px;
  }
}

.cases-v4 .item {
  min-height: 600px;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  color: #131426;
  font-family: Gilroy, sans-serif;
}

@media (max-width: 1279px) {
  .cases-v4 .item {
    flex-direction: column;
  }
}

.cases-v4 .item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 40px 48px 48px;
}

@media (max-width: 1279px) {
  .cases-v4 .item__content {
    padding: 48px;
  }
}

@media (max-width: 767px) {
  .cases-v4 .item__content {
    padding: 32px 24px;
  }
}

.cases-v4 .item__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1280px) {
  .cases-v4 .item__text {
    margin-bottom: 32px;
  }
}

.cases-v4 .item__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__tags {
    justify-content: center;
  }
}

.cases-v4 .item__tags-item {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.26px;
  padding: 2px 12px;
  border-radius: 40px;
  border: 1px solid rgba(19, 20, 38, 0.16);
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__logo {
    text-align: center;
  }
}

.cases-v4 .item__logo img {
  max-width: 100%;
  max-height: 80px;
}

@media (max-width: 1279px) {
  .cases-v4 .item__logo img {
    max-height: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__title {
    text-align: center;
  }
}

.cases-v4 .item__title h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

@media (max-width: 767px) {
  .cases-v4 .item__title h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.cases-v4 .item__review {
  margin-top: auto;
  padding: 16px 0 0 16px;
  background: url(../../assets/images/cases-v4/ic-quote-dark.svg) no-repeat left
    top;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__review {
    margin-top: 32px;
    padding: 40px 0 0 0;
    background-position: center top;
  }
}

@media (max-width: 767px) {
  .cases-v4 .item__review {
    margin-top: 24px;
  }
}

.cases-v4 .item__review-text {
  max-width: 530px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__review-text {
    max-width: 100%;
    text-align: center;
  }
}

.cases-v4 .item__review-text p {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .cases-v4 .item__review-text p {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
}

.cases-v4 .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__review-author {
    justify-content: center;
  }
}

.cases-v4 .item__review-author-picture {
  width: 48px;
}

.cases-v4 .item__review-author-picture img {
  max-height: 48px;
  max-width: 100%;
}

.cases-v4 .item__review-author-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.cases-v4 .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.cases-v4 .item__actions {
  margin-top: 40px;
  display: flex;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cases-v4 .item__actions {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .cases-v4 .item__actions {
    margin-top: 24px;
  }
  .cases-v4 .item__actions .action-btn {
    flex: 1;
    text-align: center;
  }
  .cases-v4 .item__actions .action-btn::after {
    right: calc(50% - 60px);
  }
}

.cases-v4 .item__art {
  display: flex;
}

@media (min-width: 1280px) {
  .cases-v4 .item__art {
    margin-top: auto;
  }
}

@media (max-width: 1279px) {
  .cases-v4 .item__art {
    justify-content: center;
  }
}

.cases-v4 .item__art img {
  height: auto;
  max-height: 600px;
}

@media (max-width: 1279px) {
  .cases-v4 .item__art img {
    max-width: 470px;
    max-height: 100%;
  }
}

@media (max-width: 767px) {
  .cases-v4 .item__art img {
    max-width: 90%;
  }
}

.cases-v4 .item.-light {
  color: #fff;
}

.cases-v4 .item.-light .item__tags-item {
  border-color: rgba(255, 255, 255, 0.16);
}

.cases-v4 .item.-light .item__review {
  background-image: url(../../assets/images/cases-v4/ic-quote.svg);
}

/*!
 * _blog-v4.scss
 * 
 *
 * 
 * 
 */

.-blog-v4 {
  padding-top: 64px;
}

.-blog-v4 .middle {
  background: url(../../assets/images/blog-v4/blog_bg.jpg) no-repeat center top;
  background-color: #f5f5f5;
}

.-blog-v4 .title {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #131426;
  text-align: center;
}

@media (max-width: 1279px) {
  .-blog-v4 .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .-blog-v4 .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.-blog-v4 .filters {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}

@media (max-width: 767px) {
  .-blog-v4 .filters {
    overflow-x: scroll;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 32px;
  }
  .-blog-v4 .filters::-webkit-scrollbar {
    display: none;
  }
}

.-blog-v4 .filters .filter a,
.-blog-v4 .filters .filter div,
.-blog-v4 .filters .filter span {
  cursor: pointer;
  display: block;
  color: rgba(19, 20, 38, 0.64);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 0;
  border-bottom: 2px solid transparent;
}

.-blog-v4 .filters .filter a.-active,
.-blog-v4 .filters .filter div.-active,
.-blog-v4 .filters .filter span.-active {
  color: #131426;
  border-color: #131426;
}

.-blog-v4 .filters .filter a:hover,
.-blog-v4 .filters .filter div:hover,
.-blog-v4 .filters .filter span:hover {
  color: #131426;
}

@media (max-width: 767px) {
  .-blog-v4 .filters .filter a,
  .-blog-v4 .filters .filter div,
  .-blog-v4 .filters .filter span {
    white-space: nowrap;
  }
}

.-blog-v4 .blog-v4 {
  color: #131426;
}

.-blog-v4 .blog-v4__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto 40px auto;
}

.-blog-v4 .blog-v4__more {
  display: flex;
  justify-content: center;
  margin: 0 0 40px 0;
}

.-blog-v4 .blog-v4__item {
  flex: 0 0 calc(50% - 20px);
}

@media (max-width: 767px) {
  .-blog-v4 .blog-v4__item {
    flex: 1 1 100%;
  }
}

.-blog-v4 .blog-v4__img {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
}

.-blog-v4 .blog-v4__img img {
  display: block;
  max-width: 100%;
}

.-blog-v4 .blog-v4__title {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.-blog-v4 .blog-v4__content {
  padding: 0 12px;
}

.-blog-v4 .blog-v4__date {
  color: #4b4c6c;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  margin-bottom: 8px;
}

.-blog-v4 .blog-v4__desc {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: linear-gradient(135deg, #262949 0, #1f213c 100%);
  z-index: 1000;
}

.popup.-open {
  display: block;
}

.popup__logo {
  width: 40px;
  height: 40px;
  z-index: 10;
  top: 15px;
  left: 15px;
  position: absolute;
}

@media (min-width: 1280px) {
  .popup__logo {
    top: 40px;
    left: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .popup__logo {
    top: 15px;
    left: 15px;
  }
}

.popup__close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  z-index: 10;
}

@media (min-width: 768px) {
  .popup__close {
    top: 40px;
    right: 40px;
  }
}

.popup__close svg {
  fill: currentcolor;
  width: 32px;
  height: 32px;
}

@media (min-width: 768px) {
  .popup__close svg {
    width: 64px;
    height: 64px;
  }
}

.popup__dialog {
  display: table;
  width: 100%;
  height: 100%;
}

.popup__body {
  display: table-cell;
  vertical-align: middle;
  padding: 70px 15px 15px 15px;
}

.popup__content {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .popup__content {
    padding: 17px 0;
  }
}

.popup__content.-send .form,
.popup__content.-send > .title {
  display: none;
}

.popup .title {
  margin: 0 auto 32px auto;
}

@media (min-width: 768px) {
  .popup .title {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .popup .title {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    max-width: calc(100% - 30px);
  }
}

.popup .subTitle {
  font-size: 16px;
  line-height: 28px;
  color: #b1b2c1;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .popup .subTitle {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .popup .subTitle {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    max-width: calc(100% - 30px);
  }
}

.popup[data-block="modalGet15"] .popup__dialog,
.popup[data-block="modalGetQuote2"] .popup__dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../../assets/images/popup-bg.png) no-repeat 50% 50%;
  background-size: cover;
  min-height: 700px;
}

.popup[data-block="modalGet15"] .container,
.popup[data-block="modalGetQuote2"] .container {
  position: relative;
  padding: 61px 0 64px 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .popup[data-block="modalGet15"] .container,
  .popup[data-block="modalGetQuote2"] .container {
    max-width: 768px;
    margin: 0 auto;
    padding: 61px 30px 64px 30px;
  }
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container,
  .popup[data-block="modalGetQuote2"] .container {
    padding: 40px 15px 40px 15px;
    width: 100%;
  }
}

.popup[data-block="modalGet15"] .container h2,
.popup[data-block="modalGetQuote2"] .container h2 {
  margin-bottom: 48px;
  text-align: center;
  font-size: 32px;
  line-height: 44px;
  font-family: Gilroy, sans-serif;
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container h2,
  .popup[data-block="modalGetQuote2"] .container h2 {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px;
  }
}

.popup[data-block="modalGet15"] .container .form,
.popup[data-block="modalGetQuote2"] .container .form {
  padding: 40px 40px 34px 40px;
  background: linear-gradient(180deg, #323760 0, #433260 100%);
  box-shadow: 0 4px 16px rgba(20, 20, 21, 0.4);
  border-radius: 8px;
  max-width: 660px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
  z-index: 12;
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container .form,
  .popup[data-block="modalGetQuote2"] .container .form {
    padding: 24px 15px;
    flex-direction: column;
  }
}

.popup[data-block="modalGet15"] .container .form .form__section,
.popup[data-block="modalGetQuote2"] .container .form .form__section {
  width: 100%;
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container .form .form__section,
  .popup[data-block="modalGetQuote2"] .container .form .form__section {
    flex-direction: column;
    display: flex;
  }
}

.popup[data-block="modalGet15"] .container .form .form__section.story,
.popup[data-block="modalGetQuote2"] .container .form .form__section.story {
  position: relative;
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container .form .form__section.story,
  .popup[data-block="modalGetQuote2"] .container .form .form__section.story {
    margin-top: 24px;
  }
}

.popup[data-block="modalGet15"]
  .container
  .form
  .form__section.story
  label.error,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__section.story
  label.error {
  bottom: 5px;
}

.popup[data-block="modalGet15"] .container .form .form__row.-col2,
.popup[data-block="modalGetQuote2"] .container .form .form__row.-col2 {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container .form .form__row.-col2,
  .popup[data-block="modalGetQuote2"] .container .form .form__row.-col2 {
    flex-direction: column;
  }
}

.popup[data-block="modalGet15"] .container .form .form__col,
.popup[data-block="modalGetQuote2"] .container .form .form__col {
  position: relative;
}

.popup[data-block="modalGet15"] .container .form .form__label,
.popup[data-block="modalGetQuote2"] .container .form .form__label {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 4px;
}

.popup[data-block="modalGet15"] .container .form .form__field,
.popup[data-block="modalGetQuote2"] .container .form .form__field {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #666e97;
  box-sizing: border-box;
  border-radius: 6px;
  width: 282px;
  height: 48px;
  padding: 13px 12px;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  color: #fff;
}

@media (max-width: 767px) {
  .popup[data-block="modalGet15"] .container .form .form__field,
  .popup[data-block="modalGetQuote2"] .container .form .form__field {
    width: 100%;
  }
}

.popup[data-block="modalGet15"] .container .form .form__field.-textarea,
.popup[data-block="modalGetQuote2"] .container .form .form__field.-textarea {
  height: 114px;
  width: 100%;
  resize: none;
}

.popup[data-block="modalGet15"]
  .container
  .form
  .form__field::-webkit-input-placeholder,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__field::-webkit-input-placeholder {
  color: rgba(177, 178, 193, 0.5);
}

.popup[data-block="modalGet15"] .container .form .form__field:-moz-placeholder,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__field:-moz-placeholder {
  color: rgba(177, 178, 193, 0.5);
}

.popup[data-block="modalGet15"] .container .form .form__field::-moz-placeholder,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__field::-moz-placeholder {
  color: rgba(177, 178, 193, 0.5);
}

.popup[data-block="modalGet15"]
  .container
  .form
  .form__field:-ms-input-placeholder,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__field:-ms-input-placeholder {
  color: rgba(177, 178, 193, 0.5);
}

.popup[data-block="modalGet15"] .container .form .form__field:focus,
.popup[data-block="modalGetQuote2"] .container .form .form__field:focus {
  border: 2px solid #656c98;
  outline: 0;
}

.popup[data-block="modalGet15"] .container .form .form__button,
.popup[data-block="modalGetQuote2"] .container .form .form__button {
  width: 100%;
  align-items: center;
  margin-top: -8px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 649px) {
  .popup[data-block="modalGet15"] .container .form .form__button,
  .popup[data-block="modalGetQuote2"] .container .form .form__button {
    flex-direction: column-reverse;
    align-items: baseline;
  }
}

.popup[data-block="modalGet15"] .container .form .form__button .crecaptcha,
.popup[data-block="modalGetQuote2"] .container .form .form__button .crecaptcha {
  width: 50%;
  height: 64px;
  transform: scale(0.825);
  transform-origin: 0 0;
}

@media (max-width: 629px) {
  .popup[data-block="modalGet15"] .container .form .form__button .crecaptcha,
  .popup[data-block="modalGetQuote2"]
    .container
    .form
    .form__button
    .crecaptcha {
    width: 100%;
    margin-bottom: 16px;
  }
}

.popup[data-block="modalGet15"] .container .form .form__button button.button,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__button
  button.button {
  cursor: pointer;
  width: 282px;
  height: 64px;
  background: #f8b000;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

.popup[data-block="modalGet15"]
  .container
  .form
  .form__button
  button.button:hover,
.popup[data-block="modalGetQuote2"]
  .container
  .form
  .form__button
  button.button:hover {
  background: #eba600;
}

@media (max-width: 649px) {
  .popup[data-block="modalGet15"] .container .form .form__button button.button,
  .popup[data-block="modalGetQuote2"]
    .container
    .form
    .form__button
    button.button {
    width: 100%;
    margin-bottom: 24px;
  }
}

.popup[data-block="modalGet15"] .container .form .form__sign,
.popup[data-block="modalGetQuote2"] .container .form .form__sign {
  width: 100%;
  margin-top: 24px;
}

.popup[data-block="modalGet15"] .container .form__checkbox,
.popup[data-block="modalGetQuote2"] .container .form__checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.popup[data-block="modalGet15"] .container .form__checkbox input,
.popup[data-block="modalGetQuote2"] .container .form__checkbox input {
  width: 0;
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
}

.popup[data-block="modalGet15"] .container .form__checkbox span,
.popup[data-block="modalGetQuote2"] .container .form__checkbox span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 12px;
  line-height: 22px;
  color: #b1b2c1;
}

.popup[data-block="modalGet15"] .container .form__checkbox span:before,
.popup[data-block="modalGetQuote2"] .container .form__checkbox span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.05);
  border: 0;
}

.popup[data-block="modalGet15"] .container .form__checkbox input:checked ~ span,
.popup[data-block="modalGetQuote2"]
  .container
  .form__checkbox
  input:checked
  ~ span {
  background-image: url(../../assets/images/landing-new/check.svg);
}

.popup[data-block="modalGet15"] .container .form__checkbox span,
.popup[data-block="modalGetQuote2"] .container .form__checkbox span {
  background-repeat: no-repeat;
  background-position: 6px 7px;
}

.popup[data-block="modalGet15"] .container .form__checkbox span:before,
.popup[data-block="modalGetQuote2"] .container .form__checkbox span:before {
  border-radius: 4px;
}

.popup[data-block="modalGet15"] .container .form {
  max-width: 360px;
}

.popup[data-block="modalGet15"] .container .form .form__col {
  width: 100%;
}

.popup[data-block="modalGet15"] .container .form .form__field {
  width: 100%;
}

.popup[data-block="modalGet15"] .container .form .form__button {
  flex-direction: column-reverse;
  align-items: baseline;
}

.popup[data-block="modalGet15"] .container .form .form__button button.button {
  margin-top: 10px;
  margin-bottom: 20px;
}

.popup[data-block="modalOk"] .popup__dialog .container {
  max-width: 310px;
}

.popup[data-block="modalError"] .popup__dialog .container {
  max-width: 360px;
}

.popup[data-block="modalError"] .popup__dialog,
.popup[data-block="modalOk"] .popup__dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.popup[data-block="modalError"] .popup__dialog .container,
.popup[data-block="modalOk"] .popup__dialog .container {
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #262949 0, #1f213c 100%);
  border-radius: 8px;
}

.popup[data-block="modalError"] .popup__dialog .container h3,
.popup[data-block="modalOk"] .popup__dialog .container h3 {
  margin-bottom: 16px;
  text-align: center;
}

.popup[data-block="modalError"] .popup__dialog .container p,
.popup[data-block="modalOk"] .popup__dialog .container p {
  margin-bottom: 24px;
  color: #b1b2c1;
  text-align: center;
}

.popup[data-block="modalError"] .popup__dialog .container a.button,
.popup[data-block="modalOk"] .popup__dialog .container a.button {
  padding: 8px 24px;
  border: 1px solid #f8b000;
  box-sizing: border-box;
  border-radius: 8px;
  color: #f8b000;
  text-decoration: none;
}

.popup[data-block="modalError"] .popup__dialog .container a.button:hover,
.popup[data-block="modalOk"] .popup__dialog .container a.button:hover {
  background: inherit;
}

.popup[data-block="videoModalCaseTws"] .modal-dialog {
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: #100d26;
}

.popup[data-block="videoModalCaseTws"] .modal-dialog .modal-content {
  height: calc(100% - 100px);
  padding: 50px 64px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
}

.popup[data-block="videoModalCaseTws"]
  .modal-dialog
  .modal-content
  .modal-body {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0;
  margin: 0;
}

.popup[data-block="videoModalCaseTws"]
  .modal-dialog
  .modal-content
  .modal-body:after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.popup[data-block="videoModalCaseTws"]
  .modal-dialog
  .modal-content
  .modal-body
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * 404.scss
 * 
 *
 * 
 * 
 */

.p404 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  min-height: 100vh;
}

.p404__frame {
  padding: 70px 0;
}

@media (min-width: 768px) {
  .p404__frame {
    padding: 120px 0;
  }
}

.p404__body {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
  background-image: url(../../assets/images/404.png);
  margin: 0 auto;
}

@media (min-width: 768px) {
  .p404__body {
    width: 478px;
    padding-top: 298px;
  }
}

@media (max-width: 767px) {
  .p404__body {
    width: 320px;
    padding-top: 190px;
  }
}

.p404__content {
  max-width: 320px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.p404__content h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  margin: 0 0 16px 0;
  padding: 0;
}

.p404__content h1 span {
  display: block;
  font-size: 16px;
}

.p404__content a {
  color: #e7a00b;
}

.p404__content a:hover {
  color: #faa900;
}

.cookie {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateY(150%) translateX(-50%);
  z-index: 3000;
  padding: 24px;
  opacity: 0;
  border-radius: 8px;
  background: #fff;
  max-width: 920px;
  width: 920px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 919px) {
  .cookie {
    width: auto;
    left: 40px;
    right: 40px;
  }
}

@media (max-width: 767px) {
  .cookie {
    padding: 16px;
    left: 15px;
    right: 15px;
    bottom: 32px;
  }
}

.cookie.-hide .wrap {
  opacity: 0;
}

.cookie.-hide svg {
  opacity: 1;
  z-index: 1;
}

.cookie.-view {
  transform: translateY(0) translateX(-50%);
  opacity: 1;
}

@media (max-width: 919px) {
  .cookie.-view {
    transform: translateY(0);
  }
}

.cookie__wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

@media (max-width: 767px) {
  .cookie__wrap {
    flex-direction: column;
    justify-content: center;
    gap: 16px;
  }
}

.cookie__content {
  flex: 1;
}

.cookie__actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .cookie__actions {
    width: 100%;
  }
  .cookie__actions .action-btn {
    flex: 1;
    text-align: center;
  }
}

.cookie p {
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

@media (max-width: 767px) {
  .cookie p {
    margin-bottom: 12px;
  }
}

.cookie p a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .cookie p br {
    display: none;
  }
}

.info-covid {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  height: 0;
  background: linear-gradient(135deg, #af50c4 0, #f97632 100%);
  overflow: hidden;
  transition: height 0.4s ease;
}

@media (min-width: 1280px) {
  .info-covid {
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .info-covid {
    justify-content: center;
  }
}

.info-covid__content {
  position: relative;
  padding: 13px 50px 13px 62px;
}

@media (min-width: 1280px) {
  .info-covid__content {
    padding: 0 0 0 48px;
    width: 980px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .info-covid__content {
    padding: 0 0 0 48px;
    width: 540px;
  }
}

.info-covid__content:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  background: url(../../assets/images/ic-corona.svg) no-repeat 0 0;
}

@media (min-width: 768px) {
  .info-covid__content:before {
    left: 0;
  }
}

.info-covid__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 32px;
  height: 32px;
}

@media (min-width: 1280px) {
  .info-covid__close {
    display: none;
  }
}

.info-covid__close svg {
  width: 16px;
  height: 16px;
  fill: currentcolor;
}

.-isInfoCovid .info-covid {
  height: 126px;
}

@media (min-width: 1280px) {
  .-isInfoCovid .info-covid {
    height: 56px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .-isInfoCovid .info-covid {
    height: 66px;
  }
}

.keynote {
  text-align: center;
}

@media (max-width: 767px) {
  .keynote {
    background-size: auto 100%;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-who-we .keynote {
    margin: 0 15px;
  }
  .page.-who-we .keynote .wrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .page.-who-we .keynote {
    margin: 40px 15px;
  }
  .page.-who-we .keynote .wrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.keynote__title {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  line-height: 44px;
  font-weight: 800;
  margin-bottom: 16px;
}

.keynote p {
  font-size: 16px;
  line-height: 28px;
  font-family: Roboto, sans-serif;
}

.keynote .button {
  font-weight: 800;
  font-size: 14px;
  margin-top: 24px;
  height: 40px;
  line-height: 38px;
  padding: 0 21px;
}

.keynote .button span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  padding: 0;
}

.keynote .button span img {
  width: 32px;
  padding-right: 10px;
}

.keynote .wrap {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 55px;
  padding-bottom: 60px;
  border-radius: 8px;
}

.webp .keynote .wrap {
  background-image: url(../../assets/images/keynote-bg.webp);
}

.no-webp .keynote .wrap {
  background-image: url(../../assets/images/keynote-bg.jpg);
}

/*!
 * _calendly.scss
 * 
 *
 * 
 * 
 */

.popup[data-block="modalCalendly"] .popup__content {
  max-width: calc(100% - 30px);
}

.popup[data-block="modalCalendly"] .calendly-inline-widget {
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 320px;
  height: 830px;
}

@media (max-width: 1279px) {
  .popup[data-block="modalCalendly"] .calendly-inline-widget {
    height: 75vh;
    max-width: 100%;
  }
}

.attention-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #131426;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding: 6px;
  min-height: 52px;
}

@media (max-width: 767px) {
  .attention-block {
    font-size: 14px;
    line-height: 16px;
  }
}

.attention-block__text {
  color: #f8b000;
  margin: 0 16px 0 10px;
  font-family: Roboto, sans-serif !important;
}

.attention-block__close {
  border: 0;
  display: inline-block;
  padding: 4px 12px;
  background: rgba(248, 176, 0, 0.1);
  border-radius: 4px;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  font-family: Gilroy, sans-serif !important;
  color: #f8b000;
  cursor: pointer;
}

.-isAttentionBlock {
  padding-top: 56px;
}

/*!
 * _how-we-build.scss
 * 
 *
 * 
 * 
 */

.how-we-build {
  background: linear-gradient(180deg, #f7efe3 0, #f7e4e3 100%);
}

.how-we-build__bg-container {
  background-image: url(../../assets/images/home-v4/process-picture@3x.jpg);
  background-size: auto 1103px;
  background-position: calc(100% + 88px) top;
  background-repeat: no-repeat;
}

@media (min-width: 2000px) {
  .how-we-build__bg-container {
    background-position: calc(50% + 555px) top;
  }
}

@media (max-width: 1279px) {
  .how-we-build__bg-container {
    background-image: none;
  }
}

.how-we-build .section-title-block {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  background: 0 0;
  border: 1px solid rgba(19, 20, 38, 0.16);
  border-radius: 40px;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.how-we-build .section-title-block.dark {
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.how-we-build__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 64px 64px 64px 0;
  background: linear-gradient(180deg, #f7efe3 0, #f7e4e3 100%);
  color: #131426;
}

@media (min-width: 1280px) {
  .how-we-build__content {
    width: 60%;
  }
}

@media (max-width: 1279px) {
  .how-we-build__content {
    width: 100%;
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .how-we-build__content {
    width: 100%;
    padding: 40px 0;
  }
}

.how-we-build__content .section-title-block {
  margin-bottom: 24px;
  display: inline-flex;
  width: 114px;
}

.how-we-build__content > h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .how-we-build__content > h3 {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

.how-we-build__content > p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
}

.how-we-build__content .collapsable {
  border-top: 1px dashed #c6b9a4;
  padding-top: 24px;
  margin-bottom: 24px;
}

.how-we-build__content .collapsable.collapsed .design-items {
  display: flex;
}

.how-we-build__content .collapsable.collapsed .items {
  display: flex;
}

.how-we-build__content .collapsable.collapsed .content .right > h5:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11419 10.8741C1.37882 11.1371 1.7368 11.2848 2.10994 11.2848C2.48308 11.2848 2.84105 11.1371 3.10569 10.8741L9.58866 4.37696V22.1027C9.58866 22.4773 9.73746 22.8366 10.0023 23.1015C10.2672 23.3663 10.6265 23.5151 11.0011 23.5151C11.3757 23.5151 11.7349 23.3663 11.9998 23.1015C12.2647 22.8366 12.4135 22.4773 12.4135 22.1027V4.41933L18.8682 10.8741C19.1342 11.1419 19.4956 11.2931 19.8731 11.2944C20.2505 11.2957 20.6131 11.1471 20.8809 10.8811C21.1487 10.6152 21.2999 10.2537 21.3013 9.87623C21.3026 9.49878 21.1539 9.13626 20.888 8.86843L11.8909 -0.114514C11.6527 -0.3517 11.3302 -0.484863 10.994 -0.484863C10.6578 -0.484863 10.3354 -0.3517 10.0971 -0.114514L1.11419 8.86843C0.981804 8.99973 0.876728 9.15594 0.805021 9.32806C0.733316 9.50017 0.696396 9.68478 0.696396 9.87124C0.696396 10.0577 0.733316 10.2423 0.805021 10.4144C0.876728 10.5865 0.981804 10.7428 1.11419 10.8741Z' fill='%23131426'/%3E%3C/svg%3E%0A");
}

.how-we-build__content .collapsable.collapsed .content .right > h5::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11419 10.8741C1.37882 11.1371 1.7368 11.2848 2.10994 11.2848C2.48308 11.2848 2.84105 11.1371 3.10569 10.8741L9.58866 4.37696V22.1027C9.58866 22.4773 9.73746 22.8366 10.0023 23.1015C10.2672 23.3663 10.6265 23.5151 11.0011 23.5151C11.3757 23.5151 11.7349 23.3663 11.9998 23.1015C12.2647 22.8366 12.4135 22.4773 12.4135 22.1027V4.41933L18.8682 10.8741C19.1342 11.1419 19.4956 11.2931 19.8731 11.2944C20.2505 11.2957 20.6131 11.1471 20.8809 10.8811C21.1487 10.6152 21.2999 10.2537 21.3013 9.87623C21.3026 9.49878 21.1539 9.13626 20.888 8.86843L11.8909 -0.114514C11.6527 -0.3517 11.3302 -0.484863 10.994 -0.484863C10.6578 -0.484863 10.3354 -0.3517 10.0971 -0.114514L1.11419 8.86843C0.981804 8.99973 0.876728 9.15594 0.805021 9.32806C0.733316 9.50017 0.696396 9.68478 0.696396 9.87124C0.696396 10.0577 0.733316 10.2423 0.805021 10.4144C0.876728 10.5865 0.981804 10.7428 1.11419 10.8741Z' fill='%23C6B9A4'/%3E%3C/svg%3E%0A");
}

.how-we-build__content .collapsable .content {
  display: flex;
}

.how-we-build__content .collapsable .content .left {
  width: 64px;
}

.how-we-build__content .collapsable .content .left img {
  width: 40px;
  height: 40px;
  margin-right: 24px;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .content .left {
    display: none;
  }
}

.how-we-build__content .collapsable .content .right {
  width: calc(100% - 64px);
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .content .right {
    width: 100%;
  }
}

.how-we-build__content .collapsable .content .right > h5 {
  position: relative;
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .content .right > h5 {
    width: 100%;
    padding-right: 30px;
  }
}

.how-we-build__content .collapsable .content .right > h5:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11467 13.1255C1.37931 12.8624 1.73729 12.7147 2.11042 12.7147C2.48356 12.7147 2.84154 12.8624 3.10617 13.1255L9.58914 19.6226V1.89679C9.58914 1.52219 9.73795 1.16294 10.0028 0.89806C10.2677 0.633181 10.627 0.484375 11.0016 0.484375C11.3762 0.484375 11.7354 0.633181 12.0003 0.89806C12.2652 1.16294 12.414 1.52219 12.414 1.89679V19.5802L18.8687 13.1255C19.1347 12.8576 19.4961 12.7064 19.8736 12.7051C20.251 12.7038 20.6135 12.8524 20.8814 13.1184C21.1492 13.3844 21.3004 13.7458 21.3017 14.1233C21.3031 14.5007 21.1544 14.8632 20.8884 15.1311L11.8914 24.114C11.6531 24.3512 11.3307 24.4844 10.9945 24.4844C10.6583 24.4844 10.3358 24.3512 10.0976 24.114L1.11467 15.1311C0.982292 14.9998 0.877216 14.8436 0.80551 14.6715C0.733805 14.4993 0.696884 14.3147 0.696884 14.1283C0.696884 13.9418 0.733805 13.7572 0.80551 13.5851C0.877216 13.413 0.982292 13.2568 1.11467 13.1255Z' fill='%23131426'/%3E%3C/svg%3E%0A");
}

.how-we-build__content .collapsable .content .right > h5::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11467 13.1255C1.37931 12.8624 1.73729 12.7147 2.11042 12.7147C2.48356 12.7147 2.84154 12.8624 3.10617 13.1255L9.58914 19.6226V1.89679C9.58914 1.52219 9.73795 1.16294 10.0028 0.89806C10.2677 0.633181 10.627 0.484375 11.0016 0.484375C11.3762 0.484375 11.7354 0.633181 12.0003 0.89806C12.2652 1.16294 12.414 1.52219 12.414 1.89679V19.5802L18.8687 13.1255C19.1347 12.8576 19.4961 12.7064 19.8736 12.7051C20.251 12.7038 20.6135 12.8524 20.8814 13.1184C21.1492 13.3844 21.3004 13.7458 21.3017 14.1233C21.3031 14.5007 21.1544 14.8632 20.8884 15.1311L11.8914 24.114C11.6531 24.3512 11.3307 24.4844 10.9945 24.4844C10.6583 24.4844 10.3358 24.3512 10.0976 24.114L1.11467 15.1311C0.982292 14.9998 0.877216 14.8436 0.80551 14.6715C0.733805 14.4993 0.696884 14.3147 0.696884 14.1283C0.696884 13.9418 0.733805 13.7572 0.80551 13.5851C0.877216 13.413 0.982292 13.2568 1.11467 13.1255Z' fill='%23C6B9A4'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.how-we-build__content .collapsable .content .right > p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  width: calc(100% - 24px);
}

.how-we-build__content .collapsable .divider {
  height: 1px;
  border-top: 1px dashed #c6b9a4;
  margin-top: 24px;
  margin-bottom: 24px;
}

.how-we-build__content .collapsable .items-content {
  padding-left: 64px;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .items-content {
    padding-left: 0;
  }
}

.how-we-build__content .collapsable .items {
  display: none;
  flex-direction: column;
  margin-top: 24px;
}

.how-we-build__content .collapsable .items > .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .items > .row {
    flex-direction: column;
  }
}

.how-we-build__content .collapsable .items > .row .item {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 16px 24px;
  width: 100%;
  border-radius: 8px;
}

.how-we-build__content .collapsable .items > .row .item.item-50 {
  width: calc(50% - 4px);
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .items > .row .item.item-50 {
    width: 100%;
  }
  .how-we-build__content
    .collapsable
    .items
    > .row
    .item.item-50:not(:last-child) {
    margin-bottom: 8px;
  }
}

.how-we-build__content .collapsable .items > .row .item.item-33 {
  width: calc(33% - 4px);
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .items > .row .item.item-33 {
    width: 100%;
  }
  .how-we-build__content
    .collapsable
    .items
    > .row
    .item.item-33:not(:last-child) {
    margin-bottom: 8px;
  }
}

.how-we-build__content .collapsable .items > .row .item.item-column {
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .items > .row .item.item-column {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .how-we-build__content .collapsable .items > .row .item.item-column > .left {
    margin-bottom: 12px;
  }
}

.how-we-build__content .collapsable .items > .row .item > .left {
  min-width: 44px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.02em;
  color: #131426;
}

.how-we-build__content .collapsable .items > .row .item > .right {
  width: 285px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #131426;
}

.how-we-build__content .collapsable .items > .row .item > .right h6 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.how-we-build__content .collapsable .design-items {
  display: none;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .design-items {
    flex-direction: column;
  }
}

.how-we-build__content .collapsable .design-items > .left {
  display: flex;
  flex-direction: column;
  padding: 24px 0 15px;
  width: 152px;
  height: 376px;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .design-items > .left {
    width: 100%;
    height: unset;
    flex-direction: row;
    padding: 24px 0 8px 0;
  }
}

.how-we-build__content .collapsable .design-items > .left .left-inner {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 8px;
  padding: 24px;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .design-items > .left .left-inner {
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px 24px;
    align-items: center;
  }
}

.how-we-build__content .collapsable .design-items > .left p {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.how-we-build__content .collapsable .design-items > .left p.digit {
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.02em;
  color: #131426;
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .design-items > .left p.digit {
    width: 44px;
    margin-bottom: 0;
  }
}

.how-we-build__content .collapsable .design-items > .right {
  width: calc(100% - 164px);
}

@media (max-width: 767px) {
  .how-we-build__content .collapsable .design-items > .right {
    width: 100%;
  }
  .how-we-build__content .collapsable .design-items > .right .items {
    margin-top: 0;
  }
}

.how-we-build__content .actions-wrap {
  margin-top: 40px;
}

@media (max-width: 1279px) {
  .how-we-build__content .actions-wrap {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .how-we-build__content .actions-wrap .action-btn {
    flex: 1;
    text-align: center;
  }
}

.page.-home-v5 {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background: #fff;
}

.page.-home-v5 .title {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.page.-home-v5 .intro {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1790px) {
  .page.-home-v5 .intro {
    min-height: 923px;
  }
}

@media (min-width: 640px) and (max-width: 1789px) {
  .page.-home-v5 .intro {
    min-height: 100vh;
  }
}

.page.-home-v5 .intro__video {
  content: "";
  background-size: 110%;
  transition: background-size 0.5s ease;
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

.no-webp .page.-home-v5 .intro__video {
  background: url(../../assets/images/home-v3/video/intro.jpg) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__video {
    background-position: 65% 0;
  }
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__video {
    background-size: cover;
  }
}

.page.-home-v5 .intro__video video {
  position: absolute;
  width: 110%;
  height: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s ease;
}

.page.-home-v5 .intro__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 2;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner {
    background-position: 0 0;
  }
}

.page.-home-v5 .intro__inner .cover {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  padding-bottom: 64px;
  flex: 2;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover {
    min-height: 622px;
    padding-bottom: 0;
  }
}

.page.-home-v5 .intro__inner .cover .wrap-v4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  flex: 2;
}

.page.-home-v5 .intro__inner .cover__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  padding: 40px 0;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__content {
    min-height: 596px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__inner .cover__content {
    min-height: 328px;
  }
}

.page.-home-v5 .intro__inner .cover__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.page.-home-v5 .intro__inner .cover__text .based-label {
  padding: 7px 16px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Inter, sans-serif;
  color: #fff;
  background-clip: padding-box;
  border: solid 1px rgba(255, 255, 255, 0.16);
  border-radius: 30px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.26px;
}

.page.-home-v5 .intro__inner .cover__text .based-label span {
  font-weight: 700;
}

.page.-home-v5 .intro__inner .cover__text .based-label svg {
  height: 16px;
  margin-right: 10px;
}

@media (max-width: 359px) {
  .page.-home-v5 .intro__inner .cover__text .based-label {
    font-size: 11px;
  }
}

.page.-home-v5 .intro__inner .cover__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.44px;
  color: #fff;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__text h1 {
    font-size: 48px;
    line-height: 56px;
    max-width: 510px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__inner .cover__text h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .page.-home-v5 .intro__inner .cover__text h1 br {
    display: none;
  }
}

.page.-home-v5 .intro__inner .cover__text h1 span {
  background: linear-gradient(
    90deg,
    #8cff13 0,
    #e03d3d 53.72%,
    #0085ff 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page.-home-v5 .intro__inner .cover__services {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__services {
    background: #0d0d17;
    margin-left: -40px;
    margin-right: -40px;
    flex-direction: column;
    padding: 32px 40px;
  }
}

.page.-home-v5 .intro__inner .cover__services .item {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  padding: 48px;
  min-height: 330px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__services .item {
    min-height: auto;
    flex-direction: row;
    gap: 32px;
    padding: 32px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__inner .cover__services .item {
    gap: 24px;
    padding: 32px 24px;
  }
}

.page.-home-v5 .intro__inner .cover__services .item h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__services .item h5 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__inner .cover__services .item h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-home-v5 .intro__inner .cover__services .item p {
  color: var(--White, #fff);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-home-v5 .intro__inner .cover__services .item__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__services .item__bottom {
    order: -1;
    margin-top: 0;
    align-items: flex-start;
  }
}

.page.-home-v5 .intro__inner .cover__services .item__art {
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__inner .cover__services .item__art {
    width: 42px;
    height: 42px;
  }
}

.page.-home-v5 .intro__inner .cover__services .item:hover .item__art {
  /*background-position-x: 100px;*/
}

.page.-home-v5 .intro__inner .cover__services .item .arrow-btn {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right-light.svg) no-repeat center
    center rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__services .item .arrow-btn {
    display: none;
  }
}

.page.-home-v5 .intro__inner .cover__services .item .arrow-btn.mobile {
  display: none;
}

@media (max-width: 1279px) {
  .page.-home-v5 .intro__inner .cover__services .item .arrow-btn.mobile {
    margin-top: auto;
    margin-left: auto;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .intro__inner .cover__services .item .arrow-btn.mobile {
    min-width: 40px;
  }
}

.page.-home-v5 .intro__inner .cover__services .item .arrow-btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.page.-home-v5 .achievements {
  padding: 120px 0 80px;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-home-v5 .achievements {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .achievements {
    padding: 8px 0;
  }
}

.page.-home-v5 .achievements .wrap-v4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .achievements .wrap-v4 {
    flex-direction: column;
  }
}

.page.-home-v5 .achievements .left {
  flex: 1;
}

.page.-home-v5 .achievements .left .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-home-v5 .achievements .left .items {
    margin: 0 -15px;
    padding: 0 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .page.-home-v5 .achievements .left .items::-webkit-scrollbar {
    display: none;
  }
}

.page.-home-v5 .achievements .left .items .item {
  flex: 0 0 calc(50% - 4px);
  height: 196px;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .page.-home-v5 .achievements .left .items .item {
    height: 168px;
    min-width: 300px;
  }
}

.page.-home-v5 .achievements .left .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 36px;
  background: url(../../assets/images/home-v5/ic_achievements.svg) no-repeat
    right center;
}

.page.-home-v5 .achievements .left .items .item .logo {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
}

.page.-home-v5 .achievements .left .items .item .logo img {
  max-height: 26px;
}

.page.-home-v5 .achievements .right {
  width: 50%;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-home-v5 .achievements .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .achievements .right {
    padding: 32px 24px;
  }
}

.page.-home-v5 .achievements__reviews {
  height: 100%;
}

.page.-home-v5 .achievements__reviews .item {
  padding-left: 5px;
  min-height: 336px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page.-home-v5 .achievements__reviews .item img {
  width: auto;
}

.page.-home-v5 .achievements__reviews .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-home-v5 .achievements__reviews .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-home-v5 .achievements__reviews .item__score .logo {
  background-size: contain;
  margin-right: 36px;
}

.page.-home-v5 .achievements__reviews .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.page.-home-v5 .achievements__reviews .item__score-stars img {
  width: 16px;
  height: 15px;
}

.page.-home-v5 .achievements__reviews .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.page.-home-v5 .achievements__reviews .item__review-author {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  .page.-home-v5 .achievements__reviews .item__review-author {
    margin-top: 48px;
  }
}

.page.-home-v5 .achievements__reviews .item__review-author-picture {
  margin-right: 24px;
}

.page.-home-v5 .achievements__reviews .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.page.-home-v5 .achievements__reviews .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-home-v5 .achievements__reviews .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-home-v5 .achievements__reviews .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .page.-home-v5 .achievements__reviews .owl-nav {
    position: static;
    margin-top: 48px;
  }
}

.page.-home-v5 .achievements__reviews .owl-nav .owl-next,
.page.-home-v5 .achievements__reviews .owl-nav .owl-prev {
  width: 36px;
  height: 36px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-home-v5 .achievements__reviews .owl-nav .owl-next:hover,
.page.-home-v5 .achievements__reviews .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-home-v5 .achievements__reviews .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.page.-home-v5 .our-services {
  padding: 140px 0;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-home-v5 .our-services {
    padding: 64px 0;
  }
}

.page.-home-v5 .our-services .content {
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .page.-home-v5 .our-services .content {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .content {
    padding: 40px 0;
  }
}

.page.-home-v5 .our-services .title {
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .our-services .title {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .actions-wrap .action-btn {
    flex: 1;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .actions-wrap .action-btn::after {
    left: calc(50% + 20px);
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 {
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item__content {
  height: 288px;
  max-height: 288px;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item__content {
    flex-direction: column;
    padding: 24px;
    align-items: flex-start;
    height: auto;
    max-height: 100%;
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .left {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  flex: 1;
  transform: translateY(32px);
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item .left {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item .left {
    margin-right: 0;
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item .left h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .left h5 {
  font-family: Inter, sans-serif;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .left .specs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}

.page.-home-v5
  .our-services
  .items.our-services-items-v5
  .item
  .left
  .specs__item {
  background: #f9f9f9;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 40px;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
}

.page.-home-v5
  .our-services
  .items.our-services-items-v5
  .item
  .left
  .actions-wrap {
  margin-top: 24px;
  transform: translateY(100px);
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .page.-home-v5
    .our-services
    .items.our-services-items-v5
    .item
    .left
    .actions-wrap {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .page.-home-v5
    .our-services
    .items.our-services-items-v5
    .item
    .left
    .actions-wrap
    .action-btn {
    flex: none;
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .right {
  width: 160px;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item .right {
    width: 120px;
    order: -1;
    margin-bottom: 24px;
  }
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .right > a {
  display: block;
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item .right img {
  max-width: 100%;
}

.page.-home-v5
  .our-services
  .items.our-services-items-v5
  .item:hover
  .item__content {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item:hover .left {
  transform: translateY(0);
}

.page.-home-v5
  .our-services
  .items.our-services-items-v5
  .item:hover
  .actions-wrap {
  transform: translateY(0);
}

.page.-home-v5 .our-services .items.our-services-items-v5 .item:hover .right {
  transform: scale(1.5) translateX(22px);
}

@media (max-width: 1279px) {
  .page.-home-v5 .our-services .items.our-services-items-v5 .item:hover .right {
    transform: scale(1) translateX(0);
  }
}

.page.-home-v5 .can-help {
  padding-top: 80px;
  background: linear-gradient(180deg, #f5f5fb 0, #fff 100%);
  color: #131426;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-home-v5 .can-help {
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help {
    padding-top: 48px;
  }
}

.page.-home-v5 .can-help .heading {
  text-align: center;
}

.page.-home-v5 .can-help .heading .title {
  margin-bottom: 16px;
}

.page.-home-v5 .can-help .heading .sub-title {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .can-help .horizontal-scroll-container {
    margin: 0 -40px;
  }
  .page.-home-v5
    .can-help
    .horizontal-scroll-container
    .tabs
    .tabs__item:first-child {
    margin-left: 40px;
  }
  .page.-home-v5
    .can-help
    .horizontal-scroll-container
    .tabs
    .tabs__item:last-child {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help .horizontal-scroll-container {
    margin: 0 -15px;
  }
  .page.-home-v5
    .can-help
    .horizontal-scroll-container
    .tabs
    .tabs__item:first-child {
    margin-left: 15px;
  }
  .page.-home-v5
    .can-help
    .horizontal-scroll-container
    .tabs
    .tabs__item:last-child {
    margin-right: 15px;
  }
}

.page.-home-v5 .can-help .tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  padding-bottom: 40px;
  gap: 8px;
}

@media (max-width: 1099px) {
  .page.-home-v5 .can-help .tabs {
    justify-content: flex-start;
  }
}

.page.-home-v5 .can-help .tabs__item {
  padding: 32px 24px;
  min-width: 155px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border: 2px solid transparent;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help .tabs__item {
    padding: 24px 0;
    min-width: 144px;
  }
}

.page.-home-v5 .can-help .tabs__art {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
}

.page.-home-v5 .can-help .tabs__art .not-active-icon {
  display: block;
}

.page.-home-v5 .can-help .tabs__art .active-icon {
  display: none;
}

.page.-home-v5 .can-help .tabs__title {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  color: #131426;
  white-space: nowrap;
}

.page.-home-v5 .can-help .tabs__item.-active {
  border-image-slice: 1;
  background: linear-gradient(#f5f5fb, #f5f5fb) padding-box,
    linear-gradient(to right, #9935e8, #e85535) border-box;
}

.page.-home-v5 .can-help .tabs__item.-active .not-active-icon {
  display: none;
}

.page.-home-v5 .can-help .tabs__item.-active .active-icon {
  display: block;
}

.page.-home-v5 .can-help .tabs__item.-active .tabs__title {
  color: #131426;
}

.page.-home-v5 .can-help .content {
  color: #131426;
  min-height: 80px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .can-help .content {
    min-height: auto;
  }
}

.page.-home-v5 .can-help .content.-active {
  background: #f8f8fc;
  padding: 0 0 80px 0;
}

@media (max-width: 1279px) {
  .page.-home-v5 .can-help .content.-active {
    padding: 0 0 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help .content.-active {
    padding: 0 0 40px 0;
  }
}

.page.-home-v5 .can-help .content .tabs__content-item {
  display: none;
}

.page.-home-v5 .can-help .content .tabs__content-item.-active {
  display: block;
}

.page.-home-v5 .can-help .content .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -6px -21px;
  margin-bottom: 40px;
  justify-content: center;
}

@media (max-width: 1279px) {
  .page.-home-v5 .can-help .content .items {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help .content .items {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  .page.-home-v5 .can-help .content .items::-webkit-scrollbar {
    display: none;
  }
}

.page.-home-v5 .can-help .content .items .item {
  padding: 4px;
  flex: 0 0 25%;
}

@media (max-width: 1279px) {
  .page.-home-v5 .can-help .content .items .item {
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help .content .items .item {
    flex: 0 0 50%;
  }
  .page.-home-v5 .can-help .content .items .item:first-child {
    margin-left: 15px;
  }
  .page.-home-v5 .can-help .content .items .item:last-child {
    margin-right: 15px;
  }
}

.page.-home-v5 .can-help .content .items .item__content {
  height: 100%;
  padding: 40px 32px;
  border-radius: 24px;
  background: #efeffa;
}

.page.-home-v5 .can-help .content .items .item__content h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}

.page.-home-v5 .can-help .content .items .item__content p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (max-width: 767px) {
  .page.-home-v5 .can-help .content .actions-wrap .action-btn {
    flex: 1;
    text-align: center;
  }
}

.page.-home-v5 .clients-featured {
  padding: 120px 0;
  background: radial-gradient(
      34.45% 46.83% at 77.4% 50%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      30.13% 51.49% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    #fff;
}

@media (max-width: 1279px) {
  .page.-home-v5 .clients-featured {
    padding: 64px 0;
  }
}

.page.-home-v5 .clients-featured .title {
  text-align: center;
  color: #131426;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .page.-home-v5 .clients-featured .title {
    margin-bottom: 64px;
  }
}

.page.-home-v5 .clients-featured__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 1279px) {
  .page.-home-v5 .clients-featured__items {
    gap: 16px;
    align-items: center;
    justify-content: center;
  }
}

.page.-home-v5 .clients-featured__items .item {
  flex: 1;
}

@media (max-width: 1279px) {
  .page.-home-v5 .clients-featured__items .item {
    flex: 0 0 calc(33% - 9px);
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .clients-featured__items .item {
    flex: 0 0 calc(50% - 8px);
    padding: 10px 0;
  }
}

.page.-home-v5 .clients-featured__items .item img {
  max-width: 100%;
  height: auto;
}

.page.-home-v5 .best-results {
  padding: 80px 0;
  background: #fff;
}

@media (max-width: 767px) {
  .page.-home-v5 .best-results {
    padding: 64px 0;
  }
}

.page.-home-v5 .best-results .title {
  text-align: center;
  margin-bottom: 64px;
  color: #131426;
}

@media (max-width: 767px) {
  .page.-home-v5 .best-results .title {
    margin-bottom: 48px;
  }
}

.page.-home-v5 .best-results .items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

@media (max-width: 1279px) {
  .page.-home-v5 .best-results .items {
    gap: 8px;
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .best-results .items {
    flex-direction: column;
    align-items: normal;
  }
}

.page.-home-v5 .best-results .items .item {
  padding: 48px;
  border-radius: 24px;
  color: #fff;
  background: #7c42da;
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .page.-home-v5 .best-results .items .item {
    flex: 1;
    padding: 40px 32px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .best-results .items .item {
    padding: 32px;
  }
}

.page.-home-v5 .best-results .items .item:nth-child(1) {
  transform: rotate(3deg);
  padding-bottom: 32px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .best-results .items .item:nth-child(1) {
    transform: rotate(0);
  }
}

.page.-home-v5 .best-results .items .item:nth-child(2) {
  transform: rotate(-3deg);
  background: #4252da;
}

@media (max-width: 1279px) {
  .page.-home-v5 .best-results .items .item:nth-child(2) {
    transform: rotate(0);
  }
}

.page.-home-v5 .best-results .items .item:nth-child(3) {
  transform: rotate(3deg);
  background: #429ada;
  padding-bottom: 72px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .best-results .items .item:nth-child(3) {
    transform: rotate(0);
    padding-bottom: 32px;
  }
}

.page.-home-v5 .best-results .items .item__art {
  margin-bottom: 32px;
}

.page.-home-v5 .best-results .items .item:hover {
  transform: rotate(0);
}

.page.-home-v5 .best-results .items h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .best-results .items h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .best-results .items h5 br {
    display: none;
  }
}

.page.-home-v5 .best-results .items p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-home-v5 .how-we-build {
  padding: 48px 0;
  background: #fff;
}

.page.-home-v5 .how-we-build__cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 24px;
  padding: 80px;
  min-height: 364px;
}

@media (max-width: 767px) {
  .page.-home-v5 .how-we-build__cover {
    padding: 64px 32px;
  }
}

.page.-home-v5 .how-we-build__cover h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-home-v5 .how-we-build__cover h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
  }
}

.page.-home-v5 .how-we-build__cover p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  max-width: 492px;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .page.-home-v5 .how-we-build__cover .action-btn {
    flex: 1;
    text-align: center;
  }
  .page.-home-v5 .how-we-build__cover .action-btn::after {
    right: calc(50% - 44px);
  }
}

.page.-home-v5 .case-studies {
  display: flex;
  background: #fff;
  justify-content: center;
  padding: 100px 0 80px 0;
}

@media (max-width: 1279px) {
  .page.-home-v5 .case-studies {
    padding: 40px 0;
  }
}

.page.-home-v5 .case-studies .heading {
  text-align: center;
}

.page.-home-v5 .case-studies .title {
  color: #131426;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .case-studies .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .case-studies .title {
    margin-bottom: 32px;
  }
}

.page.-home-v5 .case-studies .see-more-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 32px;
  align-items: center;
  border-radius: 24px;
  background: #fbfbfe;
}

@media (max-width: 767px) {
  .page.-home-v5 .case-studies .see-more-container {
    flex-direction: column;
    padding: 24px;
    border-radius: 0;
  }
}

@media (min-width: 1280px) {
  .page.-home-v5 .case-studies .see-more-container {
    width: 1300px;
    max-width: 100%;
  }
}

.page.-home-v5 .case-studies .see-more-container > p {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #131426;
}

@media (min-width: 768px) {
  .page.-home-v5 .case-studies .see-more-container > p {
    margin-right: 24px;
  }
  .page.-home-v5 .case-studies .see-more-container > p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .case-studies .see-more-container > p {
    text-align: center;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .case-studies .see-more-container .action-btn {
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .case-studies .see-more-container .action-btn::after {
    left: calc(50% + 40px);
  }
}

.page.-home-v5 .stories {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-home-v5 .stories {
    padding: 64px 0;
  }
}

.page.-home-v5 .stories .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .stories .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .stories .title {
    margin-bottom: 32px;
  }
}

.page.-home-v5 .stories .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 0 5px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .stories .items {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

.page.-home-v5 .stories .items .item {
  padding: 40px;
  border-radius: 24px;
  background: #fff;
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-home-v5 .stories .items .item {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .page.-home-v5 .stories .items .item {
    padding: 32px;
  }
}

.page.-home-v5 .stories .items .item:nth-child(1) {
  grid-row: 1/3;
  background: radial-gradient(153.73% 141.42% at 0 0, #9935e8 0, #e85535 100%);
  color: #fff;
}

.page.-home-v5 .stories .items .item:nth-child(2) {
  background: #b9e8f7;
}

.page.-home-v5 .stories .items .item:nth-child(3) {
  background: #d1b9f7;
}

.page.-home-v5 .stories .items .item img {
  width: auto !important;
}

.page.-home-v5 .stories .items .item h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-home-v5 .stories .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin: 24px 0;
}

@media (max-width: 767px) {
  .page.-home-v5 .stories .items .item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-home-v5 .stories .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 16px 0;
}

@media (max-width: 767px) {
  .page.-home-v5 .stories .items .item h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-home-v5 .stories .items .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 1279px) {
  .page.-home-v5 .stories .items .item__review-author {
    margin-bottom: 40px;
  }
}

.page.-home-v5 .stories .items .item__review-author-picture img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.page.-home-v5 .stories .items .item__review-author-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.page.-home-v5 .stories .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.page.-home-v5 .stories .items-2 .item:nth-child(1) {
  color: #fff;
  background: linear-gradient(119deg, #3419a0 0.04%, #681087 100.04%);
}

.page.-home-v5 .stories .items-2 .item:nth-child(2) {
  background: #ffc5c5;
}

.page.-home-v5 .stories .items-2 .item:nth-child(3) {
  background: #e4e8ff;
}

.page.-home-v5 .stories .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.page.-home-v5 .stories .owl-nav .owl-next,
.page.-home-v5 .stories .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-home-v5 .stories .owl-nav .owl-next:hover,
.page.-home-v5 .stories .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-home-v5 .stories .owl-nav .owl-prev {
  transform: rotate(180deg);
}

.no-webp .page.-home-v5 .how-we-build__cover {
  background-image: url(../../assets/images/home-v5/how-we-build-bg@2x.jpg);
}

.page.-about-us-v4 {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}

.page.-about-us-v4 .middle {
  padding: 0;
}

.page.-about-us-v4 .title {
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.8px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0;
  }
}

.page.-about-us-v4 .about {
  background: url(../../assets/images/about-us-v4/bg-intro-about-us@2x.jpg)
    no-repeat top center;
  background-size: cover;
  padding-top: 64px;
}

.page.-about-us-v4 .about__content {
  padding: 138px 0;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .about__content {
    padding: 146px 0;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .about__content {
    padding: 40px 0;
  }
}

.page.-about-us-v4 .about__text {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .about__text {
    max-width: 634px;
  }
}

.page.-about-us-v4 .about__text h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: -0.96px;
  margin-bottom: 40px;
  text-align: center;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .about__text h1 {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .about__text h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}

.page.-about-us-v4 .about__text p {
  max-width: 884px;
  font-family: Inter, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.36px;
  text-align: center;
  margin: 0 auto 40px auto;
}

@media (max-width: 767px) {
  .page.-about-us-v4 .about__text p {
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
  }
}

.page.-about-us-v4 .about__text p .bold {
  font-weight: 700;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .about__text p br {
    display: none;
  }
}

.page.-about-us-v4 .about__text .action-btn {
  min-width: 140px;
  text-align: left;
}

.page.-about-us-v4 .our-services {
  background: #f3e9e9;
  color: #131426;
}

.page.-about-us-v4 .our-services .title {
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-services .title {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-services .title {
    margin-bottom: 40px;
  }
}

.page.-about-us-v4 .our-services .content {
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-services .content {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-services .content {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-services .actions-wrap .action-btn {
    flex: 1;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-services .actions-wrap .action-btn::after {
    left: calc(50% + 20px);
  }
}

.page.-about-us-v4 .our-values {
  padding: 120px 0;
  color: #fff;
  overflow: hidden;
  background: url(../../assets/images/home-v4/our-values-bg@2x.jpg) no-repeat
    top center;
  background-size: cover;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values {
    padding: 64px 0;
  }
}

.page.-about-us-v4 .our-values .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .title {
    text-align: left;
  }
}

.page.-about-us-v4 .our-values .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
  margin-bottom: 120px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .items {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .items {
    margin-bottom: 64px;
  }
}

.page.-about-us-v4 .our-values .items .item {
  flex: 0 0 33.333%;
  padding: 8px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .items .item {
    flex: 0 0 100%;
  }
}

.page.-about-us-v4 .our-values .items .item__content {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  padding: 48px;
  height: 100%;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .items .item__content {
    padding: 32px 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .items .item__content {
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
}

.page.-about-us-v4 .our-values .items .item__art {
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .items .item__art {
    margin-bottom: 0;
  }
}

.page.-about-us-v4 .our-values .items .item h5 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-about-us-v4 .our-values .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-about-us-v4 .our-values .our-clients {
  margin-bottom: 120px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .our-clients {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .our-clients {
    margin-bottom: 64px;
  }
}

.page.-about-us-v4 .our-values .our-clients h3 {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .our-clients h3 {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .our-clients h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
}

.page.-about-us-v4 .our-values .our-clients .clients-featured-list {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .our-clients .clients-featured-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .page.-about-us-v4
    .our-values
    .our-clients
    .clients-featured-list::-webkit-scrollbar {
    display: none;
  }
}

.page.-about-us-v4 .our-values .our-clients .clients-featured-list .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  flex: 1;
}

.page.-about-us-v4 .our-values .our-clients .clients-featured-list .item.row-1 {
  flex: 1 1 20%;
}

.page.-about-us-v4 .our-values .our-clients .clients-featured-list .item.row-2 {
  flex: 1 1 25%;
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .our-clients .clients-featured-list .item {
    flex: 0 0 140px !important;
    width: 140px !important;
  }
}

.page.-about-us-v4 .our-values .our-clients .clients-featured-list .item img {
  display: block;
  max-width: 100%;
  height: 64px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .our-values .our-clients .clients-featured-list .item img {
    height: auto;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .our-values .our-clients .clients-featured-list .item img {
    width: 160px;
  }
}

@media (min-width: 1280px) {
  .page.-about-us-v4 .our-values .history {
    max-width: 1299px;
  }
}

.page.-about-us-v4 .our-values .history .heading {
  display: flex;
  justify-content: space-between;
}

.page.-about-us-v4 .our-values .history .heading .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 44px;
}

.page.-about-us-v4 .our-values .history .heading .nav .nav-link.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.page.-about-us-v4 .our-values .history .heading .nav svg {
  width: 40px;
  height: 40px;
}

.page.-about-us-v4 .our-values .history .heading .nav .next {
  margin-left: 8px;
}

.page.-about-us-v4 .our-values .history .slider {
  display: flex;
}

.page.-about-us-v4 .our-values .history .slider .owl-stage {
  display: flex;
}

.page.-about-us-v4 .our-values .history .slider .owl-stage-outer {
  overflow: visible;
}

.page.-about-us-v4 .our-values .history .slider .owl-item {
  display: flex;
}

.page.-about-us-v4 .our-values .history .slider .active .item {
  opacity: 1;
}

.page.-about-us-v4 .our-values .history .slider .item {
  margin: 0;
  border-radius: 12px;
  min-height: 232px;
  opacity: 0.4;
  width: 100%;
  padding: 1px;
  background: #23182c;
}

.page.-about-us-v4 .our-values .history .slider .item__content {
  padding: 32px 24px;
  background: #23182c;
  height: 100%;
  border-radius: 12px;
}

.page.-about-us-v4 .our-values .history .slider .item .year {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 16px;
}

.page.-about-us-v4 .our-values .history .slider .item .text {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.page.-about-us-v4 .our-values .history .slider .item:hover {
  background: linear-gradient(95deg, #9935e8 0, #e85535 100%);
}

.page.-about-us-v4 .our-values .history .slider .item:hover .year {
  background: linear-gradient(95deg, #9935e8 0, #e85535 30%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page.-about-us-v4 .exec-team {
  padding: 120px 0;
  background: url(../../assets/images/about-us-v4/exec-team-bg@2x.jpg) no-repeat
    center top;
  background-size: cover;
  color: #fff;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .exec-team {
    padding: 40px 0;
  }
}

.page.-about-us-v4 .exec-team .title {
  margin-bottom: 64px;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-about-us-v4 .exec-team .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .exec-team .wrap-v4 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.page.-about-us-v4 .exec-team .members {
  display: flex;
  max-width: 940px;
  margin: 0 auto;
  width: 100%;
  align-items: stretch;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .members {
    gap: 66px;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .page.-about-us-v4 .exec-team .members::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .members-wrap {
    margin-left: -40px;
    margin-right: -40px;
  }
}

.page.-about-us-v4 .exec-team .member {
  position: relative;
  flex: 1 1 25%;
  max-width: 169px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .member {
    min-width: 169px;
  }
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .member:first-child {
    margin-left: 40px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .exec-team .member:first-child {
    margin-left: 24px;
  }
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .member:last-child {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .page.-about-us-v4 .exec-team .member:last-child {
    margin-right: 24px;
  }
}

.page.-about-us-v4 .exec-team .member-card {
  min-height: 276px;
}

.page.-about-us-v4 .exec-team .member-avatar {
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 24px;
}

.page.-about-us-v4 .exec-team .member-avatar img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.page.-about-us-v4 .exec-team .member-name {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 4px;
}

.page.-about-us-v4 .exec-team .member-role {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.page.-about-us-v4 .exec-team .member-desc {
  display: block;
  position: absolute;
  top: 12px;
  left: -48px;
  right: -48px;
  bottom: -12px;
  text-align: left;
  padding: 24px;
  border-radius: 12px;
  background: radial-gradient(
    145.3% 139.91% at 0 2.15%,
    #9935e8 0,
    #4e35e8 100%
  );
  cursor: default;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .member-desc {
    padding: 16px;
    left: -24px;
    right: -24px;
    bottom: -24px;
  }
}

.page.-about-us-v4 .exec-team .member-text {
  margin-top: 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .member-text {
    font-size: 13px;
    line-height: 18px;
  }
}

.page.-about-us-v4 .exec-team .member:hover .member-desc {
  top: -12px;
  opacity: 1;
}

@media (max-width: 1279px) {
  .page.-about-us-v4 .exec-team .member:hover .member-desc {
    top: 0;
    bottom: 0;
  }
}

.page.-about-us-v4 .incognic-blog {
  background: #fff;
}

.page.-about-us-v4 .subscribe-v4 {
  background: #fff;
}

/*!
 * our-services.scss
 * 
 *
 * 
 * 
 */

.page.-services .middle {
  padding-top: 0;
}

.page.-services .intercom-lightweight-app-launcher {
  bottom: 85px !important;
}

.page.-services .first {
  background: #131426 url(../../assets/images/our-services/first-bg.jpg)
    no-repeat top center;
  background-size: cover;
  padding: 144px 0 104px;
}

@media (max-width: 767px) {
  .page.-services .first {
    padding-bottom: 40px;
  }
}

.page.-services .first__text {
  max-width: 620px;
  margin: 0 auto 52px auto;
}

.page.-services .first__text .title {
  text-align: center;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 32px;
}

.page.-services .first__text p {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.page.-services .first .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 767px) {
  .page.-services .first .items {
    flex-direction: column;
  }
}

.page.-services .first .items .item {
  flex: 1;
  padding: 8px;
}

.page.-services .first .items .item__content {
  padding: 32px 40px;
  background: rgba(96, 98, 146, 0.6);
  border-radius: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page.-services .first .items .item__content:hover {
  background: rgba(96, 98, 146, 0.7);
}

.page.-services .first .items .item h3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}

.page.-services .first .items .item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 32px;
}

.page.-services .first .items .item a {
  margin-top: auto;
}

.page.-services .services-detailed {
  background: linear-gradient(
      360deg,
      #131426 66.93%,
      rgba(19, 20, 38, 0) 87.91%
    ),
    url(../../assets/images/our-services/services-detailed-bg.jpg) no-repeat top
      center/contain #131426;
  padding-top: 200px;
  padding-bottom: 94px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-services .services-detailed {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .page.-services .services-detailed {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.page.-services .services-detailed__content {
  margin: 0 auto;
  max-width: 490px;
  padding: 0 30px 64px 30px;
  text-align: center;
  color: #fff;
}

.page.-services .services-detailed__content .title {
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 32px;
}

.page.-services .services-detailed__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.page.-services .services-detailed__item {
  padding: 12px 15px 24px 15px;
  background: rgba(25, 26, 49, 0.6);
  border-radius: 16px;
}

.page.-services .services-detailed__item:not(:last-child) {
  margin-bottom: 16px;
}

@media (min-width: 1280px) {
  .page.-services .services-detailed__item {
    padding: 32px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-services .services-detailed__item {
    padding: 32px;
  }
}

@media (min-width: 768px) {
  .page.-services .services-detailed__item {
    display: flex;
    align-items: center;
  }
}

.page.-services .services-detailed__title {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .page.-services .services-detailed__title {
    font-size: 24px;
    line-height: 29px;
  }
}

@media (min-width: 1280px) {
  .page.-services .services-detailed__img {
    width: 164px;
    margin-right: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-services .services-detailed__img {
    width: 156px;
    margin-right: 24px;
  }
}

@media (max-width: 767px) {
  .page.-services .services-detailed__img {
    width: 124px;
    margin: 0 auto 24px auto;
  }
}

.page.-services .services-detailed__img img {
  display: block;
  width: 100%;
}

.page.-services .services-detailed__img > a {
  display: block;
  position: relative;
}

.page.-services .services-detailed__img > a:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}

.page.-services .services-detailed__text {
  font-size: 16px;
  line-height: 24px;
  color: #bcbdd4;
  font-family: Roboto, sans-serif;
}

@media (min-width: 1280px) {
  .page.-services .services-detailed__text {
    width: calc(100% - 196px);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-services .services-detailed__text {
    width: calc(100% - 188px);
  }
}

@media (min-width: 768px) {
  .page.-services .services-detailed__text {
    font-size: 14px;
    line-height: 22px;
  }
}

.page.-services .services-detailed__text h3 {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .page.-services .services-detailed__text h3 {
    font-size: 16px;
    line-height: 24px;
  }
}

.page.-services .services-detailed__spec {
  margin: 16px 0 24px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page.-services .services-detailed__spec .item {
  color: #fff;
  margin: 8px 8px 0 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 24px;
  font-family: Roboto, sans-serif;
}

.page.-services .services-detailed .button {
  padding: 0 24px;
  margin-right: 6px;
}

.page.-services .team-augmentation {
  background: linear-gradient(
      360deg,
      #131426 66.93%,
      rgba(19, 20, 38, 0) 87.91%
    ),
    url(../../assets/images/our-services/team-augmentation-bg.jpg) no-repeat top
      center/contain #131426;
  padding: 200px 0 70px;
}

@media (max-width: 767px) {
  .page.-services .team-augmentation {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.page.-services .team-augmentation__content {
  margin: 0 auto;
  max-width: 619px;
  padding: 0 30px 64px 30px;
  text-align: center;
  color: #fff;
}

.page.-services .team-augmentation__content .title {
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 32px;
}

.page.-services .team-augmentation__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.page.-services .team-augmentation .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
}

@media (max-width: 1279px) {
  .page.-services .team-augmentation .items {
    justify-content: center;
  }
}

.page.-services .team-augmentation .items .item {
  flex: 1 1 33.333%;
  max-width: 33.333%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-services .team-augmentation .items .item {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .page.-services .team-augmentation .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-services .team-augmentation .items .item__content {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  border-radius: 12px;
  height: 100%;
  transition: background-color 0.3s ease;
}

.page.-services .team-augmentation .items .item__content:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

.page.-services .team-augmentation .items .item__content .top {
  flex: 1;
  margin-bottom: 24px;
}

.page.-services .team-augmentation .items .item .heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}

.page.-services .team-augmentation .items .item .heading .avatar {
  margin-right: 16px;
}

.page.-services .team-augmentation .items .item .heading .avatar img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.page.-services .team-augmentation .items .item .heading .title {
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
}

.page.-services .team-augmentation .items .item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
  margin-bottom: 16px;
}

.page.-services .team-augmentation .items .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f8b000;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  font-weight: 800;
  font-size: 14px;
  line-height: 22px;
  font-family: Gilroy, sans-serif;
  transition: all 0.5s ease;
}

.page.-services .team-augmentation .items .item a:hover {
  background-color: #f8b000;
}

.page.-services .team-augmentation .items .item .badges {
  margin-right: -4px;
  margin-bottom: -4px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.page.-services .team-augmentation .items .item .badges .badge {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  margin-right: 4px;
  margin-bottom: 4px;
}

.page.-services .fixed-anchor {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  transform: translateY(73px);
  transition: transform 0.3s ease;
}

.page.-services .fixed-anchor.-open {
  transform: translateY(0);
}

.page.-services .fixed-anchor__content {
  background: #292b48;
  padding: 16px 24px;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .page.-services .fixed-anchor__content {
    padding: 16px;
  }
}

.page.-services .fixed-anchor__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .page.-services .fixed-anchor__content h3 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .page.-services .fixed-anchor__content .btn {
    font-size: 13px;
  }
}

.page.-services .fixed-anchor.full-project-anchor .-icon-end {
  transform: scaleY(-1);
}

/*!
 * resources.scss
 * 
 *
 * 
 * 
 */

.page.-resources .middle {
  background: url(../../assets/images/resources/list-bg.png) no-repeat 0
      center/cover,
    #131426;
}

.page.-resources * {
  font-family: Gilroy, sans-serif;
}

.page.-resources .back a {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 80px;
}

.page.-resources .back a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.page.-resources .wrapper {
  padding: 60px 0 110px 0;
}

@media (max-width: 1279px) {
  .page.-resources .wrapper {
    padding: 60px 0 64px 0;
  }
}

.page.-resources .container {
  max-width: 1140px;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-resources .container {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .page.-resources .container {
    padding: 0 15px;
  }
}

.page.-resources h1.title {
  font-weight: 800;
  font-size: 40px;
  line-height: 52px;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-resources h1.title {
    font-size: 28px;
    line-height: 32px;
  }
}

.page.-resources .subtitle h3 {
  margin: 40px 0 32px 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.page.-resources .subtitle .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -12px -8px;
}

.page.-resources .subtitle .items .item {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  margin: 12px 8px 12px 8px;
  max-width: 562px;
  padding: 16px 24px 16px 24px;
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-resources .subtitle .items .item {
    max-width: 708px;
  }
}

.page.-resources .subtitle .items .item:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-resources .subtitle .items .item .left {
    display: none;
  }
}

.page.-resources .subtitle .items .item .left img {
  margin-right: 16px;
}

.page.-resources .subtitle .items .item .right h4 {
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}

.page.-resources .subtitle .items .item .right p {
  font-size: 14px;
  line-height: 22px;
  font-family: Roboto, sans-serif;
  color: #b1b2c1;
  margin-bottom: 8px;
}

.page.-resources .subtitle .items .item .right a {
  font-size: 14px;
  line-height: 22px;
  color: #f8b000;
  font-family: Roboto, sans-serif;
  display: block;
  cursor: pointer;
}

.page.-resources .subtitle .items .item .right a:not(:last-child) {
  margin-bottom: 8px;
}

.page.-resources.-download .middle {
  background: url(../../assets/images/resources/download-bg.png) no-repeat 0
      center/cover,
    #131426;
}

.page.-resources.-download .wrapper {
  padding: 100px 0 98px 0;
  background: 0 0;
}

@media (max-width: 1279px) {
  .page.-resources.-download .wrapper {
    padding: 80px 0 44px 0;
  }
}

.page.-resources.-download .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-resources.-download .container {
    flex-direction: column;
  }
}

.page.-resources.-download .left__body {
  max-width: 618px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

@media (max-width: 1279px) {
  .page.-resources.-download .left__body {
    flex-direction: column;
    text-align: center;
    margin: 0 auto 80px auto;
  }
}

@media (max-width: 767px) {
  .page.-resources.-download .left__body {
    margin: 0 auto 40px auto;
  }
}

.page.-resources.-download .left__icon {
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .page.-resources.-download .left__icon {
    margin-right: 0;
  }
}

@media (max-width: 1279px) {
  .page.-resources.-download .left__icon {
    margin-bottom: 24px;
  }
}

.page.-resources.-download .left__content h3 {
  font-size: 24px;
  margin-bottom: 24px;
  line-height: 32px;
}

.page.-resources.-download .left__content p {
  font-size: 14px;
  margin-bottom: 24px;
  line-height: 22px;
  font-family: Roboto, sans-serif;
}

.page.-resources.-download .left__download {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #f8b000;
}

.page.-resources.-download .form {
  border-radius: 8px;
  padding: 32px 40px;
  background: linear-gradient(
    138.24deg,
    #262949 2.53%,
    rgba(31, 33, 60, 0.9) 97.47%
  );
  width: 392px;
}

@media (max-width: 1279px) {
  .page.-resources.-download .form {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .page.-resources.-download .form {
    width: 100%;
  }
}

.page.-resources.-download .form__col,
.page.-resources.-download .form__section {
  width: 100%;
}

.page.-resources.-download .form__col .error,
.page.-resources.-download .form__section .error {
  text-align: left;
}

.page.-resources.-download .form__label {
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
  font-family: Roboto, sans-serif;
  text-align: left;
}

.page.-resources.-download .form__field {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: Roboto, sans-serif;
}

.page.-resources.-download .form__button {
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}

.page.-resources.-download .form__button button {
  width: 100%;
  border-radius: 4px;
}

.page.-resources.-download .form__button span {
  padding-right: 0;
}

.page.-resources.-download .form__sign {
  margin-top: 25px;
}

.page.-resources.-download .form__sign span {
  font-family: Roboto, sans-serif;
  color: #5a5c77;
}

.page.-resources.-downloaded .wrapper {
  padding: 80px 0 90px 0;
}

@media (min-width: 1280px) {
  .page.-resources.-downloaded .wrapper {
    min-height: 700px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1279px) {
  .page.-resources.-downloaded .wrapper {
    padding: 80px 0 60px 0;
  }
}

.page.-resources.-downloaded .container {
  max-width: 530px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-resources.-downloaded .container {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .page.-resources.-downloaded .container {
    padding: 0 15px;
  }
}

.page.-resources.-downloaded img.file {
  margin-bottom: 45px;
}

.page.-resources.-downloaded .desc {
  margin-bottom: 32px;
}

.page.-resources.-downloaded .desc h3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 8px;
}

.page.-resources.-downloaded button {
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  max-width: 312px;
  border-radius: 4px;
}

.page.-resources.-downloaded button span {
  padding-right: 0;
}

@media (max-width: 767px) {
  .page.-resources.-downloaded button {
    max-width: 100%;
  }
}

/*!
 * our-services.scss
 * 
 *
 * 
 * 
 */

.page.-solutions {
  background: #131426 url(../../assets/images/our-solutions/first-bg.jpg)
    no-repeat top center;
  background-size: contain;
}

.page.-solutions .middle {
  padding-top: 0;
}

.page.-solutions .first {
  padding: 144px 0 54px;
}

@media (max-width: 767px) {
  .page.-solutions .first {
    padding-bottom: 54px;
  }
}

.page.-solutions .first__text {
  max-width: 620px;
  margin: 0 auto;
}

.page.-solutions .first__text .title {
  text-align: center;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 32px;
}

.page.-solutions .first__text p {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.page.-solutions .services-detailed {
  padding-bottom: 64px;
}

.page.-solutions .services-detailed__content {
  margin: 0 auto;
  max-width: 490px;
  padding: 0 30px 64px 30px;
  text-align: center;
  color: #fff;
}

.page.-solutions .services-detailed__content .title {
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 32px;
}

.page.-solutions .services-detailed__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.page.-solutions .services-detailed__item {
  padding: 12px 15px 24px 15px;
  background: rgba(25, 26, 49, 0.6);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 16px;
}

.page.-solutions .services-detailed__item:not(:last-child) {
  margin-bottom: 16px;
}

@media (min-width: 1280px) {
  .page.-solutions .services-detailed__item {
    padding: 32px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-solutions .services-detailed__item {
    padding: 32px;
  }
}

@media (min-width: 768px) {
  .page.-solutions .services-detailed__item {
    display: flex;
    align-items: center;
  }
}

.page.-solutions .services-detailed__title {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .page.-solutions .services-detailed__title {
    font-size: 24px;
    line-height: 29px;
  }
}

@media (min-width: 1280px) {
  .page.-solutions .services-detailed__img {
    width: 164px;
    margin-right: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-solutions .services-detailed__img {
    width: 156px;
    margin-right: 24px;
  }
}

@media (max-width: 767px) {
  .page.-solutions .services-detailed__img {
    width: 124px;
    margin: 0 auto 24px auto;
  }
}

.page.-solutions .services-detailed__img img {
  display: block;
  width: 100%;
}

.page.-solutions .services-detailed__img > a {
  display: block;
  position: relative;
}

.page.-solutions .services-detailed__img > a:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}

.page.-solutions .services-detailed__text {
  font-size: 16px;
  line-height: 24px;
  color: #bcbdd4;
  font-family: Roboto, sans-serif;
}

@media (min-width: 1280px) {
  .page.-solutions .services-detailed__text {
    width: calc(100% - 196px);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .page.-solutions .services-detailed__text {
    width: calc(100% - 188px);
  }
}

@media (min-width: 768px) {
  .page.-solutions .services-detailed__text {
    font-size: 14px;
    line-height: 22px;
  }
}

.page.-solutions .services-detailed__text h3 {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .page.-solutions .services-detailed__text h3 {
    font-size: 16px;
    line-height: 24px;
  }
}

.page.-solutions .services-detailed__text p {
  margin-bottom: 24px;
}

.page.-solutions .services-detailed .button {
  padding: 0 24px;
  margin-right: 6px;
}

/*!
 * service.scss
 * 
 *
 * 
 * 
 */

.page.-service {
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .page.-service .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service .back {
    left: 0;
  }
}

.page.-service .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service .container {
  max-width: 1160px;
  margin: 0 auto;
}

.page.-service .action {
  font-family: Roboto, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-service .action:hover {
  background: #2f4ded;
}

.page.-service .topDesc {
  min-height: 930px;
  background: url(../../assets/images/service/top-desc-bg.jpg) no-repeat top
    center;
  background-size: cover;
  position: relative;
  padding: 99px 0 0 0;
}

@media (min-width: 1280px) {
  .page.-service .topDesc {
    min-height: 1000px;
  }
}

@media (max-width: 1279px) {
  .page.-service .topDesc {
    min-height: 800px;
  }
}

@media (max-width: 767px) {
  .page.-service .topDesc {
    padding-bottom: 50px;
  }
}

.page.-service .topDesc .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .page.-service .topDesc .container {
    padding: 0 15px;
  }
}

.page.-service .topDesc::after {
  content: "";
  position: absolute;
  bottom: -117px;
  left: 0;
  right: 0;
  height: 700px;
  background: url(../../assets/images/service/top-desc-art@2x.png) no-repeat
    bottom center;
  background-size: contain;
}

@media (max-width: 1279px) {
  .page.-service .topDesc::after {
    bottom: -80px;
  }
}

.page.-service .topDesc__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 62px;
}

.page.-service .topDesc__tabs ul {
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  background: linear-gradient(
    180deg,
    rgba(14, 26, 56, 0.4) 0,
    rgba(14, 26, 56, 0.216) 100%
  );
  border-radius: 60px;
  padding: 4px;
}

.page.-service .topDesc__tabs ul a,
.page.-service .topDesc__tabs ul span {
  display: block;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
}

.page.-service .topDesc__tabs ul span {
  background: #fff;
  border-radius: 40px;
  color: #131426;
}

.page.-service .topDesc__tabs ul a {
  cursor: pointer;
}

.page.-service .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 48px;
  max-width: 900px;
  margin: 0 auto 24px auto;
  text-align: center;
}

@media (max-width: 1279px) {
  .page.-service .topDesc h1 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-service .topDesc h1 {
    font-size: 32px;
    line-height: 36px;
  }
}

.page.-service .topDesc p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 640px;
  margin: 0 auto 32px auto;
  text-align: center;
}

.page.-service .topDesc .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}

.page.-service .topDesc .actions .action {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  padding: 12px 24px;
  min-width: 124px;
  font-size: 16px;
  line-height: 24px;
}

.page.-service .topDesc .items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .page.-service .topDesc .items {
    flex-direction: column;
  }
}

.page.-service .topDesc .items .item {
  width: 213px;
  position: relative;
}

@media (max-width: 767px) {
  .page.-service .topDesc .items .item {
    margin-bottom: 8px;
  }
}

.page.-service .topDesc .items .item::after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.24);
}

@media (max-width: 767px) {
  .page.-service .topDesc .items .item::after {
    display: none;
  }
}

.page.-service .topDesc .items .item:last-child:after {
  display: none;
}

.page.-service .topDesc .items .item__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.page.-service .topDesc .items .item__content img {
  height: 32px;
  margin-right: 12px;
}

.page.-service .approaches {
  overflow: hidden;
  padding: 128px 0 64px;
  background: url(../../assets/images/service/service-approaches-bg.jpg)
    no-repeat top center;
  background-size: cover;
}

@media (max-width: 1279px) {
  .page.-service .approaches {
    padding: 80px 40px 64px 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .approaches {
    padding: 90px 15px;
  }
}

.page.-service .approaches .title {
  text-align: center;
  margin-bottom: 56px;
}

.page.-service .approaches .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px -12px 28px -12px;
}

@media (max-width: 1279px) {
  .page.-service .approaches .items {
    flex-wrap: wrap;
  }
}

.page.-service .approaches .items .item {
  flex: 1 1 50%;
  padding: 4px;
}

@media (max-width: 1279px) {
  .page.-service .approaches .items .item {
    flex: 1 1 50%;
    padding: 4px;
  }
}

@media (max-width: 767px) {
  .page.-service .approaches .items .item {
    flex: 1 1 100%;
  }
}

.page.-service .approaches .items .item__content {
  background: #1a1b31;
  border-radius: 12px;
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-service .approaches .items .item__content:hover {
  background: rgba(26, 27, 49, 0.2);
}

@media (max-width: 1279px) {
  .page.-service .approaches .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service .approaches .items .item__content {
    padding: 32px 24px;
    text-align: center;
    align-items: center;
  }
}

.page.-service .approaches .items .item__content img {
  width: 100px;
  margin-right: 32px;
}

@media (max-width: 1279px) {
  .page.-service .approaches .items .item__content img {
    margin-right: 0;
    margin-bottom: 32px;
  }
}

.page.-service .approaches .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service .approaches .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}

.page.-service .approaches .items .item__content p span {
  color: #f8b000;
}

.page.-service .approaches .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service .approaches .actions .action {
  padding: 12px 24px;
  min-width: 124px;
}

.page.-service .flow {
  position: relative;
}

.page.-service .flow::before {
  content: "";
  position: absolute;
  top: -240px;
  left: 0;
  width: 606px;
  height: 955px;
  background: url(../../assets/images/service/flow-shape.png) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-service .flow::before {
    top: -105px;
    width: 300px;
    background-size: 100%;
  }
}

.page.-service .flow .content {
  background: url(../../assets/images/service/service-flow-bg.jpg) no-repeat top
    center;
  background-size: cover;
  padding-top: 80px;
}

@media (max-width: 1279px) {
  .page.-service .flow .content {
    background-size: auto;
  }
}

@media (max-width: 767px) {
  .page.-service .flow .content {
    padding-top: 124px;
    background-size: 100%;
  }
}

.page.-service .flow .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-service .flow .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .flow .container {
    padding: 0 15px;
  }
}

.page.-service .flow .title {
  margin-bottom: 16px;
}

.page.-service .flow .title + p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 600px;
}

.page.-service .flow .action {
  margin-bottom: 86px;
}

@media (max-width: 767px) {
  .page.-service .flow .action {
    width: 100%;
    margin-bottom: 46px;
  }
}

.page.-service .flow h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
}

.page.-service .flow .items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}

@media (max-width: 1279px) {
  .page.-service .flow .items {
    margin: 0;
  }
}

.page.-service .flow .items .item {
  flex: 1 1 50%;
  padding: 5px;
}

@media (max-width: 1279px) {
  .page.-service .flow .items .item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 12px;
  }
}

.page.-service .flow .items .item__content {
  background: rgba(19, 21, 39, 0.34);
  border-radius: 12px;
  padding: 24px 24px 32px;
  height: 100%;
}

.page.-service .flow .items .item__content:hover {
  background: rgba(19, 21, 39, 0.64);
}

@media (max-width: 767px) {
  .page.-service .flow .items .item__content {
    padding: 0 0 24px 0;
  }
}

.page.-service .flow .items .item__content .step {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #f8b000;
  margin-bottom: 12px;
}

.page.-service .flow .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service .flow .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service .discovery-stage {
  overflow: hidden;
}

.page.-service .discovery-stage .container {
  position: relative;
  min-height: 172px;
}

@media (max-width: 1279px) {
  .page.-service .discovery-stage .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .discovery-stage .container {
    padding: 0 15px;
  }
}

.page.-service .discovery-stage .content {
  position: relative;
}

@media (max-width: 767px) {
  .page.-service .discovery-stage .content {
    height: 230px;
    background-color: #522980;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: -3px;
  }
}

.page.-service .discovery-stage .content .title {
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-service .discovery-stage .content .title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.page.-service .discovery-stage .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 326px;
}

@media (max-width: 1279px) {
  .page.-service .discovery-stage .content p {
    margin-bottom: 8px;
  }
}

.page.-service .discovery-stage__desc {
  position: absolute;
  z-index: 1;
  left: 172px;
  bottom: 54px;
}

@media (max-width: 1279px) {
  .page.-service .discovery-stage__desc {
    left: 77px;
    bottom: 16px;
  }
}

@media (max-width: 767px) {
  .page.-service .discovery-stage__desc {
    left: 30px;
    bottom: 20px;
  }
}

.page.-service .discovery-stage__art {
  vertical-align: text-top;
  width: calc(100% + 100px);
  margin: 0 -50px;
}

@media (max-width: 767px) {
  .page.-service .discovery-stage__art {
    display: none;
  }
}

.page.-service .discovery-stage__content {
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #e2e5ff 0, #fff 100%);
  border-radius: 8px;
  padding: 32px 36px;
}

@media (max-width: 767px) {
  .page.-service .discovery-stage__content {
    padding: 32px 15px;
  }
}

.page.-service .discovery-stage .actions {
  border-top: 1px dashed #b1b2c1;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
  justify-content: center;
}

.page.-service .discovery-stage .actions .action {
  min-width: 142px;
}

.page.-service .discovery-stage .items {
  display: flex;
  flex-direction: row;
}

@media (max-width: 1279px) {
  .page.-service .discovery-stage .items {
    flex-direction: column;
  }
}

.page.-service .discovery-stage .items .item {
  flex: 1;
  padding: 0 12px;
}

@media (max-width: 1279px) {
  .page.-service .discovery-stage .items .item {
    flex: 1 1 100%;
  }
}

.page.-service .discovery-stage .items .item__content {
  height: 100%;
}

@media (max-width: 767px) {
  .page.-service .discovery-stage .items .item__content {
    border-radius: 0;
    padding: 0 0 12px;
    background: 0 0;
  }
}

.page.-service .discovery-stage .items .item__content .stage {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 44px;
  color: #afb5e2;
  margin-bottom: 12px;
}

.page.-service .discovery-stage .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #131426;
  margin-bottom: 12px;
}

.page.-service .discovery-stage .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #131426;
}

.page.-service .qa {
  padding: 36px 0 36px;
}

@media (max-width: 1279px) {
  .page.-service .qa {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .page.-service .qa {
    padding-bottom: 40px;
  }
}

@media (max-width: 1279px) {
  .page.-service .qa .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .qa .container {
    padding: 12px 0;
  }
}

.page.-service .qa .items {
  display: flex;
  flex-direction: row;
  margin: -8px;
}

@media (max-width: 1279px) {
  .page.-service .qa .items {
    flex-direction: column;
  }
}

.page.-service .qa .items .item {
  flex: 1 1 50%;
  padding: 8px;
}

.page.-service .qa .items .item__art {
  margin-right: 40px;
}

.page.-service .qa .items .item__art img {
  max-width: 96px;
}

.page.-service .qa .items .item__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 64px 120px;
  background: rgba(48, 68, 99, 0.3);
  border-radius: 12px;
  height: 100%;
}

@media (max-width: 1279px) {
  .page.-service .qa .items .item__content {
    padding: 75px 24px;
  }
}

@media (max-width: 767px) {
  .page.-service .qa .items .item__content {
    flex-direction: column;
    padding: 40px 24px;
    border-radius: 0;
  }
}

.page.-service .qa .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-service .qa .items .item__content h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

.page.-service .qa .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service .qa .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service .formats {
  overflow: hidden;
  background: url(../../assets/images/service/formats-bg.jpg) no-repeat top
    center;
  background-size: cover;
  padding-top: 44px;
  padding-bottom: 92px;
}

@media (max-width: 767px) {
  .page.-service .formats {
    background: 0 0;
    padding-bottom: 0;
  }
}

@media (max-width: 1279px) {
  .page.-service .formats .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .formats .container {
    padding: 0 15px;
  }
}

.page.-service .formats .title {
  text-align: center;
  margin-bottom: 48px;
}

.page.-service .formats .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 90px;
}

@media (max-width: 1279px) {
  .page.-service .formats .content {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service .formats .content {
    flex-direction: column;
  }
}

.page.-service .formats .content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service .formats .content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service .formats .content p a {
  color: #f8b000;
}

.page.-service .formats__art {
  width: 400px;
}

.page.-service .formats__art.left {
  margin-right: 64px;
}

.page.-service .formats__art.right {
  margin-left: 64px;
}

@media (max-width: 767px) {
  .page.-service .formats__art {
    order: -1;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service .formats__art img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service .formats .action {
    width: 100%;
  }
}

.page.-service .formats .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
  padding-top: 24px;
  padding-bottom: 92px;
}

@media (max-width: 1279px) {
  .page.-service .formats .items {
    margin: -6px;
  }
}

@media (max-width: 767px) {
  .page.-service .formats .items {
    flex-direction: column;
  }
}

.page.-service .formats .items .item {
  flex: 1 1 50%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service .formats .items .item {
    padding: 6px;
  }
}

.page.-service .formats .items .item__art {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service .formats .items .item__art {
    margin-bottom: 12px;
  }
}

.page.-service .formats .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service .formats .items .item__art img {
    display: inline-block;
  }
}

.page.-service .formats .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.page.-service .formats .items .item__content:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-service .formats .items .item__content {
    padding: 32px 16px;
    text-align: center;
  }
}

.page.-service .formats .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

.page.-service .formats .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service .formats .items .item__content p {
    max-width: 100%;
  }
}

.page.-service .formats .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service .formats .analytics {
  background: url(../../assets/images/service/analytics-bg.png) no-repeat top
    center;
  background-size: cover;
  height: 500px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service .formats .analytics {
    padding: 55px 40px;
    flex-direction: column;
    height: auto;
    max-height: 800px;
  }
}

@media (max-width: 767px) {
  .page.-service .formats .analytics {
    padding: 35px 15px;
    margin: 0 -15px;
    border-radius: 0;
    height: auto;
  }
}

.page.-service .formats .analytics .left {
  margin-left: 70px;
  max-width: 478px;
}

@media (max-width: 1279px) {
  .page.-service .formats .analytics .left {
    margin-left: 0;
    max-width: 100%;
  }
}

.page.-service .formats .analytics .left h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .page.-service .formats .analytics .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page.-service .formats .analytics .left p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .page.-service .formats .analytics .left .action {
    width: 100%;
  }
}

.page.-service .formats .analytics__art {
  position: absolute;
  bottom: -40px;
  right: -150px;
  max-width: 695px;
}

@media (max-width: 1279px) {
  .page.-service .formats .analytics__art {
    max-width: 100%;
    position: static;
    margin-top: 61px;
  }
}

@media (max-width: 767px) {
  .page.-service .formats .analytics__art {
    margin-top: 40px;
    min-height: 100px;
  }
}

.page.-service .formats .analytics__art img {
  max-width: 100%;
}

.page.-service .request-consultation {
  background: url(../../assets/images/service/request-consultation-bg.jpg)
    no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding: 52px 60px;
}

@media (max-width: 767px) {
  .page.-service .request-consultation {
    padding: 31px 15px;
  }
}

.page.-service .request-consultation a {
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  box-shadow: 0 0 68px rgba(47, 105, 238, 0.64);
  border-radius: 6px;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 52px;
  padding: 0 24px;
  height: 52px;
  text-align: center;
}

.page.-service .request-consultation a br {
  display: none;
}

@media (max-width: 767px) {
  .page.-service .request-consultation a br {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-service .request-consultation a {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    padding: 8px 24px;
  }
}

.page.-service .care .container {
  display: flex;
  min-height: 660px;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

@media (max-width: 1279px) {
  .page.-service .care .container {
    min-height: 480px;
  }
}

@media (max-width: 767px) {
  .page.-service .care .container {
    min-height: 472px;
  }
}

.page.-service .care .container::after {
  content: "";
  background: url(../../assets/images/service/care-art@2x.png) no-repeat right
    center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  width: 694px;
}

@media (max-width: 1279px) {
  .page.-service .care .container::after {
    background-size: 504px;
  }
}

@media (max-width: 767px) {
  .page.-service .care .container::after {
    background-size: 497px;
    opacity: 0.4;
  }
}

.page.-service .care__desc {
  max-width: 460px;
  margin-left: 93px;
}

@media (max-width: 1279px) {
  .page.-service .care__desc {
    margin-left: 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .care__desc {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.page.-service .care__desc .title {
  margin-bottom: 24px;
}

.page.-service .care__desc p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
  max-width: 450px;
}

@media (max-width: 767px) {
  .page.-service .care__desc .action {
    width: 100%;
  }
}

.page.-service .our-stack {
  background: url(../../assets/images/service/our-stack-bg.jpg) no-repeat top
    center;
  background-size: cover;
  min-height: 568px;
  padding: 240px 0 35px;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service .our-stack {
    display: none;
  }
}

.page.-service .our-stack .title {
  margin-bottom: 48px;
}

.page.-service .our-stack p {
  margin: 0 auto 48px auto;
  max-width: 518px;
}

.page.-service .our-stack .items {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}

.page.-service .our-stack .items .item {
  flex: 1;
}

.page.-service .our-stack .items .item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page.-service .our-stack .items .item img {
  margin-bottom: 10px;
}

.page.-service .our-stack .items .item span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.page.-service .app-types {
  padding: 64px 0 92px;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service .app-types {
    padding: 48px 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .app-types {
    padding: 48px 15px;
  }
}

.page.-service .app-types .title {
  margin-bottom: 56px;
}

.page.-service .app-types p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  max-width: 800px;
  margin: 0 auto 56px auto;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service .app-types p {
    margin-bottom: 32px;
  }
}

.page.-service .app-types .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -6px;
  justify-content: center;
}

@media (max-width: 767px) {
  .page.-service .app-types .items {
    flex-direction: column;
    margin: 0;
  }
}

.page.-service .app-types .items .item {
  padding: 6px;
  flex: 0 0 25%;
}

@media (max-width: 1279px) {
  .page.-service .app-types .items .item {
    flex: 0 0 33.33%;
  }
}

.page.-service .app-types .items .item__content {
  background: rgba(48, 68, 99, 0.2);
  border-radius: 12px;
  text-align: center;
  color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-service .app-types .items .item__content:hover {
  background: rgba(48, 68, 99, 0.4);
}

.page.-service .app-types .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
}

.page.-service .app-types .items .item__content img {
  margin-right: 24px;
}

.page.-service .launch {
  padding: 58px 67px;
}

@media (max-width: 1279px) {
  .page.-service .launch {
    padding: 7px 40px 90px;
  }
}

@media (max-width: 767px) {
  .page.-service .launch {
    padding: 0;
  }
}

.page.-service .launch .container {
  background: url(../../assets/images/service/launch-bg.jpg) no-repeat center;
  background-size: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  position: relative;
}

@media (max-width: 1279px) {
  .page.-service .launch .container {
    height: auto;
  }
}

@media (max-width: 767px) {
  .page.-service .launch .container {
    background: url(../../assets/images/service/launch-m-bg.jpg) no-repeat
      center;
    background-size: cover;
    border-radius: 0;
    border: 0;
  }
}

.page.-service .launch .container::after {
  z-index: 1;
  content: "";
  background: url(../../assets/images/service/launch-art.png) no-repeat center;
  width: 459px;
  height: 427px;
  position: absolute;
  right: 59px;
  top: -58px;
}

@media (max-width: 1279px) {
  .page.-service .launch .container::after {
    width: 334px;
    height: 310px;
    background-size: 100%;
    right: -60px;
  }
}

@media (max-width: 767px) {
  .page.-service .launch .container::after {
    top: 0;
    right: -15px;
    opacity: 0.4;
    z-index: 0;
  }
}

.page.-service .launch__desc {
  padding: 56px 102px 55px;
}

@media (max-width: 1279px) {
  .page.-service .launch__desc {
    padding: 40px 50px 40px 52px;
  }
}

@media (max-width: 767px) {
  .page.-service .launch__desc {
    padding: 94px 20px 39px 20px;
  }
}

.page.-service .launch h2 {
  margin-bottom: 16px;
}

.page.-service .launch p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  max-width: 526px;
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-service .launch p {
    max-width: 393px;
  }
}

@media (max-width: 767px) {
  .page.-service .launch p {
    position: relative;
    z-index: 2;
  }
}

.page.-service .launch .action {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service .launch .action {
    width: 100%;
  }
}

.page.-service .launch .items {
  display: flex;
  flex-direction: row;
  margin: -12px;
}

@media (max-width: 1279px) {
  .page.-service .launch .items {
    flex-direction: column;
    margin: 0;
  }
}

.page.-service .launch .items .item {
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service .launch .items .item {
    padding: 0;
    margin-bottom: 24px;
  }
  .page.-service .launch .items .item:last-child {
    margin-bottom: 0;
  }
}

.page.-service .launch .items .item__content {
  background: rgba(248, 251, 255, 0.04);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  padding: 24px 24px 32px;
  height: 100%;
}

@media (max-width: 767px) {
  .page.-service .launch .items .item__content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

.page.-service .launch .items .item__art {
  width: 80px;
  margin-right: 24px;
}

.page.-service .launch .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service .launch .items .item__art {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service .launch .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service .launch .items .item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
  margin-bottom: 0;
}

.page.-service .faq {
  padding: 80px 0 120px;
}

@media (max-width: 1279px) {
  .page.-service .faq .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service .faq .container {
    padding: 0 15px;
  }
}

.page.-service .faq .title {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service .faq {
    padding: 40px 0;
  }
}

.page.-service .faq .accordion {
  max-width: 800px;
  margin: 0 auto;
}

.page.-service .faq .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service .faq .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service .faq .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  padding-right: 40px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-service .faq .accordion .item__title {
    font-size: 14px;
  }
}

.page.-service .faq .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service .faq .accordion .item__content a {
  color: #f8c100;
  text-decoration: underline;
}

.page.-service .faq .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service .faq .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service .faq .accordion .item__content ul {
  margin-bottom: 16px;
  padding-left: 16px;
}

.page.-service .faq .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    5px;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.-services-v4 {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}

.page.-services-v4 .middle {
  padding: 0;
}

.page.-services-v4 .first {
  background: url(../../assets/images/services-v4/first-bg@2x.jpg) no-repeat top
    center;
  background-size: cover;
  color: #131426;
  padding-top: 64px;
}

.page.-services-v4 .first__content {
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .page.-services-v4 .first__content {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .page.-services-v4 .first__content {
    padding: 40px 0;
  }
}

.page.-services-v4 .first__text {
  max-width: 992px;
  margin: 0 auto;
  text-align: center;
}

.page.-services-v4 .first__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.8px;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-services-v4 .first__text h1 {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 767px) {
  .page.-services-v4 .first__text h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
}

.page.-services-v4 .first__text p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 48px;
}

@media (max-width: 767px) {
  .page.-services-v4 .first__text p {
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
  }
}

.page.-services-v4 .subscribe-v4 {
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-services-v4 .subscribe-v4 {
    padding: 0 40px;
  }
}

@media (max-width: 1279px) {
  .page.-services-v4 .subscribe-v4 .inner {
    border-radius: 12px;
  }
}

.page.-our-solutions-v4 {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}

.page.-our-solutions-v4 .middle {
  padding: 0;
}

.page.-our-solutions-v4 .first {
  background: url(../../assets/images/our-solutions-v4/first-bg@2x.jpg)
    no-repeat top center;
  background-size: cover;
  padding-top: 56px;
  color: #131426;
}

.page.-our-solutions-v4 .first__content {
  padding: 100px 0;
}

@media (max-width: 1279px) {
  .page.-our-solutions-v4 .first__content {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first__content {
    padding: 40px 0;
  }
}

.page.-our-solutions-v4 .first__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 40px;
}

.page.-our-solutions-v4 .first__row .left {
  flex: 1;
  max-width: 652px;
}

.page.-our-solutions-v4 .first__row .right {
  flex: 1;
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first__row .right {
    display: none;
  }
}

.page.-our-solutions-v4 .first__art {
  text-align: center;
}

.page.-our-solutions-v4 .first__art img {
  max-width: 100%;
  width: 334px;
}

@media (max-width: 1279px) {
  .page.-our-solutions-v4 .first__art img {
    transform: scale(0.75);
  }
}

.page.-our-solutions-v4 .first__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.64px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first__text h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}

.page.-our-solutions-v4 .first__text p {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.36px;
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first__text p {
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}

.page.-our-solutions-v4 .first .items {
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.page.-our-solutions-v4 .first .items .item {
  padding: 8px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .page.-our-solutions-v4 .first .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-our-solutions-v4 .first .items .item__content {
  padding: 32px;
  background: #f6f6fb;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first .items .item__content {
    flex-direction: column;
    padding: 32px 24px;
  }
}

.page.-our-solutions-v4 .first .items .item .left {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  flex: 1;
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first .items .item .left {
    margin-right: 0;
  }
}

.page.-our-solutions-v4 .first .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

.page.-our-solutions-v4 .first .items .item .left h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}

.page.-our-solutions-v4 .first .items .item .right {
  width: 160px;
}

@media (max-width: 767px) {
  .page.-our-solutions-v4 .first .items .item .right {
    width: 120px;
    order: -1;
    margin-bottom: 16px;
  }
}

.page.-our-solutions-v4 .first .items .item .right > a {
  display: block;
}

.page.-our-solutions-v4 .first .items .item .right img {
  max-width: 100%;
}

/*!
 * _service-software.scss
 * 
 *
 * 
 * 
 */

@media (max-width: 1279px) {
  .page.-service-software .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .back {
    left: 0;
  }
}

.page.-service-software .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service-software .container {
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-service-software .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .container {
    padding: 0 15px;
  }
}

.page.-service-software .action {
  font-family: Roboto, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-service-software .action:hover {
  background: #2f4ded;
}

.page.-service-software .topDesc {
  background: url(../../assets/images/service/software/top-desc-bg.jpg)
    no-repeat top center;
  background-size: cover;
  min-height: 827px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

@media (max-width: 767px) {
  .page.-service-software .topDesc {
    min-height: auto;
    background-size: 800px;
    padding-top: 150px;
  }
}

.page.-service-software .topDesc .container {
  position: relative;
  z-index: 1;
}

.page.-service-software .topDesc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 295px;
  background: linear-gradient(180deg, rgba(19, 20, 38, 0) 0, #131426 100%);
}

.page.-service-software .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 72px;
  max-width: 826px;
  margin: 0 auto 32px auto;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-software .topDesc h1 {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-software .topDesc p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 826px;
  margin: 0 auto 40px auto;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-software .topDesc p {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-software .topDesc .actions {
  text-align: center;
}

.page.-service-software .topDesc .actions .action {
  min-width: 124px;
  height: 48px;
  line-height: 32px;
}

@media (max-width: 767px) {
  .page.-service-software .topDesc .actions .action {
    width: 100%;
  }
}

.page.-service-software .approaches {
  background: url(../../assets/images/service/software/approache-bg.png)
    no-repeat top center;
  background-size: cover;
  min-height: 944px;
  overflow: hidden;
  padding: 64px 0 92px;
}

.page.-service-software .approaches .title {
  text-align: center;
  margin-bottom: 56px;
}

.page.-service-software .approaches .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px -12px 28px -12px;
}

@media (max-width: 1279px) {
  .page.-service-software .approaches .items {
    flex-wrap: wrap;
  }
}

.page.-service-software .approaches .items .item {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 8px 6px;
}

@media (max-width: 1279px) {
  .page.-service-software .approaches .items .item {
    flex: 1 1 50%;
    padding: 8px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .approaches .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-service-software .approaches .items .item__content {
  background: rgba(156, 102, 138, 0.15);
  border-radius: 12px;
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-service-software .approaches .items .item__content:hover {
  background: rgba(156, 102, 138, 0.16);
}

@media (max-width: 1279px) {
  .page.-service-software .approaches .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-software .approaches .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-service-software .approaches .items .item__content img {
  width: 100px;
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .page.-service-software .approaches .items .item__content img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-software .approaches .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 16px;
}

.page.-service-software .approaches .items .item__content p {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-software .approaches .items .item__content p span {
  color: #f8b000;
}

.page.-service-software .approaches .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service-software .approaches .actions .action {
  padding: 12px 24px;
  min-width: 124px;
}

.page.-service-software .integrations {
  background: radial-gradient(
      95.57% 95.57% at 50% 82.61%,
      rgba(35, 0, 248, 0.3) 0,
      rgba(0, 0, 0, 0) 100%
    ),
    #a65b5b;
  padding: 64px 0 92px;
}

.page.-service-software .integrations .title {
  text-align: center;
  margin-bottom: 24px;
}

.page.-service-software .integrations .title + p {
  text-align: center;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 56px;
}

.page.-service-software .integrations .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: -6px;
}

@media (max-width: 1279px) {
  .page.-service-software .integrations .items {
    flex-wrap: wrap;
  }
}

.page.-service-software .integrations .items .item {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  padding: 6px;
}

@media (max-width: 1279px) {
  .page.-service-software .integrations .items .item {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .page.-service-software .integrations .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-service-software .integrations .items .item__content {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #131426;
}

.page.-service-software .integrations .items .item__content:hover {
  background: rgba(255, 255, 255, 0.6);
}

@media (max-width: 1279px) {
  .page.-service-software .integrations .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-software .integrations .items .item__content {
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-service-software .integrations .items .item__content img {
  width: 100px;
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .page.-service-software .integrations .items .item__content img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-software .integrations .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}

.page.-service-software .integrations .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.page.-service-software .integrations .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service-software .integrations .actions .action {
  padding: 12px 24px;
  min-width: 124px;
}

.page.-service-software .flow {
  position: relative;
}

.page.-service-software .flow::before {
  content: "";
  position: absolute;
  top: -240px;
  left: 0;
  width: 606px;
  height: 955px;
  background: url(../../assets/images/service/flow-shape.png) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-service-software .flow::before {
    top: -105px;
    width: 300px;
    background-size: 100%;
  }
}

.page.-service-software .flow .content {
  background: url(../../assets/images/service/service-flow-bg.jpg) no-repeat top
    center;
  background-size: cover;
  padding-top: 80px;
}

@media (max-width: 1279px) {
  .page.-service-software .flow .content {
    background-size: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-software .flow .content {
    padding-top: 124px;
    background-size: 100%;
  }
}

.page.-service-software .flow .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-service-software .flow .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .flow .container {
    padding: 0 15px;
  }
}

.page.-service-software .flow .title {
  margin-bottom: 16px;
}

.page.-service-software .flow .title + p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 477px;
  letter-spacing: 0.012em;
}

.page.-service-software .flow .action {
  margin-bottom: 58px;
}

@media (max-width: 767px) {
  .page.-service-software .flow .action {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page.-service-software .flow .items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}

@media (max-width: 1279px) {
  .page.-service-software .flow .items {
    margin: 0;
  }
}

.page.-service-software .flow .items .item {
  flex: 1 1 50%;
  padding: 5px;
}

@media (max-width: 1279px) {
  .page.-service-software .flow .items .item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 12px;
  }
}

.page.-service-software .flow .items .item__content {
  background: rgba(81, 87, 149, 0.34);
  border-radius: 12px;
  padding: 24px 24px 32px;
  height: 100%;
}

.page.-service-software .flow .items .item__content:hover {
  background: rgba(81, 87, 149, 0.64);
}

.page.-service-software .flow .items .item__content .step {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #f8b000;
  margin-bottom: 12px;
}

.page.-service-software .flow .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service-software .flow .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-software .discovery-stage .container {
  position: relative;
  min-height: 172px;
}

@media (max-width: 767px) {
  .page.-service-software .discovery-stage .container {
    padding: 0;
  }
}

.page.-service-software .discovery-stage .content {
  position: relative;
}

.page.-service-software .discovery-stage .content .title {
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-service-software .discovery-stage .content .title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.page.-service-software .discovery-stage .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 326px;
}

@media (max-width: 1279px) {
  .page.-service-software .discovery-stage .content p {
    margin-bottom: 8px;
  }
}

.page.-service-software .discovery-stage__desc {
  position: absolute;
  z-index: 1;
  left: 172px;
  bottom: 54px;
}

@media (max-width: 1279px) {
  .page.-service-software .discovery-stage__desc {
    left: 77px;
    bottom: 16px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .discovery-stage__desc {
    position: absolute;
    top: 29px;
    left: 15px;
    right: 15px;
    bottom: auto;
  }
}

.page.-service-software .discovery-stage__art {
  vertical-align: text-top;
  width: calc(100% + 100px);
  margin: 0 -50px;
}

@media (max-width: 767px) {
  .page.-service-software .discovery-stage__art {
    width: 100%;
    margin: 0;
  }
}

.page.-service-software .discovery-stage__content {
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #e2e5ff 0, #fff 100%);
  border-radius: 8px;
  padding: 32px 36px;
}

.page.-service-software .discovery-stage .actions {
  border-top: 1px dashed #b1b2c1;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
  justify-content: center;
}

.page.-service-software .discovery-stage .actions .action {
  min-width: 142px;
}

.page.-service-software .discovery-stage .items {
  display: flex;
  flex-direction: row;
}

@media (max-width: 1279px) {
  .page.-service-software .discovery-stage .items {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-software .discovery-stage .items {
    border-radius: 0;
  }
}

.page.-service-software .discovery-stage .items .item {
  flex: 1;
  padding: 0 12px;
}

@media (max-width: 1279px) {
  .page.-service-software .discovery-stage .items .item {
    flex: 1 1 100%;
  }
}

.page.-service-software .discovery-stage .items .item__content {
  height: 100%;
}

@media (max-width: 767px) {
  .page.-service-software .discovery-stage .items .item__content {
    border-radius: 0;
    padding: 0 0 12px;
    background: 0 0;
  }
}

.page.-service-software .discovery-stage .items .item__content .stage {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 44px;
  color: #afb5e2;
  margin-bottom: 12px;
}

.page.-service-software .discovery-stage .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #131426;
  margin-bottom: 12px;
}

.page.-service-software .discovery-stage .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #131426;
}

.page.-service-software .qa {
  padding: 36px 0 36px;
}

@media (max-width: 767px) {
  .page.-service-software .qa {
    padding-top: 12px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .qa .container {
    padding: 0;
  }
}

.page.-service-software .qa .items {
  display: flex;
  flex-direction: row;
  margin: -8px;
}

@media (max-width: 1279px) {
  .page.-service-software .qa .items {
    flex-direction: column;
  }
}

.page.-service-software .qa .items .item {
  flex: 1 1 50%;
  padding: 8px;
}

.page.-service-software .qa .items .item__art {
  margin-right: 40px;
}

.page.-service-software .qa .items .item__art img {
  max-width: 96px;
}

@media (max-width: 767px) {
  .page.-service-software .qa .items .item__art {
    display: none;
  }
}

.page.-service-software .qa .items .item__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 64px 120px;
  background: rgba(48, 68, 99, 0.4);
  border-radius: 12px;
  height: 100%;
}

@media (max-width: 1279px) {
  .page.-service-software .qa .items .item__content {
    padding: 75px 24px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .qa .items .item__content {
    padding: 40px 24px;
    border-radius: 0;
  }
}

.page.-service-software .qa .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-service-software .qa .items .item__content h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

.page.-service-software .qa .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-software .qa .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service-software .formats {
  overflow: hidden;
  background: url(../../assets/images/service/formats-bg.jpg) no-repeat top
    center;
  background-size: cover;
  padding-top: 44px;
  padding-bottom: 92px;
}

@media (max-width: 767px) {
  .page.-service-software .formats {
    background: 0 0;
  }
}

@media (max-width: 1279px) {
  .page.-service-software .formats .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats .container {
    padding: 0 15px;
  }
}

.page.-service-software .formats .title {
  text-align: center;
  margin-bottom: 48px;
}

.page.-service-software .formats .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 90px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats .content {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats .content {
    flex-direction: column;
  }
}

.page.-service-software .formats .content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-software .formats .content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-software .formats .content p a {
  color: #f8b000;
}

.page.-service-software .formats__art {
  width: 400px;
}

.page.-service-software .formats__art.left {
  margin-right: 64px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats__art.left {
    margin-right: 32px;
  }
}

.page.-service-software .formats__art.right {
  margin-left: 64px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats__art.right {
    margin-left: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats__art {
    order: -1;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats__art img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats .action {
    width: 100%;
  }
}

.page.-service-software .formats .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
  padding-top: 24px;
  padding-bottom: 92px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats .items {
    margin: -6px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats .items {
    flex-direction: column;
  }
}

.page.-service-software .formats .items .item {
  flex: 1 1 33.33%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats .items .item {
    padding: 6px;
  }
}

.page.-service-software .formats .items .item__art {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-software .formats .items .item__art {
    margin-bottom: 12px;
  }
}

.page.-service-software .formats .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service-software .formats .items .item__art img {
    display: inline-block;
  }
}

.page.-service-software .formats .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.page.-service-software .formats .items .item__content:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-service-software .formats .items .item__content {
    padding: 32px 16px;
    text-align: center;
  }
}

.page.-service-software .formats .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

.page.-service-software .formats .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service-software .formats .items .item__content p {
    max-width: 100%;
  }
}

.page.-service-software .formats .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service-software .formats .analytics {
  background: url(../../assets/images/service/analytics-bg.png) no-repeat top
    center;
  background-size: cover;
  height: 500px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-software .formats .analytics {
    min-height: 600px;
    padding: 55px 40px;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats .analytics {
    min-height: 700px;
    padding: 35px 15px;
    margin: 0 -15px;
    border-radius: 0;
  }
}

.page.-service-software .formats .analytics .left {
  margin-left: 70px;
  max-width: 478px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats .analytics .left {
    margin-left: 0;
    max-width: 100%;
  }
}

.page.-service-software .formats .analytics .left h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .page.-service-software .formats .analytics .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page.-service-software .formats .analytics .left p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .page.-service-software .formats .analytics .left .action {
    width: 100%;
  }
}

.page.-service-software .formats .analytics__art {
  position: absolute;
  bottom: -40px;
  right: -150px;
  max-width: 695px;
}

@media (max-width: 1279px) {
  .page.-service-software .formats .analytics__art {
    max-width: 100%;
    position: static;
    margin-top: 61px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .formats .analytics__art {
    margin-top: 40px;
  }
}

.page.-service-software .formats .analytics__art img {
  max-width: 100%;
}

.page.-service-software .request-consultation {
  background: url(../../assets/images/service/request-consultation-bg.jpg)
    no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding: 52px 60px;
}

@media (max-width: 767px) {
  .page.-service-software .request-consultation {
    padding: 31px 15px;
  }
}

.page.-service-software .request-consultation a {
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  box-shadow: 0 0 68px rgba(47, 105, 238, 0.64);
  border-radius: 6px;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 52px;
  padding: 0 24px;
  height: 52px;
  text-align: center;
}

.page.-service-software .request-consultation a br {
  display: none;
}

@media (max-width: 767px) {
  .page.-service-software .request-consultation a br {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-service-software .request-consultation a {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    padding: 8px 24px;
  }
}

.page.-service-software .care .container {
  display: flex;
  min-height: 660px;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

@media (max-width: 1279px) {
  .page.-service-software .care .container {
    min-height: 480px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .care .container {
    min-height: 472px;
  }
}

.page.-service-software .care .container::after {
  content: "";
  background: url(../../assets/images/service/care-art@2x.png) no-repeat right
    center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  width: 694px;
}

@media (max-width: 1279px) {
  .page.-service-software .care .container::after {
    background-size: 504px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .care .container::after {
    background-size: 497px;
    opacity: 0.4;
  }
}

.page.-service-software .care__desc {
  max-width: 460px;
  margin-left: 93px;
}

@media (max-width: 1279px) {
  .page.-service-software .care__desc {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .page.-service-software .care__desc {
    max-width: 410px;
    margin-left: 0;
  }
}

.page.-service-software .care__desc .title {
  margin-bottom: 24px;
}

.page.-service-software .care__desc p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
  max-width: 450px;
}

@media (max-width: 767px) {
  .page.-service-software .care__desc .action {
    width: 100%;
  }
}

.page.-service-software .our-stack {
  background: url(../../assets/images/service/our-stack-bg.jpg) no-repeat top
    center;
  background-size: cover;
  min-height: 568px;
  padding: 240px 0 35px;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-software .our-stack {
    display: none;
  }
}

.page.-service-software .our-stack .title {
  margin-bottom: 48px;
}

.page.-service-software .our-stack p {
  margin: 0 auto 48px auto;
  max-width: 518px;
}

.page.-service-software .our-stack .items {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}

.page.-service-software .our-stack .items .item {
  flex: 1;
}

.page.-service-software .our-stack .items .item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page.-service-software .our-stack .items .item img {
  margin-bottom: 10px;
}

.page.-service-software .our-stack .items .item span {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.page.-service-software .app-types {
  padding: 64px 0 92px;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-software .app-types {
    padding: 48px 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .app-types {
    padding: 48px 15px;
  }
}

.page.-service-software .app-types .title {
  margin-bottom: 56px;
}

.page.-service-software .app-types p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  max-width: 800px;
  margin: 0 auto 56px auto;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service-software .app-types p {
    margin-bottom: 32px;
  }
}

.page.-service-software .app-types .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -6px;
  justify-content: center;
}

@media (max-width: 767px) {
  .page.-service-software .app-types .items {
    flex-direction: column;
    margin: 0;
  }
}

.page.-service-software .app-types .items .item {
  padding: 6px;
  flex: 0 0 25%;
}

@media (max-width: 1279px) {
  .page.-service-software .app-types .items .item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .page.-service-software .app-types .items .item {
    flex: 0 0 100px;
    max-width: 100%;
  }
}

.page.-service-software .app-types .items .item__content {
  background: rgba(48, 68, 99, 0.2);
  border-radius: 12px;
  text-align: center;
  color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-service-software .app-types .items .item__content:hover {
  background: rgba(48, 68, 99, 0.4);
}

.page.-service-software .app-types .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .page.-service-software .app-types .items .item__content h3 {
    flex: 1;
    text-align: left;
  }
}

.page.-service-software .app-types .items .item__content img {
  margin-right: 24px;
}

.page.-service-software .launch {
  padding: 58px 67px;
}

.page.-service-software .launch .container {
  padding: 0;
}

@media (max-width: 1279px) {
  .page.-service-software .launch {
    padding: 7px 40px 90px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .launch {
    padding: 0;
  }
}

.page.-service-software .launch .container {
  background: url(../../assets/images/service/launch-bg.jpg) no-repeat center;
  background-size: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  position: relative;
}

@media (max-width: 1279px) {
  .page.-service-software .launch .container {
    height: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-software .launch .container {
    background: url(../../assets/images/service/launch-m-bg.jpg) no-repeat
      center;
    background-size: cover;
    border-radius: 0;
    border: 0;
  }
}

.page.-service-software .launch .container::after {
  z-index: 1;
  content: "";
  background: url(../../assets/images/service/launch-art.png) no-repeat center;
  width: 459px;
  height: 427px;
  position: absolute;
  right: 59px;
  top: -58px;
}

@media (max-width: 1279px) {
  .page.-service-software .launch .container::after {
    width: 334px;
    height: 310px;
    background-size: 100%;
    right: -60px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .launch .container::after {
    top: 0;
    right: -15px;
    opacity: 0.4;
    z-index: 0;
  }
}

.page.-service-software .launch__desc {
  padding: 56px 102px 55px;
}

@media (max-width: 1279px) {
  .page.-service-software .launch__desc {
    padding: 40px 50px 40px 52px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .launch__desc {
    padding: 94px 20px 39px 20px;
  }
}

.page.-service-software .launch h2 {
  margin-bottom: 16px;
}

.page.-service-software .launch p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  max-width: 526px;
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-service-software .launch p {
    max-width: 393px;
  }
}

@media (max-width: 767px) {
  .page.-service-software .launch p {
    position: relative;
    z-index: 2;
  }
}

.page.-service-software .launch .action {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service-software .launch .action {
    width: 100%;
  }
}

.page.-service-software .launch .items {
  display: flex;
  flex-direction: row;
  margin: -12px;
}

@media (max-width: 1279px) {
  .page.-service-software .launch .items {
    flex-direction: column;
    margin: 0;
  }
}

.page.-service-software .launch .items .item {
  flex: 1;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service-software .launch .items .item {
    padding: 0;
    margin-bottom: 24px;
  }
  .page.-service-software .launch .items .item:last-child {
    margin-bottom: 0;
  }
}

.page.-service-software .launch .items .item__content {
  background: rgba(248, 251, 255, 0.04);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  padding: 24px 24px 32px;
  height: 100%;
}

@media (max-width: 767px) {
  .page.-service-software .launch .items .item__content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

.page.-service-software .launch .items .item__art {
  width: 80px;
  margin-right: 24px;
}

.page.-service-software .launch .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service-software .launch .items .item__art {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-software .launch .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service-software .launch .items .item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 0;
  max-width: 100%;
}

/*!
 * _service-software.scss
 * 
 *
 * 
 * 
 */

.page.-service-web {
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .page.-service-web .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .back {
    left: 0;
  }
}

.page.-service-web .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service-web .container {
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-service-web .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .container {
    padding: 0 15px;
  }
}

.page.-service-web .action {
  font-family: Roboto, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-service-web .action:hover {
  background: #2f4ded;
}

.page.-service-web .topDesc {
  background: url(../../assets/images/service/web/top-desc-bg.jpg) no-repeat top
    center;
  background-size: cover;
  min-height: 827px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

@media (max-width: 1279px) {
  .page.-service-web .topDesc {
    min-height: 600px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .topDesc {
    min-height: auto;
    background-size: 800px;
    padding-top: 150px;
  }
}

.page.-service-web .topDesc .container {
  position: relative;
  z-index: 1;
}

.page.-service-web .topDesc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 295px;
  background: linear-gradient(180deg, rgba(19, 20, 38, 0) 0, #131426 100%);
}

.page.-service-web .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 72px;
  max-width: 826px;
  margin: 0 auto 32px auto;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-web .topDesc h1 {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-web .topDesc h1 span {
  background: linear-gradient(94.53deg, #179eff 4.14%, #00e778 95.77%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.page.-service-web .topDesc p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 826px;
  margin: 0 auto 40px auto;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-web .topDesc p {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-web .topDesc .actions {
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-web .topDesc .actions .action {
    width: 100%;
    height: 48px;
    line-height: 32px;
  }
}

.page.-service-web .approaches {
  background: radial-gradient(
      78.18% 78.18% at 50% 100%,
      rgba(0, 248, 248, 0.1) 0,
      rgba(0, 0, 0, 0) 100%
    ),
    #131426;
  padding: 64px 0 92px;
}

.page.-service-web .approaches .title {
  text-align: center;
  margin-bottom: 56px;
}

.page.-service-web .approaches .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px -12px 28px -12px;
}

@media (max-width: 1279px) {
  .page.-service-web .approaches .items {
    flex-wrap: wrap;
  }
}

.page.-service-web .approaches .items .item {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  padding: 8px 6px;
}

@media (max-width: 767px) {
  .page.-service-web .approaches .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-service-web .approaches .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.page.-service-web .approaches .items .item__content:hover {
  background: rgba(48, 68, 99, 0.15);
}

@media (max-width: 1279px) {
  .page.-service-web .approaches .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-web .approaches .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-service-web .approaches .items .item__content img {
  width: 100px;
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .page.-service-web .approaches .items .item__content img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-web .approaches .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service-web .approaches .items .item__content p {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}

.page.-service-web .approaches .items .item__content p span {
  color: #f8b000;
}

.page.-service-web .approaches .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service-web .approaches .actions .action {
  padding: 12px 24px;
  min-width: 124px;
}

.page.-service-web .flow {
  position: relative;
}

.page.-service-web .flow::before {
  content: "";
  position: absolute;
  top: -240px;
  left: 0;
  width: 606px;
  height: 955px;
  background: url(../../assets/images/service/flow-shape.png) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-service-web .flow::before {
    top: -105px;
    width: 300px;
    background-size: 100%;
  }
}

.page.-service-web .flow .content {
  background: url(../../assets/images/service/service-flow-bg.jpg) no-repeat top
    center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 50px;
}

@media (max-width: 1279px) {
  .page.-service-web .flow .content {
    background-size: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-web .flow .content {
    padding-top: 124px;
    background-size: 100%;
  }
}

.page.-service-web .flow .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-service-web .flow .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .flow .container {
    padding: 0 15px;
  }
}

.page.-service-web .flow .title {
  margin-bottom: 16px;
}

.page.-service-web .flow .title + p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 477px;
  letter-spacing: 0.012em;
}

.page.-service-web .flow .action {
  margin-bottom: 58px;
}

@media (max-width: 767px) {
  .page.-service-web .flow .action {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page.-service-web .flow .items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}

@media (max-width: 1279px) {
  .page.-service-web .flow .items {
    margin: 0;
  }
}

.page.-service-web .flow .items .item {
  flex: 1 1 50%;
  padding: 5px;
}

@media (max-width: 1279px) {
  .page.-service-web .flow .items .item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 12px;
  }
}

.page.-service-web .flow .items .item__content {
  background: rgba(19, 21, 39, 0.34);
  border-radius: 12px;
  padding: 24px 24px 32px;
  height: 100%;
}

.page.-service-web .flow .items .item__content:hover {
  background: rgba(19, 21, 39, 0.64);
}

.page.-service-web .flow .items .item__content .step {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #f8b000;
  margin-bottom: 12px;
}

.page.-service-web .flow .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service-web .flow .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-web .formats {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 92px;
}

@media (max-width: 767px) {
  .page.-service-web .formats {
    background: 0 0;
  }
}

.page.-service-web .formats .title {
  text-align: center;
  margin-bottom: 48px;
}

.page.-service-web .formats .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 90px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats .content {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats .content {
    flex-direction: column;
  }
}

.page.-service-web .formats .content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-web .formats .content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-web .formats .content p a {
  color: #f8b000;
}

.page.-service-web .formats__art {
  width: 400px;
}

.page.-service-web .formats__art.left {
  margin-right: 64px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats__art.left {
    margin-right: 32px;
  }
}

.page.-service-web .formats__art.right {
  margin-left: 64px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats__art.right {
    margin-left: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats__art {
    order: -1;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats__art img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats .action {
    width: 100%;
  }
}

.page.-service-web .formats .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
  padding-top: 24px;
  padding-bottom: 92px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats .items {
    margin: -6px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats .items {
    flex-direction: column;
  }
}

.page.-service-web .formats .items .item {
  flex: 1 1 33.33%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats .items .item {
    padding: 6px;
  }
}

.page.-service-web .formats .items .item__art {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-web .formats .items .item__art {
    margin-bottom: 12px;
  }
}

.page.-service-web .formats .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service-web .formats .items .item__art img {
    display: inline-block;
  }
}

.page.-service-web .formats .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.page.-service-web .formats .items .item__content:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-service-web .formats .items .item__content {
    padding: 32px 16px;
    text-align: center;
  }
}

.page.-service-web .formats .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

.page.-service-web .formats .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service-web .formats .items .item__content p {
    max-width: 100%;
  }
}

.page.-service-web .formats .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service-web .formats .analytics {
  background: url(../../assets/images/service/analytics-bg.png) no-repeat top
    center;
  background-size: cover;
  height: 500px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-web .formats .analytics {
    min-height: 600px;
    padding: 55px 40px;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats .analytics {
    min-height: 700px;
    padding: 35px 15px;
    margin: 0 -15px;
    border-radius: 0;
  }
}

.page.-service-web .formats .analytics .left {
  margin-left: 70px;
  max-width: 478px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats .analytics .left {
    margin-left: 0;
    max-width: 100%;
  }
}

.page.-service-web .formats .analytics .left h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .page.-service-web .formats .analytics .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page.-service-web .formats .analytics .left p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .page.-service-web .formats .analytics .left .action {
    width: 100%;
  }
}

.page.-service-web .formats .analytics__art {
  position: absolute;
  bottom: -40px;
  right: -150px;
  max-width: 695px;
}

@media (max-width: 1279px) {
  .page.-service-web .formats .analytics__art {
    max-width: 100%;
    position: static;
    margin-top: 61px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .formats .analytics__art {
    margin-top: 40px;
  }
}

.page.-service-web .formats .analytics__art img {
  max-width: 100%;
}

.page.-service-web .what-is {
  background: url(../../assets/images/service/web/what-is-bg.jpg) no-repeat top
    center;
  background-size: cover;
}

@media (max-width: 1279px) {
  .page.-service-web .what-is {
    background-size: contain;
  }
}

@media (max-width: 767px) {
  .page.-service-web .what-is {
    background-size: 800px;
  }
}

.page.-service-web .what-is .container {
  min-height: 836px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.page.-service-web .what-is .container > div {
  flex: 1;
}

@media (max-width: 767px) {
  .page.-service-web .what-is .container > div {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-web .what-is .container {
    flex-direction: column;
    padding-top: 100px;
  }
}

.page.-service-web .what-is .title {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service-web .what-is .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
  .page.-service-web .what-is .title br {
    display: none;
  }
}

.page.-service-web .what-is .left {
  padding-right: 40px;
}

.page.-service-web .what-is .left p {
  max-width: 530px;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}

.page.-service-web .what-is .left p span {
  color: #f8b000;
}

@media (max-width: 767px) {
  .page.-service-web .what-is .left {
    padding-right: 0;
  }
}

.page.-service-web .what-is .right {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .page.-service-web .what-is .right {
    padding-left: 0;
  }
}

.page.-service-web .what-is .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-web .what-is .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service-web .what-is .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  cursor: pointer;
}

.page.-service-web .what-is .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service-web .what-is .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service-web .what-is .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-web .what-is .accordion .item__content ul {
  margin-bottom: 16px;
}

.page.-service-web .what-is .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    center;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.-service-web .service-web-dev {
  background: url(../../assets/images/service/web/service-web-dev-bg.jpg)
    no-repeat top center;
  background-size: cover;
  padding: 90px 0 80px;
  position: relative;
  overflow: hidden;
}

.page.-service-web .service-web-dev::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 802px;
  height: 870px;
  background: url(../../assets/images/service/web/service-web-dev-art.png)
    no-repeat;
  background-size: contain;
}

@media (max-width: 1279px) {
  .page.-service-web .service-web-dev::after {
    width: 534px;
    height: 580px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev::after {
    width: 401px;
    height: 435px;
  }
}

.page.-service-web .service-web-dev .container {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page.-service-web .service-web-dev .heading {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.page.-service-web .service-web-dev .heading .nav .nav-link.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.page.-service-web .service-web-dev .heading .nav svg {
  width: 40px;
  height: 40px;
}

.page.-service-web .service-web-dev .heading .nav .next {
  margin-left: 8px;
}

.page.-service-web .service-web-dev .title {
  font-weight: 800;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
  }
}

.page.-service-web .service-web-dev .slider {
  display: flex;
  justify-content: space-between;
  padding-right: 328px;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-web .service-web-dev .slider {
    padding-right: 80px;
  }
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev .slider {
    padding-right: 0;
  }
}

.page.-service-web .service-web-dev .slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(270deg, #131426 0, rgba(19, 20, 38, 0) 100%);
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev .slider::after {
    display: none;
  }
}

.page.-service-web .service-web-dev .slider .owl-stage {
  display: flex;
}

.page.-service-web .service-web-dev .slider .owl-stage-outer {
  overflow: visible;
}

.page.-service-web .service-web-dev .slider .owl-item {
  display: flex;
}

.page.-service-web .service-web-dev .slider .item {
  margin: 0;
  border-radius: 12px;
  padding: 48px;
  background: rgba(33, 35, 81, 0.39);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 100%;
}

.page.-service-web .service-web-dev .slider .item__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service-web .service-web-dev .slider .item__content {
  font-size: 14px;
  line-height: 20px;
}

.page.-service-web .service-web-dev .launch {
  padding: 73px 98px 83px;
  background: url(../../assets/images/service/web/launch-bg@2x.jpg) no-repeat
    right center;
  background-size: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  position: relative;
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev .launch {
    padding: 36px;
  }
}

.page.-service-web .service-web-dev .launch__desc {
  max-width: 619px;
}

.page.-service-web .service-web-dev .launch .title {
  font-weight: 800;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev .launch .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
  }
}

.page.-service-web .service-web-dev .launch p {
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .page.-service-web .service-web-dev .launch p {
    font-size: 14px;
    line-height: 24px;
  }
}

.page.-service-web .faq {
  padding: 80px 0 120px;
}

.page.-service-web .faq .title {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service-web .faq {
    padding: 40px 0;
  }
}

.page.-service-web .faq .accordion {
  max-width: 800px;
  margin: 0 auto;
}

.page.-service-web .faq .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-web .faq .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service-web .faq .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  padding-right: 40px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-service-web .faq .accordion .item__title {
    font-size: 14px;
  }
}

.page.-service-web .faq .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service-web .faq .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service-web .faq .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-web .faq .accordion .item__content ul {
  margin-bottom: 16px;
}

.page.-service-web .faq .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    center;
  padding-left: 14px;
  margin-bottom: 8px;
}

/*!
 * _service-software.scss
 * 
 *
 * 
 * 
 */

@media (max-width: 1279px) {
  .page.-service-enterprise .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .back {
    left: 0;
  }
}

.page.-service-enterprise .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service-enterprise .container {
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .container {
    padding: 0 15px;
  }
}

.page.-service-enterprise .action {
  font-family: Roboto, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-service-enterprise .action:hover {
  background: #2f4ded;
}

.page.-service-enterprise .topDesc {
  background: url(../../assets/images/service/enterprise/top-desc-bg@2x.jpg)
    no-repeat top center;
  background-size: cover;
  min-height: 761px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .topDesc {
    min-height: auto;
    padding: 200px 0 0;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .topDesc {
    min-height: auto;
    background-size: 800px;
    padding-top: 150px;
  }
}

.page.-service-enterprise .topDesc .container {
  width: 100%;
  position: relative;
  z-index: 1;
}

.page.-service-enterprise .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 72px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .topDesc h1 {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-enterprise .topDesc h1 span {
  background: linear-gradient(94.53deg, #ff17be 4.14%, #e77d00 95.77%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.page.-service-enterprise .topDesc p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 640px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .topDesc p {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .topDesc .actions .action {
    width: 100%;
    height: 48px;
    line-height: 32px;
  }
}

.page.-service-enterprise .approaches {
  background: radial-gradient(
      78.18% 78.18% at 50% 100%,
      rgba(0, 248, 248, 0.1) 0,
      rgba(0, 0, 0, 0) 100%
    ),
    #131426;
  padding: 84px 0 92px;
}

.page.-service-enterprise .approaches .title {
  text-align: center;
  margin-bottom: 56px;
}

.page.-service-enterprise .approaches .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .approaches .items {
    flex-wrap: wrap;
  }
}

.page.-service-enterprise .approaches .items .item {
  flex: 1 1 25%;
  max-width: 25%;
}

@media (max-width: 767px) {
  .page.-service-enterprise .approaches .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-service-enterprise .approaches .items .item:last-child .item__content {
  padding-right: 0;
}

.page.-service-enterprise .approaches .items .item__content {
  padding: 32px 48px 24px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .approaches .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .approaches .items .item__content {
    padding: 32px 24px;
  }
}

.page.-service-enterprise .approaches .items .item__content img {
  width: 100px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .approaches .items .item__content img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-enterprise .approaches .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service-enterprise .approaches .items .item__content p {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}

.page.-service-enterprise .approaches .items .item__content p span {
  color: #f8b000;
}

.page.-service-enterprise .approaches .actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service-enterprise .approaches .actions .action {
  padding: 12px 24px;
  min-width: 124px;
}

.page.-service-enterprise .flow {
  position: relative;
}

.page.-service-enterprise .flow::before {
  content: "";
  position: absolute;
  top: -240px;
  left: 0;
  width: 606px;
  height: 955px;
  background: url(../../assets/images/service/flow-shape.png) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-service-enterprise .flow::before {
    top: -105px;
    width: 300px;
    background-size: 100%;
  }
}

.page.-service-enterprise .flow .content {
  background: url(../../assets/images/service/service-flow-bg.jpg) no-repeat top
    right;
  padding-top: 80px;
  padding-bottom: 50px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .flow .content {
    background-size: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .flow .content {
    padding-top: 124px;
    background-size: 100%;
  }
}

.page.-service-enterprise .flow .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .flow .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .flow .container {
    padding: 0 15px;
  }
}

.page.-service-enterprise .flow .title {
  margin-bottom: 16px;
}

.page.-service-enterprise .flow .title + p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 477px;
  letter-spacing: 0.012em;
}

.page.-service-enterprise .flow .action {
  margin-bottom: 58px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .flow .action {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page.-service-enterprise .flow .items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .flow .items {
    margin: 0;
  }
}

.page.-service-enterprise .flow .items .item {
  flex: 1 1 50%;
  padding: 5px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .flow .items .item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 12px;
  }
}

.page.-service-enterprise .flow .items .item__content {
  background: rgba(19, 21, 39, 0.34);
  border-radius: 12px;
  padding: 24px 24px 32px;
  height: 100%;
}

.page.-service-enterprise .flow .items .item__content:hover {
  background: rgba(19, 21, 39, 0.64);
}

.page.-service-enterprise .flow .items .item__content .step {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #f8b000;
  margin-bottom: 12px;
}

.page.-service-enterprise .flow .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service-enterprise .flow .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-enterprise .formats {
  background: url(../../assets/images/service/enterprise/formats-bg.jpg)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 92px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats {
    background: 0 0;
  }
}

.page.-service-enterprise .formats .title {
  text-align: center;
  margin-bottom: 48px;
}

.page.-service-enterprise .formats .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 90px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats .content {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .content {
    flex-direction: column;
  }
}

.page.-service-enterprise .formats .content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-enterprise .formats .content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-enterprise .formats .content p a {
  color: #f8b000;
}

.page.-service-enterprise .formats__art {
  width: 400px;
}

.page.-service-enterprise .formats__art.left {
  margin-right: 64px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats__art.left {
    margin-right: 32px;
  }
}

.page.-service-enterprise .formats__art.right {
  margin-left: 64px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats__art.right {
    margin-left: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats__art {
    order: -1;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats__art img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .action {
    width: 100%;
  }
}

.page.-service-enterprise .formats .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
  padding-top: 24px;
  padding-bottom: 92px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats .items {
    margin: -6px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .items {
    flex-direction: column;
  }
}

.page.-service-enterprise .formats .items .item {
  flex: 1 1 33.33%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats .items .item {
    padding: 6px;
  }
}

.page.-service-enterprise .formats .items .item__art {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .items .item__art {
    margin-bottom: 12px;
  }
}

.page.-service-enterprise .formats .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .items .item__art img {
    display: inline-block;
  }
}

.page.-service-enterprise .formats .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.page.-service-enterprise .formats .items .item__content:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .items .item__content {
    padding: 32px 16px;
    text-align: center;
  }
}

.page.-service-enterprise .formats .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

.page.-service-enterprise .formats .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .items .item__content p {
    max-width: 100%;
  }
}

.page.-service-enterprise .formats .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service-enterprise .formats .analytics {
  background: url(../../assets/images/service/analytics-bg.png) no-repeat top
    center;
  background-size: cover;
  height: 500px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats .analytics {
    min-height: 600px;
    padding: 55px 40px;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .analytics {
    min-height: 700px;
    padding: 35px 15px;
    margin: 0 -15px;
    border-radius: 0;
  }
}

.page.-service-enterprise .formats .analytics .left {
  margin-left: 70px;
  max-width: 478px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats .analytics .left {
    margin-left: 0;
    max-width: 100%;
  }
}

.page.-service-enterprise .formats .analytics .left h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .analytics .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page.-service-enterprise .formats .analytics .left p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .analytics .left .action {
    width: 100%;
  }
}

.page.-service-enterprise .formats .analytics__art {
  position: absolute;
  bottom: -40px;
  right: -150px;
  max-width: 695px;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .formats .analytics__art {
    max-width: 100%;
    position: static;
    margin-top: 61px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .formats .analytics__art {
    margin-top: 40px;
  }
}

.page.-service-enterprise .formats .analytics__art img {
  max-width: 100%;
}

.page.-service-enterprise .app-features .container {
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.page.-service-enterprise .app-features .container > div {
  flex: 1;
}

@media (max-width: 767px) {
  .page.-service-enterprise .app-features .container {
    flex-direction: column;
    padding-top: 100px;
  }
}

.page.-service-enterprise .app-features .title {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .app-features .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
  .page.-service-enterprise .app-features .title br {
    display: none;
  }
}

.page.-service-enterprise .app-features .left {
  padding-right: 40px;
}

.page.-service-enterprise .app-features .left p {
  max-width: 530px;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}

.page.-service-enterprise .app-features .left p span {
  color: #f8b000;
}

@media (max-width: 767px) {
  .page.-service-enterprise .app-features .left {
    padding-right: 0;
  }
}

.page.-service-enterprise .app-features .right {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .app-features .right {
    width: 100%;
    padding-left: 0;
  }
}

.page.-service-enterprise .app-features .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-enterprise .app-features .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service-enterprise .app-features .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  cursor: pointer;
}

.page.-service-enterprise .app-features .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service-enterprise .app-features .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service-enterprise .app-features .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-enterprise .app-features .accordion .item__content ul {
  margin-bottom: 16px;
}

.page.-service-enterprise .app-features .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    center;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.-service-enterprise .service-web-dev {
  background: url(../../assets/images/service/enterprise/service-web-dev-bg.jpg)
    no-repeat top center;
  background-size: cover;
  padding: 90px 0 80px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1280px) {
  .page.-service-enterprise .service-web-dev {
    background-position-y: -100px;
  }
}

.page.-service-enterprise .service-web-dev .container {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page.-service-enterprise .service-web-dev .heading {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.page.-service-enterprise .service-web-dev .heading .nav .nav-link.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.page.-service-enterprise .service-web-dev .heading .nav svg {
  width: 40px;
  height: 40px;
}

.page.-service-enterprise .service-web-dev .heading .nav .next {
  margin-left: 8px;
}

.page.-service-enterprise .service-web-dev .title {
  font-weight: 800;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .service-web-dev .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
  }
}

.page.-service-enterprise .service-web-dev .slider {
  display: flex;
  justify-content: space-between;
  padding-right: 328px;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-enterprise .service-web-dev .slider {
    padding-right: 80px;
  }
}

@media (max-width: 767px) {
  .page.-service-enterprise .service-web-dev .slider {
    padding-right: 0;
  }
}

.page.-service-enterprise .service-web-dev .slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(270deg, #131426 0, rgba(19, 20, 38, 0) 100%);
}

@media (max-width: 767px) {
  .page.-service-enterprise .service-web-dev .slider::after {
    display: none;
  }
}

.page.-service-enterprise .service-web-dev .slider .owl-stage {
  display: flex;
}

.page.-service-enterprise .service-web-dev .slider .owl-stage-outer {
  overflow: visible;
}

.page.-service-enterprise .service-web-dev .slider .owl-item {
  display: flex;
}

.page.-service-enterprise .service-web-dev .slider .item {
  margin: 0;
  border-radius: 12px;
  padding: 48px;
  background: rgba(142, 145, 197, 0.4);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 100%;
}

.page.-service-enterprise .service-web-dev .slider .item__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service-enterprise .service-web-dev .slider .item__content {
  font-size: 14px;
  line-height: 20px;
}

.page.-service-enterprise .service-web-dev .launch {
  padding: 73px 98px 83px;
  background: url(../../assets/images/service/web/launch-bg@2x.jpg) no-repeat
    right center;
  background-size: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  position: relative;
}

@media (max-width: 767px) {
  .page.-service-enterprise .service-web-dev .launch {
    padding: 36px;
  }
}

.page.-service-enterprise .service-web-dev .launch__desc {
  max-width: 619px;
}

.page.-service-enterprise .service-web-dev .launch .title {
  font-weight: 800;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-enterprise .service-web-dev .launch .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
  }
}

.page.-service-enterprise .service-web-dev .launch p {
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}

.page.-service-enterprise .service-web-dev .launch p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .page.-service-enterprise .service-web-dev .launch p {
    font-size: 14px;
    line-height: 24px;
  }
}

.page.-service-enterprise .service-web-dev .launch p a {
  color: #f8b000;
}

.page.-service-frontend {
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .page.-service-frontend .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service-frontend .back {
    left: 0;
  }
}

.page.-service-frontend .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service-frontend .container {
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-service-frontend .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-frontend .container {
    padding: 0 15px;
  }
}

.page.-service-frontend .title {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: center;
}

@media (max-width: 767px) {
  .page.-service-frontend .title {
    font-size: 32px;
    line-height: 1.2;
  }
}

.page.-service-frontend .topDesc {
  background: url(../../assets/images/service/frontend/top-desc-bg@2x.jpg)
    no-repeat bottom center;
  background-size: cover;
  min-height: 780px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 200px 0 68px;
}

@media (max-width: 1279px) {
  .page.-service-frontend .topDesc {
    min-height: 600px;
  }
}

@media (max-width: 767px) {
  .page.-service-frontend .topDesc {
    min-height: auto;
    background-size: 800px;
    background-position: top center;
  }
}

.page.-service-frontend .topDesc .container {
  width: 100%;
}

.page.-service-frontend .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 48px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-frontend .topDesc h1 {
    font-size: 32px;
    line-height: 44px;
  }
}

.page.-service-frontend .topDesc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
  max-width: 449px;
  margin-bottom: 32px;
}

.page.-service-frontend .topDesc .actions {
  margin-bottom: 56px;
}

@media (max-width: 767px) {
  .page.-service-frontend .topDesc .actions .action {
    width: 100%;
  }
}

.page.-service-frontend .topDesc .action {
  display: inline-block;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 26px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
}

.page.-service-frontend .topDesc__footer {
  margin: 0 auto;
  max-width: 616px;
  background: linear-gradient(
    90.75deg,
    rgba(36, 60, 186, 0.05) 8.55%,
    rgba(55, 75, 183, 0) 99.92%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: row;
}

.page.-service-frontend .topDesc__footer-img {
  width: 40px;
  margin-right: 24px;
  position: relative;
  min-width: 40px;
}

.page.-service-frontend .topDesc__footer-img img {
  position: absolute;
  top: -12px;
  left: -17px;
}

.page.-service-frontend .topDesc__footer-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.page.-service-frontend .topDesc__footer-text span {
  color: #f8b000;
}

.page.-service-frontend .tech__top {
  padding: 80px 0 40px;
  min-height: 612px;
  background: radial-gradient(
    95.29% 59.59% at 50% 52.45%,
    #181754 0,
    rgba(19, 20, 38, 0) 100%
  );
  position: relative;
}

.page.-service-frontend .tech__top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgba(19, 20, 38, 0) 0, #111121 100%);
}

.page.-service-frontend .tech__top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(19, 20, 38, 0) 0, #131426 100%);
}

.page.-service-frontend .tech__top .container {
  position: relative;
  z-index: 1;
}

.page.-service-frontend .tech__top-header {
  text-align: center;
  margin-bottom: 16px;
}

.page.-service-frontend .tech__top-header p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #bcbdd4;
}

.page.-service-frontend .tech__list-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}

.page.-service-frontend .tech__list-footer {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}

.page.-service-frontend .tech .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -4px 4px;
}

.page.-service-frontend .tech .items .item {
  flex: 1;
  padding: 4px;
}

@media (max-width: 1279px) {
  .page.-service-frontend .tech .items .item {
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .page.-service-frontend .tech .items .item {
    flex: 0 0 100%;
  }
}

.page.-service-frontend .tech .items .item__content {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
  text-align: center;
}

.page.-service-frontend .tech .items .item__content-img {
  margin-bottom: 16px;
}

.page.-service-frontend .tech .items .item__content h4 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 8px;
}

.page.-service-frontend .tech .items .item__content p {
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
}

.page.-service-frontend .tech__bottom {
  padding: 80px 0;
  min-height: 272px;
  background: radial-gradient(
    66.54% 66.54% at 50% 100%,
    rgba(213, 0, 248, 0.24) 0,
    rgba(248, 119, 0, 0) 100%
  );
}

.page.-service-frontend .tech__bottom .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

@media (max-width: 767px) {
  .page.-service-frontend .tech__bottom .container {
    flex-direction: column;
    gap: 40px;
  }
}

.page.-service-frontend .tech__bottom-img {
  max-width: 120px;
}

.page.-service-frontend .tech__bottom-img img {
  max-width: 100%;
}

.page.-service-frontend .tech__bottom-text {
  max-width: 615px;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 28px;
}

.page.-service-frontend .front-services {
  padding: 120px 0;
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.16) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.16) 0,
      rgba(19, 20, 38, 0) 100%
    );
}

@media (max-width: 767px) {
  .page.-service-frontend .front-services {
    padding: 40px 0;
    background: rgba(208, 93, 28, 0.05);
  }
}

.page.-service-frontend .front-services .container > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #bcbdd4;
  max-width: 518px;
  margin: 0 auto 63px auto;
}

.page.-service-frontend .front-services .items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 800px;
  margin: 0 auto;
}

.page.-service-frontend .front-services .items .item__content {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .page.-service-frontend .front-services .items .item__content {
    flex-direction: column;
  }
}

.page.-service-frontend .front-services .items .item__content:hover {
  background: rgba(255, 255, 255, 0.04);
}

.page.-service-frontend .front-services .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service-frontend .front-services .items .item__content-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
}

.page.-service-frontend .front-services .items .item__content p {
  margin-bottom: 12px;
}

.page.-service-frontend .front-services .items .item__content ol {
  list-style: disc;
  margin-left: 12px;
}

.page.-service-frontend .front-services .items .item__content ol.li-m-12 li {
  margin-bottom: 12px;
}

.page.-service-frontend .front-services .items .item__content ol li {
  margin-bottom: 4px;
  margin-left: 8px;
}

.page.-service-frontend .front-services .items .item__content .-hidden {
  display: none !important;
}

.page.-service-frontend
  .front-services
  .items
  .item__content
  .read-more__content {
  margin-bottom: 12px;
}

.page.-service-frontend
  .front-services
  .items
  .item__content
  .read-more__content:last-child {
  margin-bottom: 0;
}

.page.-service-frontend .front-services .items .item__content .read-more-btn {
  border: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #f8b000;
  display: inline-block;
  padding: 0 28px 0 0;
  background: url(../../assets/images/service/frontend/ic_show.svg) no-repeat
    right center;
  cursor: pointer;
}

.page.-service-frontend
  .front-services
  .items
  .item__content
  .read-more-btn.-hide {
  background-image: url(../../assets/images/service/frontend/ic_hide.svg);
}

.page.-service-frontend .outsourcing {
  padding: 120px 0;
  background-color: #3a1e87;
}

@media (max-width: 767px) {
  .page.-service-frontend .outsourcing {
    padding: 40px 0;
  }
}

.page.-service-frontend .outsourcing .container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 80px;
}

@media (max-width: 767px) {
  .page.-service-frontend .outsourcing .container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

.page.-service-frontend .outsourcing .container > div {
  height: 100%;
  flex: 1;
}

.page.-service-frontend .outsourcing .title {
  text-align: left;
  margin-bottom: 40px;
}

.page.-service-frontend .outsourcing .left {
  background: url(../../assets/images/service/frontend/im_outsourcing.png)
    no-repeat 82px -45px;
  background-size: 342px;
  padding-top: 230px;
}

@media (max-width: 1279px) {
  .page.-service-frontend .outsourcing .left {
    background-position: 0 0;
    background-size: 100%;
  }
}

.page.-service-frontend .outsourcing .left p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
  margin-bottom: 12px;
}

.page.-service-frontend .outsourcing .left p:last-child {
  margin-bottom: 0;
}

.page.-service-frontend .outsourcing .items .item {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-frontend .outsourcing .items .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.page.-service-frontend .outsourcing .items .item__content {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.page.-service-frontend .outsourcing .items .item__content-counter span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #f8b000;
  padding: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 38px;
  width: 32px;
  height: 32px;
}

.page.-service-frontend .outsourcing .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 4px;
}

.page.-service-frontend .outsourcing .items .item__content p {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #bcbdd4;
}

.page.-service-frontend .benefits {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    );
  padding: 120px 0;
}

@media (max-width: 767px) {
  .page.-service-frontend .benefits {
    padding: 40px 0;
  }
}

.page.-service-frontend .benefits .container > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #bcbdd4;
  max-width: 512px;
  margin: 0 auto 63px auto;
}

.page.-service-frontend .benefits .container > p span {
  color: #f8b000;
}

.page.-service-frontend .benefits .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}

.page.-service-frontend .benefits .items .item {
  flex: 1 1 50%;
  padding: 8px;
}

.page.-service-frontend .benefits .items .item__content {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
}

.page.-service-frontend .benefits .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}

.page.-service-frontend .benefits .items .item__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
  margin-bottom: 12px;
}

.page.-service-frontend .benefits .items .item__content p b {
  color: #fff;
}

.page.-service-frontend .benefits .items .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-frontend .for-more .container {
  max-width: 1000px;
  padding: 0;
}

@media (max-width: 767px) {
  .page.-service-frontend .for-more .container {
    padding: 0 24px;
  }
}

.page.-service-frontend .for-more__content {
  background: radial-gradient(
      103.67% 65% at 50% 100%,
      rgba(213, 94, 255, 0.2) 0,
      rgba(19, 19, 35, 0) 100%
    ),
    radial-gradient(
      47.52% 29.79% at 50% 0,
      rgba(126, 94, 255, 0.2) 0,
      rgba(19, 19, 35, 0) 100%
    ),
    rgba(19, 43, 255, 0.02);
  border: 1px solid rgba(195, 167, 255, 0.16);
  border-radius: 8px;
  text-align: center;
  padding: 40px;
}

.page.-service-frontend .for-more__img {
  text-align: center;
  margin-bottom: 24px;
}

.page.-service-frontend .for-more p {
  max-width: 440px;
  margin: 0 auto;
  text-align: center;
}

.page.-service-frontend .for-more p a {
  color: #f8b000;
}

.page.-service-frontend .faq {
  padding: 120px 0;
}

@media (max-width: 767px) {
  .page.-service-frontend .faq {
    padding: 40px 0;
  }
}

.page.-service-frontend .faq .accordion {
  max-width: 800px;
  margin: 0 auto;
}

.page.-service-frontend .faq .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-frontend .faq .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service-frontend .faq .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  padding-right: 40px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-service-frontend .faq .accordion .item__title {
    font-size: 14px;
  }
}

.page.-service-frontend .faq .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service-frontend .faq .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service-frontend .faq .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-frontend .faq .accordion .item__content ul {
  margin-bottom: 16px;
}

.page.-service-frontend .faq .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    center;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.-service-frontend .other {
  padding: 80px 0;
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    #2a0c59;
}

.page.-service-frontend .other .title {
  margin-bottom: 63px;
}

.page.-service-frontend .other .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

.page.-service-frontend .other .items .item {
  flex: 1 1 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-frontend .other .items .item {
    flex: 1 1 100%;
  }
}

.page.-service-frontend .other .items .item__content {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
}

.page.-service-frontend .other .items .item__content:hover {
  background: rgba(255, 255, 255, 0.04);
}

.page.-service-frontend .other .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}

.page.-service-frontend .other .items .item__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
  margin-bottom: 16px;
}

.page.-service-frontend .other .items .item__content p a {
  color: #f8b000;
}

.page.-service-frontend .other .items .item__content .actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

/*!
 * _service-healthcare.scss
 * 
 *
 * 
 * 
 */

@media (max-width: 1279px) {
  .page.-service-healthcare .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .back {
    left: 0;
  }
}

.page.-service-healthcare .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service-healthcare .container {
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .container {
    padding: 0 15px;
  }
}

.page.-service-healthcare .action {
  font-family: Roboto, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-service-healthcare .action:hover {
  background: #2f4ded;
}

.page.-service-healthcare .topDesc {
  background: url(../../assets/images/service/healthcare/top-desc-bg@2x.jpg)
    no-repeat top center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  min-height: 780px;
  padding-bottom: 90px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc {
    min-height: auto;
    background-size: 500px;
    padding-top: 150px;
  }
}

.page.-service-healthcare .topDesc .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  gap: 68px;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc .container {
    gap: 0;
  }
}

.page.-service-healthcare .topDesc .left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc .left {
    width: 100%;
  }
}

.page.-service-healthcare .topDesc .right {
  max-width: 460px;
}

.page.-service-healthcare .topDesc .right img {
  max-width: 100%;
}

.page.-service-healthcare .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 48px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc h1 {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-healthcare .topDesc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  max-width: 608px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc p {
    max-width: 100%;
  }
}

.page.-service-healthcare .topDesc .actions {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc .actions .action {
    width: 100%;
    height: 48px;
    line-height: 32px;
  }
}

.page.-service-healthcare .topDesc__footer-text {
  max-width: 608px;
  padding: 16px 24px;
  background: linear-gradient(
    90.75deg,
    rgba(36, 60, 186, 0.05) 8.55%,
    rgba(55, 75, 183, 0) 99.92%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .topDesc__footer-text {
    max-width: 100%;
    flex-direction: column;
  }
}

.page.-service-healthcare .topDesc__footer-text img {
  width: 80px;
  height: 80px;
}

.page.-service-healthcare .topDesc__footer-text p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  color: #bcbdd4;
}

.page.-service-healthcare .solutions {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.16) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.16) 0,
      rgba(19, 20, 38, 0) 100%
    );
  padding: 120px 0;
}

@media (max-width: 767px) {
  .page.-service-healthcare .solutions {
    padding: 80px 0;
  }
}

.page.-service-healthcare .solutions .title {
  text-align: center;
  margin-bottom: 64px;
}

.page.-service-healthcare .solutions .-hidden {
  display: none;
}

.page.-service-healthcare .solutions .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .solutions .items {
    flex-wrap: wrap;
  }
}

.page.-service-healthcare .solutions .items .item {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .solutions .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-service-healthcare .solutions .items .item__content {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

.page.-service-healthcare .solutions .items .item__content:hover {
  background: rgba(255, 255, 255, 0.015);
}

@media (max-width: 1279px) {
  .page.-service-healthcare .solutions .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .solutions .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-service-healthcare .solutions .items .item__content img {
  width: 32px;
  min-width: 32px;
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .solutions .items .item__content img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-healthcare .solutions .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}

.page.-service-healthcare .solutions .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
}

.page.-service-healthcare .solutions .actions {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service-healthcare .solutions .actions .show-more-btn {
  cursor: pointer;
  padding: 8px 24px;
  min-width: 300px;
  text-align: center;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.page.-service-healthcare .prof {
  background: url(../../assets/images/service/healthcare/prof-bg@2x.jpg)
    no-repeat top center;
  background-size: cover;
}

@media (max-width: 767px) {
  .page.-service-healthcare .prof {
    background-position-x: 34%;
  }
}

.page.-service-healthcare .prof .container {
  display: flex;
  padding: 120px 70px;
  flex-direction: row;
  align-items: flex-end;
  gap: 80px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .prof .container {
    flex-direction: column;
    align-items: center;
    padding: 80px 24px;
  }
}

.page.-service-healthcare .prof .left {
  flex: 1;
}

.page.-service-healthcare .prof .right {
  flex: 1;
}

.page.-service-healthcare .prof h4 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 32px;
}

.page.-service-healthcare .prof h4:last-child {
  margin-bottom: 0;
}

.page.-service-healthcare .wch {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    );
  padding: 120px 0;
}

@media (max-width: 767px) {
  .page.-service-healthcare .wch {
    padding: 80px 0;
  }
}

.page.-service-healthcare .wch .title {
  text-align: center;
  max-width: 487px;
  margin: 0 auto 16px;
}

.page.-service-healthcare .wch p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #bcbdd4;
  max-width: 640px;
  margin: 0 auto 40px;
}

.page.-service-healthcare .wch h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-healthcare .wch .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .wch .items {
    flex-direction: column;
  }
}

@media (max-width: 1279px) {
  .page.-service-healthcare .wch .items {
    flex-wrap: wrap;
  }
}

.page.-service-healthcare .wch .items .item {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .wch .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-service-healthcare .wch .items .item__content {
  padding: 24px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  height: 100%;
}

.page.-service-healthcare .wch .items .item__content h4 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
}

.page.-service-healthcare .wch .items .item__content p {
  font-family: Roboto, sans-serif;
  margin-top: 4px;
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

.page.-service-healthcare .wch .items .item__content p a {
  color: #f8b000;
  text-decoration: none;
}

.page.-service-healthcare .flow {
  position: relative;
}

.page.-service-healthcare .flow::before {
  content: "";
  position: absolute;
  top: -240px;
  left: 0;
  width: 606px;
  height: 955px;
  background: url(../../assets/images/service/flow-shape.png) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-service-healthcare .flow::before {
    top: -105px;
    width: 300px;
    background-size: 100%;
  }
}

.page.-service-healthcare .flow .content {
  background: url(../../assets/images/service/healthcare/service-flow-bg.jpg)
    no-repeat top center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 50px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .flow .content {
    background-size: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .flow .content {
    padding-top: 124px;
    background-size: 100%;
  }
}

.page.-service-healthcare .flow .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .flow .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .flow .container {
    padding: 0 15px;
  }
}

.page.-service-healthcare .flow .title {
  margin-bottom: 16px;
}

.page.-service-healthcare .flow .title + p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 477px;
  letter-spacing: 0.012em;
}

.page.-service-healthcare .flow .action {
  margin-bottom: 58px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .flow .action {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page.-service-healthcare .flow .items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .flow .items {
    margin: 0;
  }
}

.page.-service-healthcare .flow .items .item {
  flex: 1 1 50%;
  padding: 5px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .flow .items .item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 12px;
  }
}

.page.-service-healthcare .flow .items .item__content {
  background: rgba(19, 21, 39, 0.34);
  border-radius: 12px;
  padding: 24px 24px 32px;
  height: 100%;
}

.page.-service-healthcare .flow .items .item__content:hover {
  background: rgba(19, 21, 39, 0.64);
}

.page.-service-healthcare .flow .items .item__content .step {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #f8b000;
  margin-bottom: 12px;
}

.page.-service-healthcare .flow .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service-healthcare .flow .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-healthcare .formats {
  background: #101020;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 92px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats {
    background: 0 0;
  }
}

.page.-service-healthcare .formats .title {
  text-align: center;
  margin-bottom: 48px;
}

.page.-service-healthcare .formats .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 90px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats .content {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .content {
    flex-direction: column;
  }
}

.page.-service-healthcare .formats .content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-healthcare .formats .content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-healthcare .formats .content p a {
  color: #f8b000;
}

.page.-service-healthcare .formats__art {
  width: 400px;
}

.page.-service-healthcare .formats__art.left {
  margin-right: 64px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats__art.left {
    margin-right: 32px;
  }
}

.page.-service-healthcare .formats__art.right {
  margin-left: 64px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats__art.right {
    margin-left: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats__art {
    order: -1;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats__art img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .action {
    width: 100%;
  }
}

.page.-service-healthcare .formats .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
  padding-top: 24px;
  padding-bottom: 92px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats .items {
    margin: -6px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .items {
    flex-direction: column;
  }
}

.page.-service-healthcare .formats .items .item {
  flex: 1 1 33.33%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats .items .item {
    padding: 6px;
  }
}

.page.-service-healthcare .formats .items .item__art {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .items .item__art {
    margin-bottom: 12px;
  }
}

.page.-service-healthcare .formats .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .items .item__art img {
    display: inline-block;
  }
}

.page.-service-healthcare .formats .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.page.-service-healthcare .formats .items .item__content:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .items .item__content {
    padding: 32px 16px;
    text-align: center;
  }
}

.page.-service-healthcare .formats .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

.page.-service-healthcare .formats .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .items .item__content p {
    max-width: 100%;
  }
}

.page.-service-healthcare .formats .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service-healthcare .formats .analytics {
  background: url(../../assets/images/service/analytics-bg.png) no-repeat top
    center;
  background-size: cover;
  height: 500px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats .analytics {
    min-height: 600px;
    padding: 55px 40px;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .analytics {
    min-height: 700px;
    padding: 35px 15px;
    margin: 0 -15px;
    border-radius: 0;
  }
}

.page.-service-healthcare .formats .analytics .left {
  margin-left: 70px;
  max-width: 478px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats .analytics .left {
    margin-left: 0;
    max-width: 100%;
  }
}

.page.-service-healthcare .formats .analytics .left h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .analytics .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page.-service-healthcare .formats .analytics .left p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .analytics .left .action {
    width: 100%;
  }
}

.page.-service-healthcare .formats .analytics__art {
  position: absolute;
  bottom: -40px;
  right: -150px;
  max-width: 695px;
}

@media (max-width: 1279px) {
  .page.-service-healthcare .formats .analytics__art {
    max-width: 100%;
    position: static;
    margin-top: 61px;
  }
}

@media (max-width: 767px) {
  .page.-service-healthcare .formats .analytics__art {
    margin-top: 40px;
  }
}

.page.-service-healthcare .formats .analytics__art img {
  max-width: 100%;
}

.page.-service-healthcare .cases {
  background: #101020;
}

@media (max-width: 767px) {
  .page.-service-healthcare .cases .title,
  .page.-service-healthcare .cases h2.p,
  .page.-service-healthcare .cases h3.p,
  .page.-service-healthcare .cases h4 {
    color: #fff;
  }
  .page.-service-healthcare .cases .case__params li {
    border-color: rgba(255, 255, 255, 0.35);
  }
  .page.-service-healthcare .cases .case-button a.button {
    border-color: rgba(255, 255, 255, 0.35);
  }
}

.page.-service-healthcare .faq {
  background: #101020;
  padding: 80px 0 120px;
}

.page.-service-healthcare .faq .title {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .faq {
    padding: 40px 0;
  }
}

.page.-service-healthcare .faq .accordion {
  max-width: 800px;
  margin: 0 auto;
}

.page.-service-healthcare .faq .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-healthcare .faq .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service-healthcare .faq .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  padding-right: 40px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-service-healthcare .faq .accordion .item__title {
    font-size: 14px;
  }
}

.page.-service-healthcare .faq .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service-healthcare .faq .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service-healthcare .faq .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-healthcare .faq .accordion .item__content ul {
  margin-bottom: 16px;
}

.page.-service-healthcare .faq .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    center;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.-service-healthcare .other {
  padding: 80px 0;
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    #2a0c59;
}

.page.-service-healthcare .other .title {
  text-align: center;
  margin-bottom: 63px;
}

.page.-service-healthcare .other .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

.page.-service-healthcare .other .items .item {
  flex: 1 1 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-healthcare .other .items .item {
    flex: 1 1 100%;
  }
}

.page.-service-healthcare .other .items .item__content {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
}

.page.-service-healthcare .other .items .item__content:hover {
  background: rgba(255, 255, 255, 0.04);
}

.page.-service-healthcare .other .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}

.page.-service-healthcare .other .items .item__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
  margin-bottom: 16px;
}

.page.-service-healthcare .other .items .item__content .actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

/*!
 * _service-backend.scss
 * 
 *
 * 
 * 
 */

.page.-service-backend {
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .page.-service-backend .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .back {
    left: 0;
  }
}

.page.-service-backend .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-service-backend .container {
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-service-backend .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .container {
    padding: 0 15px;
  }
}

.page.-service-backend .action {
  font-family: Roboto, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(98.52deg, #2f80ed 0, #2f4ded 100%);
  border-radius: 6px;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-service-backend .action:hover {
  background: #2f4ded;
}

.page.-service-backend .topDesc {
  background: url(../../assets/images/services/service-backend-top-bg.png)
    no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  min-height: 780px;
  padding-bottom: 150px;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc {
    min-height: auto;
    padding-top: 150px;
    padding-bottom: 70px;
  }
}

.page.-service-backend .topDesc .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 500px;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc .container {
    gap: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.page.-service-backend .topDesc .left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 40%;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc .left {
    background-image: url(../../assets/images/services/service-backend-cover-image-mobile.png);
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: top right;
    padding: 0 15px;
    width: 100%;
  }
  .page.-service-backend .topDesc .left br {
    display: none;
  }
  .page.-service-backend .topDesc .left .actions .action {
    width: auto;
  }
}

.page.-service-backend .topDesc .right {
  width: 60%;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc .right {
    display: none;
  }
}

.page.-service-backend .topDesc .right img {
  max-width: 100%;
}

.page.-service-backend .topDesc h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 44px;
  line-height: 48px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc h1 {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
}

.page.-service-backend .topDesc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  max-width: 608px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc p {
    max-width: 100%;
  }
}

.page.-service-backend .topDesc .actions {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc .actions .action {
    width: 100%;
    height: 48px;
    line-height: 32px;
  }
}

.page.-service-backend .topDesc__footer-text {
  max-width: 608px;
  padding: 16px 24px;
  background: linear-gradient(
    90.75deg,
    rgba(36, 60, 186, 0.05) 8.55%,
    rgba(55, 75, 183, 0) 99.92%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 767px) {
  .page.-service-backend .topDesc__footer-text {
    max-width: 100%;
    flex-direction: column;
  }
}

.page.-service-backend .topDesc__footer-text img {
  width: 80px;
  height: 80px;
}

.page.-service-backend .topDesc__footer-text p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  color: #bcbdd4;
}

.page.-service-backend .solutions {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.16) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.16) 0,
      rgba(19, 20, 38, 0) 100%
    );
  padding: 120px 0;
}

@media (max-width: 767px) {
  .page.-service-backend .solutions {
    padding: 80px 0;
  }
}

.page.-service-backend .solutions .title {
  text-align: center;
  margin-bottom: 64px;
}

.page.-service-backend .solutions .-hidden {
  display: none;
}

.page.-service-backend .solutions .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 1279px) {
  .page.-service-backend .solutions .items {
    flex-wrap: wrap;
  }
}

.page.-service-backend .solutions .items .item {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-backend .solutions .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-service-backend .solutions .items .item__content {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

.page.-service-backend .solutions .items .item__content:hover {
  background: rgba(255, 255, 255, 0.015);
}

@media (max-width: 1279px) {
  .page.-service-backend .solutions .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .solutions .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-service-backend .solutions .items .item__content img {
  width: 32px;
  min-width: 32px;
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .page.-service-backend .solutions .items .item__content img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-service-backend .solutions .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}

.page.-service-backend .solutions .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
}

.page.-service-backend .solutions .actions {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page.-service-backend .solutions .actions .show-more-btn {
  cursor: pointer;
  padding: 8px 24px;
  min-width: 300px;
  text-align: center;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.page.-service-backend .prof {
  background: url(../../assets/images/service/healthcare/prof-bg@2x.jpg)
    no-repeat top center;
  background-size: cover;
}

@media (max-width: 767px) {
  .page.-service-backend .prof {
    background-position-x: 34%;
  }
}

.page.-service-backend .prof .container {
  display: flex;
  padding: 120px 70px;
  flex-direction: row;
  align-items: flex-end;
  gap: 80px;
}

@media (max-width: 767px) {
  .page.-service-backend .prof .container {
    flex-direction: column;
    align-items: center;
    padding: 80px 24px;
  }
}

.page.-service-backend .prof .left {
  flex: 1;
}

.page.-service-backend .prof .right {
  flex: 1;
}

.page.-service-backend .prof h4 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 32px;
}

.page.-service-backend .prof h4:last-child {
  margin-bottom: 0;
}

.page.-service-backend .wch {
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    );
  padding: 120px 0;
}

@media (max-width: 767px) {
  .page.-service-backend .wch {
    padding: 80px 0;
  }
}

.page.-service-backend .wch .title {
  text-align: center;
  max-width: 487px;
  margin: 0 auto 16px;
}

.page.-service-backend .wch p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #bcbdd4;
  max-width: 640px;
  margin: 0 auto 40px;
}

.page.-service-backend .wch h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-backend .wch .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 767px) {
  .page.-service-backend .wch .items {
    flex-direction: column;
  }
}

@media (max-width: 1279px) {
  .page.-service-backend .wch .items {
    flex-wrap: wrap;
  }
}

.page.-service-backend .wch .items .item {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-backend .wch .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-service-backend .wch .items .item__content {
  padding: 24px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  height: 100%;
}

.page.-service-backend .wch .items .item__content h4 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
}

.page.-service-backend .wch .items .item__content p {
  font-family: Roboto, sans-serif;
  margin-top: 4px;
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

.page.-service-backend .wch .items .item__content p a {
  color: #f8b000;
  text-decoration: none;
}

.page.-service-backend .flow {
  position: relative;
}

.page.-service-backend .flow::before {
  content: "";
  position: absolute;
  top: -240px;
  left: 0;
  width: 606px;
  height: 955px;
  background: url(../../assets/images/service/flow-shape.png) no-repeat top
    center;
}

@media (max-width: 767px) {
  .page.-service-backend .flow::before {
    top: -105px;
    width: 300px;
    background-size: 100%;
  }
}

.page.-service-backend .flow .content {
  background: url(../../assets/images/service/healthcare/service-flow-bg.jpg)
    no-repeat top center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 50px;
}

@media (max-width: 1279px) {
  .page.-service-backend .flow .content {
    background-size: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .flow .content {
    padding-top: 124px;
    background-size: 100%;
  }
}

.page.-service-backend .flow .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 1279px) {
  .page.-service-backend .flow .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .flow .container {
    padding: 0 15px;
  }
}

.page.-service-backend .flow .title {
  margin-bottom: 16px;
}

.page.-service-backend .flow .title + p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 16px;
  max-width: 477px;
  letter-spacing: 0.012em;
}

.page.-service-backend .flow .action {
  margin-bottom: 58px;
}

@media (max-width: 767px) {
  .page.-service-backend .flow .action {
    width: 100%;
    margin-bottom: 32px;
  }
}

.page.-service-backend .flow .items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}

@media (max-width: 1279px) {
  .page.-service-backend .flow .items {
    margin: 0;
  }
}

.page.-service-backend .flow .items .item {
  flex: 1 1 50%;
  padding: 5px;
}

@media (max-width: 1279px) {
  .page.-service-backend .flow .items .item {
    flex: 1 1 100%;
    padding: 0;
    margin-bottom: 12px;
  }
}

.page.-service-backend .flow .items .item__content {
  background: rgba(19, 21, 39, 0.34);
  border-radius: 12px;
  padding: 24px 24px 32px;
  height: 100%;
}

.page.-service-backend .flow .items .item__content:hover {
  background: rgba(19, 21, 39, 0.64);
}

.page.-service-backend .flow .items .item__content .step {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #f8b000;
  margin-bottom: 12px;
}

.page.-service-backend .flow .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 12px;
}

.page.-service-backend .flow .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.page.-service-backend .formats {
  background-image: url(../../assets/images/services/formats-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #101020;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 92px;
}

@media (max-width: 767px) {
  .page.-service-backend .formats {
    background: 0 0;
    padding-bottom: 0;
  }
}

.page.-service-backend .formats .title {
  text-align: center;
  margin-bottom: 48px;
}

.page.-service-backend .formats .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 90px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats .content {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats .content {
    flex-direction: column;
  }
}

.page.-service-backend .formats .content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-backend .formats .content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 24px;
}

.page.-service-backend .formats .content p a {
  color: #f8b000;
}

.page.-service-backend .formats__art {
  width: 400px;
}

.page.-service-backend .formats__art.left {
  margin-right: 64px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats__art.left {
    margin-right: 32px;
  }
}

.page.-service-backend .formats__art.right {
  margin-left: 64px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats__art.right {
    margin-left: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats__art {
    order: -1;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats__art img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats .action {
    width: 100%;
  }
}

.page.-service-backend .formats .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -12px;
  padding-top: 24px;
  padding-bottom: 92px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats .items {
    margin: -6px;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats .items {
    flex-direction: column;
  }
}

.page.-service-backend .formats .items .item {
  flex: 1 1 33.33%;
  padding: 12px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats .items .item {
    padding: 6px;
  }
}

.page.-service-backend .formats .items .item__art {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-service-backend .formats .items .item__art {
    margin-bottom: 12px;
  }
}

.page.-service-backend .formats .items .item__art img {
  display: block;
}

@media (max-width: 767px) {
  .page.-service-backend .formats .items .item__art img {
    display: inline-block;
  }
}

.page.-service-backend .formats .items .item__content {
  background: rgba(48, 68, 99, 0.1);
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.page.-service-backend .formats .items .item__content:hover {
  background: rgba(48, 68, 99, 0.2);
}

@media (max-width: 767px) {
  .page.-service-backend .formats .items .item__content {
    padding: 32px 16px;
    text-align: center;
  }
}

.page.-service-backend .formats .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 16px;
}

.page.-service-backend .formats .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b1b2c1;
}

@media (max-width: 767px) {
  .page.-service-backend .formats .items .item__content p {
    max-width: 100%;
  }
}

.page.-service-backend .formats .items .item__content p span {
  font-weight: 600;
  color: #f8b000;
}

.page.-service-backend .formats .analytics {
  background: url(../../assets/images/service/analytics-bg.png) no-repeat top
    center;
  background-size: cover;
  height: 500px;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats .analytics {
    min-height: 600px;
    padding: 55px 40px;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats .analytics {
    min-height: 700px;
    padding: 35px 15px;
    margin: 0 -15px;
    border-radius: 0;
  }
}

.page.-service-backend .formats .analytics .left {
  margin-left: 70px;
  max-width: 478px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats .analytics .left {
    margin-left: 0;
    max-width: 100%;
  }
}

.page.-service-backend .formats .analytics .left h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 24px;
  max-width: 330px;
}

@media (max-width: 767px) {
  .page.-service-backend .formats .analytics .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.page.-service-backend .formats .analytics .left p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .page.-service-backend .formats .analytics .left .action {
    width: 100%;
  }
}

.page.-service-backend .formats .analytics__art {
  position: absolute;
  bottom: -40px;
  right: -150px;
  max-width: 695px;
}

@media (max-width: 1279px) {
  .page.-service-backend .formats .analytics__art {
    max-width: 100%;
    position: static;
    margin-top: 61px;
  }
}

@media (max-width: 767px) {
  .page.-service-backend .formats .analytics__art {
    margin-top: 40px;
  }
}

.page.-service-backend .formats .analytics__art img {
  max-width: 100%;
}

.page.-service-backend .cases {
  background: #101020;
}

.page.-service-backend .faq {
  background: #101020;
  padding: 80px 0 120px;
}

.page.-service-backend .faq .title {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-service-backend .faq {
    padding: 40px 0;
  }
}

.page.-service-backend .faq .accordion {
  max-width: 800px;
  margin: 0 auto;
}

.page.-service-backend .faq .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}

.page.-service-backend .faq .accordion .item.-open .item__title {
  background-image: url(../../assets/images/service/web/acc-close.svg);
}

.page.-service-backend .faq .accordion .item__title {
  background: url(../../assets/images/service/web/acc-open.svg) no-repeat right
    center;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  padding-right: 40px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-service-backend .faq .accordion .item__title {
    font-size: 14px;
  }
}

.page.-service-backend .faq .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}

.page.-service-backend .faq .accordion .item__content p {
  margin-bottom: 16px;
}

.page.-service-backend .faq .accordion .item__content p:last-child {
  margin-bottom: 0;
}

.page.-service-backend .faq .accordion .item__content ul {
  margin-bottom: 16px;
}

.page.-service-backend .faq .accordion .item__content ul li {
  background: url(../../assets/images/service/web/list-dot.svg) no-repeat left
    5px;
  padding-left: 14px;
  margin-bottom: 8px;
}

.page.-service-backend .other {
  padding: 80px 0;
  background: radial-gradient(
      27.5% 39.19% at 77.5% 60.81%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      35.61% 56.17% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    #2a0c59;
}

.page.-service-backend .other .title {
  text-align: center;
  margin-bottom: 63px;
}

.page.-service-backend .other .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

.page.-service-backend .other .items .item {
  flex: 1 1 50%;
  padding: 8px;
}

@media (max-width: 767px) {
  .page.-service-backend .other .items .item {
    flex: 1 1 100%;
  }
}

.page.-service-backend .other .items .item__content {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 24px;
  height: 100%;
}

.page.-service-backend .other .items .item__content:hover {
  background: rgba(255, 255, 255, 0.04);
}

.page.-service-backend .other .items .item__content h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}

.page.-service-backend .other .items .item__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #bcbdd4;
  margin-bottom: 16px;
}

.page.-service-backend .other .items .item__content .actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.page.-service-team {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background: #f5f5fb;
}

.page.-service-team .title {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

@media (max-width: 1279px) {
  .page.-service-team .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.page.-service-team .intro {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 700px;
}

@media (max-width: 1279px) {
  .page.-service-team .intro {
    min-height: 692px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .intro {
    min-height: 592px;
  }
}

.page.-service-team .intro__video {
  content: "";
  background-size: 110%;
  transition: background-size 0.5s ease;
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .page.-service-team .intro__video {
    background-position: 65% 0;
  }
}

@media (max-width: 1279px) {
  .page.-service-team .intro__video {
    background-size: cover;
  }
}

.page.-service-team .intro__video video {
  position: absolute;
  width: 110%;
  height: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s ease;
}

.page.-service-team .intro__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 2;
}

@media (max-width: 1279px) {
  .page.-service-team .intro__inner {
    background-position: 0 0;
  }
}

.page.-service-team .intro__inner .cover {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  padding-bottom: 64px;
  flex: 2;
}

@media (max-width: 1279px) {
  .page.-service-team .intro__inner .cover {
    min-height: 622px;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .page.-service-team .intro__inner .cover {
    min-height: 536px;
    padding-bottom: 132px;
  }
}

.page.-service-team .intro__inner .cover .wrap-v4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  flex: 2;
}

.page.-service-team .intro__inner .cover__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  padding: 99px 0 150px;
}

@media (max-width: 1279px) {
  .page.-service-team .intro__inner .cover__content {
    min-height: 596px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .intro__inner .cover__content {
    padding: 55px 0 55px;
    min-height: 328px;
  }
}

.page.-service-team .intro__inner .cover__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page.-service-team .intro__inner .cover__text .based-label {
  background: url(../../assets/images/service/team/incognic-min.svg) no-repeat 0
    2px;
  padding-left: 34px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 48px;
}

.page.-service-team .intro__inner .cover__text .based-label strong {
  font-weight: 700;
}

@media (max-width: 767px) {
  .page.-service-team .intro__inner .cover__text .based-label {
    margin-bottom: 24px;
  }
}

.page.-service-team .intro__inner .cover__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.44px;
  color: #fff;
}

.page.-service-team .intro__inner .cover__text h1 span {
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page.-service-team .intro__inner .cover__text h1 br.desktop {
  display: block;
}

.page.-service-team .intro__inner .cover__text h1 br.mobile {
  display: none;
}

@media (max-width: 1279px) {
  .page.-service-team .intro__inner .cover__text h1 {
    font-size: 48px;
    line-height: 56px;
  }
  .page.-service-team .intro__inner .cover__text h1 br.desktop {
    display: none;
  }
  .page.-service-team .intro__inner .cover__text h1 br.mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-service-team .intro__inner .cover__text h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .page.-service-team .intro__inner .cover__text h1 br {
    display: none;
  }
}

.page.-service-team .intro__inner .cover__text h1 span {
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page.-service-team .intro__inner .cover__tags {
  margin-top: 48px;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

@media (max-width: 767px) {
  .page.-service-team .intro__inner .cover__tags {
    margin-top: 24px;
    max-width: 290px;
    line-height: 38px;
  }
}

.page.-service-team .intro__inner .cover__tags span.tag {
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding: 2px 6px;
  border-radius: 8px;
  background: #5d21d1;
}

.page.-service-team .intro__inner .cover__actions {
  margin-top: 48px;
}

@media (max-width: 767px) {
  .page.-service-team .intro__inner .cover__actions {
    margin-top: 24px;
  }
}

.page.-service-team .info-desc {
  color: #131426;
  padding: 0 0 64px 0;
  position: relative;
  z-index: 10;
}

.page.-service-team .info-desc__top {
  margin-bottom: 8px;
}

.page.-service-team .info-desc__top .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-service-team .info-desc__top .items {
    flex-direction: column;
  }
}

.page.-service-team .info-desc__top .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-service-team .info-desc__top .items .item {
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .page.-service-team .info-desc__top .items .item {
    padding: 24px;
    flex-direction: column;
  }
}

.page.-service-team .info-desc__top .items .item img {
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-service-team .info-desc__top .items .item img {
    margin: 0 40px 0 0;
    max-width: 90px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .info-desc__top .items .item img {
    margin: 0 0 24px 0;
    max-width: 72px;
  }
}

.page.-service-team .info-desc__top .items .item h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-service-team .info-desc__top .items .item h3 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-service-team .info-desc__top .items .item h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.page.-service-team .info-desc__top .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (max-width: 767px) {
  .page.-service-team .info-desc__top .items .item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}

.page.-service-team .info-desc__bot .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-service-team .info-desc__bot .items {
    flex-direction: column;
  }
}

.page.-service-team .info-desc__bot .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

.page.-service-team .info-desc__bot h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .page.-service-team .info-desc__bot h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
}

.page.-service-team .info-desc__bot h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-service-team .achievements {
  padding: 0 0 80px;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-service-team .achievements {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-team .achievements {
    padding: 8px 0;
  }
}

.page.-service-team .achievements .wrap-v4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-service-team .achievements .wrap-v4 {
    flex-direction: column;
  }
}

.page.-service-team .achievements .left {
  flex: 1;
}

.page.-service-team .achievements .left .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-service-team .achievements .left .items {
    margin: 0 -15px;
    padding: 0 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .page.-service-team .achievements .left .items::-webkit-scrollbar {
    display: none;
  }
}

.page.-service-team .achievements .left .items .item {
  flex: 0 0 calc(50% - 4px);
  height: 196px;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .page.-service-team .achievements .left .items .item {
    height: 168px;
    min-width: 300px;
  }
}

.page.-service-team .achievements .left .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 36px;
  background: url(../../assets/images/home-v5/ic_achievements.svg) no-repeat
    right center;
}

.page.-service-team .achievements .left .items .item .logo {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
}

.page.-service-team .achievements .left .items .item .logo img {
  max-height: 26px;
}

.page.-service-team .achievements .right {
  width: 50%;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-service-team .achievements .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-team .achievements .right {
    padding: 32px 24px;
  }
}

.page.-service-team .achievements__reviews {
  height: 100%;
}

.page.-service-team .achievements__reviews .item {
  padding-left: 5px;
  min-height: 336px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page.-service-team .achievements__reviews .item img {
  width: auto;
}

.page.-service-team .achievements__reviews .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-service-team .achievements__reviews .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-service-team .achievements__reviews .item__score .logo {
  background-size: contain;
  margin-right: 36px;
}

.page.-service-team .achievements__reviews .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.page.-service-team .achievements__reviews .item__score-stars img {
  width: 16px;
  height: 15px;
}

.page.-service-team .achievements__reviews .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.page.-service-team .achievements__reviews .item__review-author {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  .page.-service-team .achievements__reviews .item__review-author {
    margin-top: 48px;
  }
}

.page.-service-team .achievements__reviews .item__review-author-picture {
  margin-right: 24px;
}

.page.-service-team .achievements__reviews .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.page.-service-team .achievements__reviews .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-service-team .achievements__reviews .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-service-team .achievements__reviews .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .page.-service-team .achievements__reviews .owl-nav {
    position: static;
    margin-top: 48px;
  }
}

.page.-service-team .achievements__reviews .owl-nav .owl-next,
.page.-service-team .achievements__reviews .owl-nav .owl-prev {
  width: 36px;
  height: 36px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-service-team .achievements__reviews .owl-nav .owl-next:hover,
.page.-service-team .achievements__reviews .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-service-team .achievements__reviews .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.page.-service-team .hiw {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 767px) {
  .page.-service-team .hiw {
    padding: 48px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw {
    padding: 48px 0;
  }
}

.page.-service-team .hiw .title {
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw .title {
    margin-bottom: 32px;
  }
}

.page.-service-team .hiw__wrap {
  padding: 80px 48px;
  border-radius: 24px;
  border: 2px solid #fff;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
  box-shadow: 0 24px 40px 0 rgba(28, 28, 56, 0.04);
}

@media (max-width: 1279px) {
  .page.-service-team .hiw__wrap {
    padding: 64px 24px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 24px 40px 0 rgba(28, 28, 56, 0.04);
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw__wrap {
    padding: 48px 16px;
  }
}

.page.-service-team .hiw__content {
  display: flex;
}

.page.-service-team .hiw .left {
  flex: 1 1 60%;
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left {
    flex: 1 1 100%;
  }
}

.page.-service-team .hiw .left .items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page.-service-team .hiw .left .items .item {
  cursor: pointer;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid #f5f5fb;
}

.page.-service-team .hiw .left .items .item:last-child {
  border-bottom: none;
}

.page.-service-team .hiw .left .items .item .tl,
.page.-service-team .hiw .left .items .item p {
  display: none;
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left .items .item .tl,
  .page.-service-team .hiw .left .items .item p {
    display: block;
  }
}

.page.-service-team .hiw .left .items .item .step {
  color: #5d21d1;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.page.-service-team .hiw .left .items .item h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left .items .item h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw .left .items .item h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.page.-service-team .hiw .left .items .item p {
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}

.page.-service-team .hiw .left .items .item .tl {
  color: #131426;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-left: 32px;
  background: url(../../assets/images/service/team/hiw-tl.svg) no-repeat left
    center;
}

@media (min-width: 1280px) {
  .page.-service-team .hiw .left .items .item.-active {
    align-items: flex-start;
    border-radius: 0 24px 24px 24px;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(50, 50, 107, 0.04);
    position: relative;
  }
  .page.-service-team .hiw .left .items .item.-active .step::after {
    content: "";
    position: absolute;
    top: 62px;
    bottom: 32px;
    left: 45px;
    width: 8px;
    background: url(../../assets/images/service/team/hiw-arrow.svg) no-repeat
      center center;
    background-size: contain;
  }
  .page.-service-team .hiw .left .items .item.-active h4 {
    margin-top: 6px;
    margin-bottom: 16px;
  }
  .page.-service-team .hiw .left .items .item.-active .tl,
  .page.-service-team .hiw .left .items .item.-active p {
    display: block;
  }
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left .items .item {
    padding: 32px;
    align-items: flex-start;
    position: relative;
  }
  .page.-service-team .hiw .left .items .item .step::after {
    content: "";
    position: absolute;
    top: 68px;
    bottom: 32px;
    left: 44px;
    width: 8px;
    background: url(../../assets/images/service/team/hiw-arrow.svg) no-repeat
      center center;
    background-size: contain;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .page.-service-team .hiw .left .items .item .step::after {
    top: 48px;
    bottom: 10px;
    left: 21px;
  }
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left .items .item .item__art img {
    max-width: 120px;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .page.-service-team .hiw .left .items .item .item__art img {
    max-width: 72px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw .left .items .item {
    padding: 8px;
    gap: 24px;
  }
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left .items .item__content {
    display: flex;
    gap: 48px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw .left .items .item__content {
    flex-direction: column;
    gap: 16px;
  }
}

.page.-service-team .hiw .left .items .item__art {
  display: none;
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .left .items .item__art {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-service-team .hiw .left .items .item__art {
    order: -1;
  }
  .page.-service-team .hiw .left .items .item__art img {
    max-width: 72px;
  }
}

.page.-service-team .hiw .left .items .item:hover h4 {
  color: #5d21d1;
}

.page.-service-team .hiw .right {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1279px) {
  .page.-service-team .hiw .right {
    display: none;
  }
}

.page.-service-team .hiw .right .hiw__art {
  display: none;
  text-align: center;
}

.page.-service-team .hiw .right .hiw__art.-active {
  display: block;
}

.page.-service-team .why-incognic {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-service-team .why-incognic {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic {
    padding: 48px 0;
  }
}

.page.-service-team .why-incognic .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .title {
    margin-bottom: 32px;
  }
}

.page.-service-team .why-incognic .items {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.page.-service-team .why-incognic .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .page.-service-team .why-incognic .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-service-team .why-incognic .items .item__content {
  min-height: 248px;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 64px;
}

@media (max-width: 1279px) {
  .page.-service-team .why-incognic .items .item__content {
    padding: 64px 48px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .items .item__content {
    min-height: auto;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}

.page.-service-team .why-incognic .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.page.-service-team .why-incognic .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .items .item .left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-service-team .why-incognic .items .item .left h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.page.-service-team .why-incognic .items .item .right {
  width: 120px;
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .items .item .right {
    width: 72px;
  }
}

.page.-service-team .why-incognic .items .item .right > a {
  display: block;
}

.page.-service-team .why-incognic .items .item .right img {
  max-width: 100%;
}

.page.-service-team .why-incognic .request-cv {
  margin-top: 8px;
  padding: 32px;
  border-radius: 24px;
  background: #fbfbfe;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.page.-service-team .why-incognic .request-cv br {
  display: none;
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .request-cv br {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .request-cv {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}

.page.-service-team .why-incognic .request-cv h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 767px) {
  .page.-service-team .why-incognic .request-cv h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-service-team .best-results {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .page.-service-team .best-results {
    padding: 48px 0;
  }
}

.page.-service-team .best-results .title {
  text-align: center;
  margin-bottom: 64px;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .title {
    max-width: 360px;
    margin: 0 auto 64px auto;
  }
}

@media (max-width: 767px) {
  .page.-service-team .best-results .title {
    margin-bottom: 32px;
  }
}

.page.-service-team .best-results .items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .items {
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .best-results .items {
    flex-direction: column;
  }
}

.page.-service-team .best-results .items .item {
  flex: 1;
  padding: 48px 40px;
  border-radius: 24px;
  color: #fff;
  background: #7c42da;
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .items .item {
    padding: 40px 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .best-results .items .item {
    padding: 32px;
  }
}

.page.-service-team .best-results .items .item:nth-child(1) {
  transform: rotate(3deg);
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .items .item:nth-child(1) {
    transform: rotate(0);
  }
}

.page.-service-team .best-results .items .item:nth-child(2) {
  transform: rotate(-3deg);
  background: #4252da;
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .items .item:nth-child(2) {
    transform: rotate(0);
  }
}

.page.-service-team .best-results .items .item:nth-child(3) {
  transform: rotate(3deg);
  background: #429ada;
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .items .item:nth-child(3) {
    transform: rotate(0);
    padding-bottom: 32px;
  }
}

.page.-service-team .best-results .items .item__art {
  margin-bottom: 32px;
}

.page.-service-team .best-results .items .item:hover {
  transform: rotate(0);
}

.page.-service-team .best-results .items h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-service-team .best-results .items h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .best-results .items h5 br {
    display: none;
  }
}

.page.-service-team .best-results .items p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-service-team .swl {
  padding: 64px 0 80px;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
}

@media (max-width: 1279px) {
  .page.-service-team .swl {
    padding: 48px 0;
  }
}

.page.-service-team .swl .wrap-v4 {
  display: flex;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-service-team .swl .wrap-v4 {
    flex-direction: column;
  }
}

.page.-service-team .swl .left {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: linear-gradient(180deg, #0a9359 0, #709f34 100%);
}

@media (max-width: 767px) {
  .page.-service-team .swl .left {
    padding: 40px 24px;
  }
}

.page.-service-team .swl .left h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}

.page.-service-team .swl .left h3 span {
  color: rgba(255, 255, 255, 0.64);
}

@media (max-width: 767px) {
  .page.-service-team .swl .left h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.page.-service-team .swl .left .items .item {
  padding: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 1279px) {
  .page.-service-team .swl .left .items .item {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-team .swl .left .items .item {
    padding: 16px 0;
  }
}

.page.-service-team .swl .left .items h4 {
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 4px 0 4px 56px;
  background: url(../../assets/images/allpic/swl-check.svg) no-repeat left
    center;
}

@media (max-width: 1279px) {
  .page.-service-team .swl .left .items h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .swl .left .items h4 {
    font-size: 16px;
    line-height: 22px;
  }
}

.page.-service-team .swl .right {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: url(../../assets/images/allpic/swl-bg-2@2x.webp) no-repeat 48px
      calc(100% - 65px),
    linear-gradient(131deg, #9935e8 0, #e85535 100%);
  color: #fff;
  background-size: 700px;
}

@media (max-width: 1279px) {
  .page.-service-team .swl .right {
    min-height: 596px;
    background-size: contain;
    background-position-y: 100%;
  }
}

@media (max-width: 767px) {
  .page.-service-team .swl .right {
    padding: 40px 24px;
    min-height: 476px;
    background-size: 570px;
    background-position-y: 112%;
  }
}

.page.-service-team .swl .right h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.64px;
}

@media (max-width: 767px) {
  .page.-service-team .swl .right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.page.-service-team .t-stack {
  background: #fff;
  padding: 120px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-service-team .t-stack {
    padding: 48px 0;
  }
}

.page.-service-team .t-stack .title {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack .title {
    text-align: center;
  }
}

.page.-service-team .t-stack h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack h4 {
    margin-bottom: 0;
    position: relative;
  }
  .page.-service-team .t-stack h4::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../../assets/images/service/team/t-stack-arrow-right.svg)
      no-repeat center center;
    position: absolute;
    right: 0;
    top: -8px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .t-stack h4 {
    font-size: 18px;
  }
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack__item {
    margin-bottom: 0;
    padding: 24px 0;
    border-bottom: 1px solid #efeff6;
  }
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack__item.-active .items {
    display: flex;
  }
}

.page.-service-team .t-stack__item.-active h4 {
  padding-bottom: 32px;
}

.page.-service-team .t-stack__item.-active h4::after {
  background-image: url(../../assets/images/service/team/t-stack-arrow-up.svg);
}

.page.-service-team .t-stack__item.-hm {
  display: none;
}

.page.-service-team .t-stack__all {
  display: flex;
  padding: 12px 32px 20px 32px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  margin-top: 24px;
  color: #131426;
  cursor: pointer;
  border: 1px solid #e8e8f2;
}

.page.-service-team .t-stack__all:hover {
  border: 1px solid #d7d7ec;
}

.page.-service-team .t-stack__all .more-text {
  display: block;
}

.page.-service-team .t-stack__all .less-text {
  display: none;
}

.page.-service-team .t-stack__all.-less img {
  transform: rotate(180deg);
}

.page.-service-team .t-stack__all.-less .more-text {
  display: none;
}

.page.-service-team .t-stack__all.-less .less-text {
  display: block;
}

.page.-service-team .t-stack__all h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-service-team .t-stack .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 48px;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack .items {
    display: none;
    margin-bottom: 0;
  }
}

.page.-service-team .t-stack .items .item {
  flex: 0 0 calc(16.6% - 6px);
  border-radius: 12px;
  background: #fbfbfe;
  padding: 16px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack .items .item {
    flex: 0 0 calc(25% - 6px);
    padding: 16px 32px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .t-stack .items .item {
    flex: 0 0 calc(50% - 6px);
  }
}

.page.-service-team .t-stack .items .item img {
  max-width: 64px;
  height: 65px;
}

.page.-service-team .t-stack .items .item.-hm {
  display: none;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack .items .item.-hm {
    display: flex;
  }
}

.page.-service-team .t-stack .items .item.-show-more {
  background: #fff;
  border: 1px solid #e8e8f2;
  cursor: pointer;
}

.page.-service-team .t-stack .items .item.-show-more:hover {
  border: 1px solid #d7d7ec;
}

@media (max-width: 1279px) {
  .page.-service-team .t-stack .items .item.-show-more {
    display: none;
  }
}

.page.-service-team .t-stack .items .item.-show-more .more-text {
  display: block;
}

.page.-service-team .t-stack .items .item.-show-more .less-text {
  display: none;
}

.page.-service-team .t-stack .items .item.-show-more.-less img {
  transform: rotate(180deg);
}

.page.-service-team .t-stack .items .item.-show-more.-less .more-text {
  display: none;
}

.page.-service-team .t-stack .items .item.-show-more.-less .less-text {
  display: block;
}

.page.-service-team .t-stack__more {
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  color: #131426;
  text-align: center;
  margin-top: 48px;
}

@media (max-width: 767px) {
  .page.-service-team .t-stack__more {
    padding: 32px 24px;
  }
}

.page.-service-team .t-stack__more h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.page.-service-team .t-stack__more p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}

.page.-service-team .t-stack__more-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.page.-service-team .stories {
  background: #fff;
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-service-team .stories {
    padding: 64px 0;
  }
}

.page.-service-team .stories .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-service-team .stories .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .stories .title {
    margin-bottom: 32px;
  }
}

.page.-service-team .stories .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 0 5px;
}

@media (max-width: 1279px) {
  .page.-service-team .stories .items {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

.page.-service-team .stories .items .item {
  padding: 40px;
  border-radius: 24px;
  background: #fff;
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-service-team .stories .items .item {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .page.-service-team .stories .items .item {
    padding: 32px;
  }
}

.page.-service-team .stories .items .item:nth-child(1) {
  grid-row: 1/3;
  background: radial-gradient(153.73% 141.42% at 0 0, #9935e8 0, #e85535 100%);
  color: #fff;
}

.page.-service-team .stories .items .item:nth-child(2) {
  background: #b9e8f7;
}

.page.-service-team .stories .items .item:nth-child(3) {
  background: #d1b9f7;
}

.page.-service-team .stories .items .item img {
  width: auto !important;
}

.page.-service-team .stories .items .item h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-service-team .stories .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin: 24px 0;
}

@media (max-width: 767px) {
  .page.-service-team .stories .items .item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-service-team .stories .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 16px 0;
}

@media (max-width: 767px) {
  .page.-service-team .stories .items .item h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-service-team .stories .items .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 1279px) {
  .page.-service-team .stories .items .item__review-author {
    margin-bottom: 40px;
  }
}

.page.-service-team .stories .items .item__review-author-picture img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.page.-service-team .stories .items .item__review-author-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.page.-service-team .stories .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.page.-service-team .stories .items-2 .item:nth-child(1) {
  color: #fff;
  background: linear-gradient(119deg, #3419a0 0.04%, #681087 100.04%);
}

.page.-service-team .stories .items-2 .item:nth-child(2) {
  background: #ffc5c5;
}

.page.-service-team .stories .items-2 .item:nth-child(3) {
  background: #e4e8ff;
}

.page.-service-team .stories .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.page.-service-team .stories .owl-nav .owl-next,
.page.-service-team .stories .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-service-team .stories .owl-nav .owl-next:hover,
.page.-service-team .stories .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-service-team .stories .owl-nav .owl-prev {
  transform: rotate(180deg);
}

.page.-service-team .faq {
  background: #fff;
  color: #131426;
  padding-bottom: 80px;
}

.page.-service-team .faq__wrap {
  padding: 80px;
  border-radius: 24px;
  background: #f7f7f9;
  display: flex;
  gap: 64px;
}

@media (max-width: 1279px) {
  .page.-service-team .faq__wrap {
    padding: 64px 40px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .faq__wrap {
    padding: 40px 24px;
  }
}

.page.-service-team .faq .left {
  width: 306px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .page.-service-team .faq .left {
    display: none;
  }
}

.page.-service-team .faq .left h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.page.-service-team .faq .left img {
  max-width: 157px;
}

.page.-service-team .faq .right {
  flex: 1;
}

.page.-service-team .faq .right h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 48px;
  display: none;
}

@media (max-width: 1279px) {
  .page.-service-team .faq .right h2 {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-service-team .faq .right h2 {
    margin-bottom: 32px;
  }
}

.page.-service-team .faq .items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page.-service-team .faq .items .item {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ebebf3;
}

.page.-service-team .faq .items .item:last-child {
  border-bottom: none;
}

.page.-service-team .faq .items .item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
  background: url(../../assets/images/service/team/faq-plus.svg) no-repeat right -1px;
  padding-right: 48px;
}

@media (max-width: 1279px) {
  .page.-service-team .faq .items .item h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-service-team .faq .items .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
}

.page.-service-team .faq .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  padding-right: 48px;
  display: none;
}

.page.-service-team .faq .items .item.-hm {
  display: none;
}

@media (max-width: 1279px) {
  .page.-service-team .faq .items .item.-hm {
    display: block;
  }
}

.page.-service-team .faq .items .item.-show-more {
  background: linear-gradient(95deg, #9935e8 0, #e85535 25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1279px) {
  .page.-service-team .faq .items .item.-show-more {
    display: none;
  }
}

.page.-service-team .faq .items .item.-show-more h3 {
  background-image: url(../../assets/images/service/team/faq-arrow.svg);
}

.page.-service-team .faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../../assets/images/service/team/faq-minus.svg);
}

.page.-service-team .faq .items .item.-active p {
  display: block;
}

/*!
 * _service-backend.scss
 * 
 *
 * 
 * 
 */

@media (max-width: 1279px) {
  .page.-solution-ai .back {
    left: 37px;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai .back {
    left: 0;
  }
}

.page.-solution-ai .back a::before {
  background: rgba(255, 255, 255, 0.8);
}

.page.-solution-ai .middle {
  overflow: hidden;
  padding-top: 0;
}

.page.-solution-ai .container {
  max-width: 1300px;
  margin: 0 auto;
}

@media (max-width: 1279px) {
  .page.-solution-ai .container {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai .container {
    padding: 0 15px;
  }
}

.page.-solution-ai .action {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 24px;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  min-width: 111px;
  text-align: center;
  cursor: pointer;
}

.page.-solution-ai .action svg {
  width: 12px;
  height: 11px;
  margin-left: 35px;
  transform: scale(-1, 1);
}

.page.-solution-ai .topDesc {
  background-size: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
  color: #131426;
}

@media (min-width: 768px) {
  .page.-solution-ai .topDesc {
    height: 850px;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai .topDesc {
    min-height: auto;
  }
}

.page.-solution-ai .topDesc .left {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  padding-right: 100px;
  background: radial-gradient(
      51.4% 73.87% at 14.66% 12.86%,
      rgba(191, 155, 237, 0.2) 0,
      rgba(238, 161, 150, 0) 100%
    ),
    linear-gradient(180deg, #f4ebeb 0, #fff 34.38%);
  height: 100%;
}

@media (max-width: 1279px) {
  .page.-solution-ai .topDesc .left {
    width: 100%;
    padding: 0 15px;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai .topDesc .left {
    padding-bottom: 64px;
  }
}

.page.-solution-ai .topDesc .left .left-inner {
  padding-top: 250px;
  width: 550px;
}

@media (max-width: 1279px) {
  .page.-solution-ai .topDesc .left .left-inner {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai .topDesc .left .left-inner {
    padding-top: 200px;
  }
}

.page.-solution-ai .topDesc .right {
  width: 50%;
  background-image: url(../../assets/images/solution-ai/cover-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

@media (max-width: 1279px) {
  .page.-solution-ai .topDesc .right {
    display: none;
  }
}

.page.-solution-ai .topDesc p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
}

.page.-solution-ai .topDesc p span {
  font-weight: 700;
}

@media (max-width: 767px) {
  .page.-solution-ai .topDesc p br {
    display: none;
  }
}

.page.-solution-ai .topDesc .actions {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .page.-solution-ai .topDesc .actions .action {
    width: 100%;
    height: 48px;
    line-height: 32px;
  }
}

.page.-solution-ai section.integrations {
  background: radial-gradient(
      76.03% 47.55% at 50% 52.45%,
      rgba(255, 255, 255, 0.5) 0,
      rgba(239, 241, 255, 0.5) 100%
    ),
    #eff1ff;
  padding: 100px 0;
  color: #131426;
}

@media (max-width: 767px) {
  .page.-solution-ai section.integrations {
    padding: 64px 0;
  }
}

.page.-solution-ai section.integrations .items {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .page.-solution-ai section.integrations .items {
    flex-direction: column;
  }
}

.page.-solution-ai section.integrations .items .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  width: calc(20% - 4px);
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid #fff;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .page.-solution-ai section.integrations .items .item {
    width: 100%;
    margin-bottom: 12px;
  }
}

.page.-solution-ai section.integrations .items .item img {
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 32px;
}

.page.-solution-ai section.integrations .items .item h5 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}

.page.-solution-ai section.how-ai-models-help {
  padding: 100px 0;
  background: #eff1ff;
  color: #131426;
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-ai-models-help {
    padding: 64px 0;
  }
}

.page.-solution-ai section.how-ai-models-help .title {
  margin-bottom: 64px;
  text-align: center;
}

.page.-solution-ai section.how-ai-models-help .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-ai-models-help .items {
    flex-wrap: wrap;
  }
}

.page.-solution-ai section.how-ai-models-help .items .item {
  flex: 1 1 33%;
  max-width: 33%;
  padding: 8px;
  min-height: 220px;
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-ai-models-help .items .item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-solution-ai section.how-ai-models-help .items .item__desc {
  padding-right: 15px;
}

.page.-solution-ai section.how-ai-models-help .items .item__content {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid #fff;
  border-radius: 8px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-ai-models-help .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-ai-models-help .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-solution-ai section.how-ai-models-help .items .item__content img,
.page.-solution-ai section.how-ai-models-help .items .item__content svg {
  width: 48px;
  min-width: 48px;
  margin-right: 24px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-ai-models-help .items .item__content img,
  .page.-solution-ai section.how-ai-models-help .items .item__content svg {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-solution-ai section.how-ai-models-help .items .item__content p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6f7093;
}

.page.-solution-ai section.how-it-works {
  background-image: url(../../assets/images/solution-ai/how-it-works-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.page.-solution-ai section.how-it-works .container {
  display: flex;
  flex-direction: column;
  padding: 120px 0;
  text-align: center;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-it-works .container {
    padding: 80px 24px;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-it-works .container {
    flex-direction: column;
    align-items: center;
    padding: 64px 15px;
  }
}

.page.-solution-ai section.how-it-works .container h3 {
  text-align: center;
  margin-bottom: 64px;
}

.page.-solution-ai section.how-it-works .container .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-it-works .container .items {
    flex-wrap: wrap;
  }
}

.page.-solution-ai section.how-it-works .container .items .item {
  width: calc(33% - 16px);
  max-width: 33%;
  padding: 8px;
  min-height: 220px;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 12px;
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-it-works .container .items .item {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 12px;
  }
}

.page.-solution-ai section.how-it-works .container .items .item__content {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page.-solution-ai section.how-it-works .container .items .item__content:hover {
  background: rgba(255, 255, 255, 0.015);
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-it-works .container .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-it-works .container .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-solution-ai section.how-it-works .container .items .item__content svg {
  width: 40px;
  min-width: 32px;
  margin-bottom: 32px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.how-it-works .container .items .item__content svg {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-solution-ai section.how-it-works .container .items .item__content h3 {
  margin-bottom: 12px;
}

.page.-solution-ai section.how-it-works .container .items .item__content p {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 0 20px;
}

.page.-solution-ai section.how-it-works .container .gradient-block {
  margin-top: 64px;
  padding: 32px;
  background: linear-gradient(94.67deg, #9935e8 0, #e85535 100%);
  border-radius: 8px;
}

.page.-solution-ai section.how-it-works .container .gradient-block h4 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-solution-ai section.how-it-works .container .gradient-block h4 {
    font-size: 28px;
  }
}

.page.-solution-ai section.how-it-works .container .gradient-block p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 16px;
}

.page.-solution-ai section.how-it-works .container .gradient-block .action {
  background: #fff;
  color: #131426;
}

.page.-solution-ai section.ai-examples {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #131426;
}

.page.-solution-ai section.ai-examples .examples-row {
  width: 100%;
  display: flex;
}

@media (max-width: 767px) {
  .page.-solution-ai section.ai-examples .examples-row {
    flex-direction: column;
  }
}

.page.-solution-ai section.ai-examples .examples-row > .left {
  background: linear-gradient(180deg, #e0e5f8 0, #eff1ff 100%);
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .page.-solution-ai section.ai-examples .examples-row > .left {
    width: 100%;
    padding: 24px 15px;
  }
}

@media (min-width: 768px) {
  .page.-solution-ai section.ai-examples .examples-row > .left {
    padding: 64px;
  }
}

.page.-solution-ai section.ai-examples .examples-row > .left h2 {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .page.-solution-ai section.ai-examples .examples-row > .left h2 {
    text-align: left;
  }
}

.page.-solution-ai section.ai-examples .examples-row > .left h4 {
  margin-bottom: 64px;
}

@media (min-width: 768px) {
  .page.-solution-ai section.ai-examples .examples-row > .left p {
    text-align: left;
  }
}

.page.-solution-ai section.ai-examples .examples-row > .left .left-inner {
  width: 581px;
  color: #131426;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  .section-title-block {
  margin-bottom: 28px;
}

.page.-solution-ai section.ai-examples .examples-row > .left .left-inner > h3 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 24px;
}

.page.-solution-ai section.ai-examples .examples-row > .left .left-inner > p {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .page.-solution-ai
    section.ai-examples
    .examples-row
    > .left
    .left-inner
    .select2 {
    display: none;
  }
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  .select2
  .select2-selection {
  background: #fff;
  border: 1px solid #c6c7db;
  border-radius: 6px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  .select2
  .select2-selection
  .select2-selection__rendered {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #131426 !important;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  .select2
  .select2-selection
  .select2-selection__arrow
  b {
  border: transparent;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  .select2
  .select2-selection
  .select2-selection__arrow::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L12 20L17 15M7 9L12 4L17 9' stroke='%23131426' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  top: 1px;
  right: 0;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > select {
  border-radius: 6px;
  width: 100%;
  padding: 12px;
}

@media (min-width: 768px) {
  .page.-solution-ai
    section.ai-examples
    .examples-row
    > .left
    .left-inner
    > select {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.ai-examples
    .examples-row
    > .left
    .left-inner
    > ul {
    display: none;
  }
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #686a8b;
  opacity: 0.8;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.ai-examples
    .examples-row
    > .left
    .left-inner
    > ul
    li {
    padding: 20px 15px 20px 0;
  }
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li
  svg {
  margin-right: 34px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: " ";
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li::after {
  content: " ";
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li
  svg
  defs {
  display: none;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li.active,
.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li:hover {
  opacity: 1;
  color: #131426;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.04) 0,
    rgba(255, 255, 255, 0) 100%
  );
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li.active
  svg
  defs,
.page.-solution-ai
  section.ai-examples
  .examples-row
  > .left
  .left-inner
  > ul
  li:hover
  svg
  defs {
  display: block;
}

.page.-solution-ai section.ai-examples .examples-row > .right {
  width: 50%;
  display: flex;
  background: #eff1ff;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .page.-solution-ai section.ai-examples .examples-row > .right {
    width: 100%;
    overflow-x: scroll;
  }
}

@media (min-width: 768px) {
  .page.-solution-ai section.ai-examples .examples-row > .right {
    padding: 64px;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.ai-examples .examples-row > .right {
    padding: 24px 15px;
  }
}

.page.-solution-ai section.ai-examples .examples-row > .right .right-inner {
  display: none;
  color: #131426;
  width: 581px;
}

@media (max-width: 767px) {
  .page.-solution-ai section.ai-examples .examples-row > .right .right-inner {
    width: -moz-max-content;
    width: max-content;
  }
  .page.-solution-ai
    section.ai-examples
    .examples-row
    > .right
    .right-inner.active {
    display: flex !important;
  }
}

@media (min-width: 768px) {
  .page.-solution-ai section.ai-examples .examples-row > .right .right-inner {
    height: 670px;
    overflow-y: scroll;
  }
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner.active {
  display: block;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  .block {
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 32px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.ai-examples
    .examples-row
    > .right
    .right-inner
    .block {
    width: 230px;
    margin-right: 12px;
    padding: 24px;
  }
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  .block
  > h4 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  .block
  > p {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul:not(.collapsed)
  li:nth-child(n + 6) {
  display: none;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul
  li {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul
  li
  .left {
  margin-right: 24px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul
  li
  .left
  img {
  width: 16px;
  height: 16px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul
  li
  .right {
  display: flex;
  flex-direction: column;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul
  li
  .right
  > h5 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
}

.page.-solution-ai
  section.ai-examples
  .examples-row
  > .right
  .right-inner
  ul
  li
  .right
  p {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.page.-solution-ai section.ai-driven {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 0;
  text-align: center;
  background-image: url(../../assets/images/solution-ai/bubble-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.ai-driven {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.ai-driven {
    padding: 64px 15px;
  }
}

.page.-solution-ai section.ai-driven svg {
  margin-bottom: 24px;
}

.page.-solution-ai section.ai-driven .title {
  text-align: center;
  margin-bottom: 16px;
}

.page.-solution-ai section.ai-driven .subTitle {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 24px;
}

.page.-solution-ai section.ai-driven .action {
  background: #fff;
  color: #131426;
}

.page.-solution-ai section.why-incognic {
  display: flex;
  justify-content: center;
  background-image: url(../../assets/images/solution-ai/meeting-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1280px) {
  .page.-solution-ai section.why-incognic {
    padding: 70px 0 100px;
  }
}

.page.-solution-ai section.why-incognic .container {
  display: flex;
  flex-direction: column;
  padding: 100px 24px 80px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.why-incognic .container {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .page.-solution-ai section.why-incognic .container {
    width: 1300px;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.why-incognic .container {
    flex-direction: column;
    align-items: center;
    padding: 64px 15px;
  }
}

.page.-solution-ai section.why-incognic .container svg.logo {
  margin-bottom: 24px;
}

.page.-solution-ai section.why-incognic .container h3 {
  margin-bottom: 64px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  width: 100%;
  margin-bottom: 64px;
}

@media (min-width: 1280px) {
  .page.-solution-ai section.why-incognic .container h3 {
    width: 810px;
  }
}

.page.-solution-ai section.why-incognic .container .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 64px;
  border-bottom: 1px dashed #36374d;
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.why-incognic .container .items {
    flex-wrap: wrap;
  }
}

.page.-solution-ai section.why-incognic .container .items .item {
  min-height: 220px;
}

@media (min-width: 768px) {
  .page.-solution-ai section.why-incognic .container .items .item {
    width: calc(33% - 60px);
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.why-incognic .container .items .item {
    padding: 8px;
    width: unset;
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.page.-solution-ai section.why-incognic .container .items .item__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .page.-solution-ai section.why-incognic .container .items .item__content {
    padding: 24px;
  }
}

@media (max-width: 1279px) {
  .page.-solution-ai section.why-incognic .container .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai section.why-incognic .container .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}

.page.-solution-ai section.why-incognic .container .items .item__content svg {
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-solution-ai section.why-incognic .container .items .item__content svg {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.page.-solution-ai section.why-incognic .container .items .item__content h3 {
  margin-bottom: 12px;
}

.page.-solution-ai section.why-incognic .container .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.page.-solution-ai section.why-incognic .container .why-incognic-block h3 {
  margin-bottom: 32px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .top-row {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.why-incognic
    .container
    .why-incognic-block
    .colorful-items
    .top-row {
    flex-direction: column;
  }
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .top-row
  > .item {
  width: calc(33% - 8px);
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.why-incognic
    .container
    .why-incognic-block
    .colorful-items
    .top-row
    > .item {
    width: 100%;
  }
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .top-row
  > .item:nth-child(1) {
  background: linear-gradient(93.19deg, #9935e8 0, #e85535 302.95%);
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .top-row
  > .item:nth-child(2) {
  background: linear-gradient(93.18deg, #9935e8 -97.88%, #e85535 204.58%);
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .top-row
  > .item:nth-child(3) {
  background: linear-gradient(93.23deg, #9935e8 -196.04%, #e85535 105.93%);
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .bottom-row {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .page.-solution-ai
    section.why-incognic
    .container
    .why-incognic-block
    .colorful-items
    .bottom-row {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.why-incognic
    .container
    .why-incognic-block
    .colorful-items
    .bottom-row {
    flex-direction: column;
  }
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .bottom-row
  > .item {
  width: calc(50% - 8px);
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.why-incognic
    .container
    .why-incognic-block
    .colorful-items
    .bottom-row
    > .item {
    width: 100%;
  }
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .bottom-row
  > .item:nth-child(1) {
  background: linear-gradient(94.79deg, #9935e8 -8.77%, #e85535 194.63%);
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .bottom-row
  > .item:nth-child(2) {
  background: linear-gradient(94.76deg, #9935e8 -102.58%, #e85535 100%);
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .item {
  display: flex;
  align-items: center;
  padding: 32px 24px;
  border-radius: 8px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.page.-solution-ai
  section.why-incognic
  .container
  .why-incognic-block
  .colorful-items
  .item
  svg {
  margin-right: 24px;
}

@media (max-width: 767px) {
  .page.-solution-ai
    section.why-incognic
    .container
    .why-incognic-block
    .colorful-items
    .item {
    margin-bottom: 12px;
  }
}

.page.-solution-ai h1 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .page.-solution-ai h1 {
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 16px;
  }
}

.page.-solution-ai h2 {
  margin-bottom: 32px;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 767px) {
  .page.-solution-ai h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

.page.-solution-ai h3 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
}

.page.-solution-ai .title {
  text-align: center;
  margin-bottom: 16px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}

@media (max-width: 767px) {
  .page.-solution-ai .title {
    font-size: 24px;
  }
}

.page.-solution-ai .subTitle {
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.page.-clutch {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}

.page.-clutch .middle {
  padding: 0;
}

.page.-clutch .title {
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -0.8px;
}

@media (max-width: 1279px) {
  .page.-clutch .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0;
  }
}

.page.-clutch .first {
  background: url(../../assets/images/clutch/first-bg@2x.jpg) no-repeat top
    center;
  background-size: cover;
  padding: 74px 0 102px;
}

@media (max-width: 1279px) {
  .page.-clutch .first {
    padding: 74px 0 60px;
  }
}

@media (max-width: 767px) {
  .page.-clutch .first {
    padding: 64px 0 44px;
  }
}

.page.-clutch .first__content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch .first__content {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}

.page.-clutch .first .left {
  flex: 1;
}

.page.-clutch .first .right {
  min-width: 538px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .page.-clutch .first .right {
    min-width: auto;
  }
}

.page.-clutch .first__logo {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch .first__logo {
    margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .page.-clutch .first__logo {
    margin-bottom: 60px;
  }
}

.page.-clutch .first__logo img {
  max-height: 41px;
}

.page.-clutch .first__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-clutch .first__text h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 16px;
  }
}

.page.-clutch .first__text p {
  font-family: Inter, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-clutch .first__text p:last-child {
  margin-bottom: 0;
}

.page.-clutch .first__clutch-awards {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.page.-clutch .first__clutch-awards img {
  max-height: 140px;
}

.page.-clutch .first__form {
  padding: 32px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 32px;
}

@media (max-width: 1279px) {
  .page.-clutch .first__form {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch .first__form {
    padding: 32px 16px;
  }
}

.page.-clutch .first__form .form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page.-clutch .first__form .row {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

@media (max-width: 767px) {
  .page.-clutch .first__form .row {
    flex-direction: column;
    gap: 16px;
  }
}

.page.-clutch .first__form .row .col-50 {
  position: relative;
  flex: 1 1 50%;
}

@media (max-width: 767px) {
  .page.-clutch .first__form .row .col-50 {
    flex: 1 1 100%;
  }
}

.page.-clutch .first__form .row .col-100 {
  position: relative;
  flex: 1 1 100%;
}

.page.-clutch .first__form label {
  display: block;
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.28px;
  margin-bottom: 8px;
}

.page.-clutch .first__form label.error {
  bottom: -14px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #eb5757;
}

@media (max-width: 1279px) {
  .page.-clutch .first__form label.error {
    bottom: -14px;
  }
}

.page.-clutch .first__form input,
.page.-clutch .first__form textarea {
  background: #fff;
  border-radius: 6px;
  border: 1px solid #d3d5ea;
  padding: 12px;
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  resize: none;
}

.page.-clutch .first__form input:-webkit-autofill,
.page.-clutch .first__form input:-webkit-autofill:active,
.page.-clutch .first__form input:-webkit-autofill:focus,
.page.-clutch .first__form input:-webkit-autofill:hover,
.page.-clutch .first__form textarea:-webkit-autofill,
.page.-clutch .first__form textarea:-webkit-autofill:active,
.page.-clutch .first__form textarea:-webkit-autofill:focus,
.page.-clutch .first__form textarea:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #131426;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: none;
}

.page.-clutch .first__form input::-moz-placeholder,
.page.-clutch .first__form textarea::-moz-placeholder {
  color: #b1b2c1;
}

.page.-clutch .first__form input::placeholder,
.page.-clutch .first__form textarea::placeholder {
  color: #b1b2c1;
}

.page.-clutch .first__form input.error,
.page.-clutch .first__form textarea.error {
  border-color: #eb5757;
  margin-bottom: 12px;
}

.page.-clutch .first__form .submit-btn {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  cursor: pointer;
  border-radius: 8px;
  border: 0;
  background: linear-gradient(95deg, #9935e8 0, #e85535 100%);
}

.page.-clutch .first .clutch-form {
  display: block;
}

.page.-clutch .first .clutch-form-success {
  display: none;
  color: #0a151e;
}

.page.-clutch .first .clutch-form-success .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .page.-clutch .first .clutch-form-success .content {
    padding: 40px;
  }
}

.page.-clutch .first .clutch-form-success .content h4 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: center;
}

.page.-clutch .first .clutch-form-success .content p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
  max-width: 300px;
}

.page.-clutch .first .clutch-form-success .content .action {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  border-radius: 8px;
  background: #fff;
  font-family: Gilroy, sans-serif;
  gap: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #131426;
  padding: 17px 32px;
  width: 210px;
  height: unset;
  width: 180px;
  cursor: pointer;
}

.page.-clutch .first .clutch-form-success .content .action:hover {
  background: rgba(255, 255, 255, 0.9);
}

.page.-clutch .first .clutch-form-success .content .action svg {
  width: 17px;
  height: 14px;
}

.page.-clutch .our-services {
  background: #f3e9e9;
  color: #131426;
}

.page.-clutch .our-services .title {
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch .our-services .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .page.-clutch .our-services .title {
    text-align: left;
    margin-bottom: 32px;
  }
}

.page.-clutch .our-services .content {
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .page.-clutch .our-services .content {
    padding: 64px 40px;
  }
}

@media (max-width: 767px) {
  .page.-clutch .our-services .content {
    padding: 40px 8px;
  }
}

@media (max-width: 767px) {
  .page.-clutch .our-services .actions-wrap .action-btn {
    flex: 1 1 100%;
  }
}

.page.-clutch .based {
  background: url(../../assets/images/clutch/based-bg@2x.jpg) no-repeat top
    center;
  background-size: cover;
  padding: 130px 0 120px;
}

@media (max-width: 1279px) {
  .page.-clutch .based {
    padding: 80px 0;
  }
}

.page.-clutch .based__logo {
  margin-bottom: 40px;
}

.page.-clutch .based__logo svg {
  width: 64px;
}

.page.-clutch .based h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 104px;
}

@media (max-width: 1279px) {
  .page.-clutch .based h2 {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .page.-clutch .based h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 64px;
  }
}

.page.-clutch .based__content {
  padding: 0 80px;
}

@media (max-width: 1279px) {
  .page.-clutch .based__content {
    padding: 0;
  }
}

.page.-clutch .based .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -8px;
  align-items: stretch;
}

@media (max-width: 1279px) {
  .page.-clutch .based .items {
    flex-direction: column;
  }
}

.page.-clutch .based .items .item {
  padding: 8px;
  flex: 0 0 33.33%;
}

@media (max-width: 1279px) {
  .page.-clutch .based .items .item {
    flex: 0 0 100%;
  }
}

@media (max-width: 767px) {
  .page.-clutch .based .items .item {
    flex: 1 1 100% !important;
  }
}

.page.-clutch .based .items .item__content {
  padding: 32px;
  background: linear-gradient(93deg, #9935e8 0, #e85535 302.95%);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  height: 100%;
}

@media (max-width: 1279px) {
  .page.-clutch .based .items .item__content {
    background: linear-gradient(100deg, #9935e8 0, #e85535 218.88%);
  }
}

@media (max-width: 767px) {
  .page.-clutch .based .items .item__content {
    padding: 24px;
  }
}

.page.-clutch .based .items .item2 .item__content {
  background: linear-gradient(93deg, #9935e8 -97.88%, #e85535 204.58%);
}

.page.-clutch .based .items .item3 .item__content {
  background: linear-gradient(93deg, #9935e8 -196.04%, #e85535 105.93%);
}

.page.-clutch .based .items .item4 .item__content {
  background: linear-gradient(93deg, #9935e8 0, #e85535 302.95%);
}

.page.-clutch .based .items .item5 .item__content {
  background: linear-gradient(93deg, #9935e8 -97.88%, #e85535 204.58%);
}

.page.-clutch .based .items .item4,
.page.-clutch .based .items .item5 {
  flex: 0 0 50%;
}

@media (max-width: 1279px) {
  .page.-clutch .based .items .item5 {
    flex: 1 1 50%;
  }
}

.page.-clutch .subscribe-v4 {
  background: #fff;
}

.page.-clutch-dev {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background: #f5f5fb;
}

.page.-clutch-dev .title {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.page.-clutch-dev .first {
  background: url(../../assets/images/clutch/first-bg@2x.jpg) no-repeat top
    center;
  background-size: cover;
  padding: 124px 0 130px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .first {
    padding: 74px 0 60px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .first {
    padding: 64px 0 44px;
  }
}

.page.-clutch-dev .first__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .first__content {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}

.page.-clutch-dev .first .left {
  flex: 1;
}

.page.-clutch-dev .first .right {
  min-width: 600px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first .right {
    min-width: auto;
  }
}

.page.-clutch-dev .first__logo {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .first__logo {
    margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__logo {
    margin-bottom: 60px;
  }
}

.page.-clutch-dev .first__logo img {
  max-height: 41px;
}

.page.-clutch-dev .first__text {
  max-width: 547px;
}

.page.-clutch-dev .first__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__text h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 16px;
  }
}

.page.-clutch-dev .first__text h1 span {
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page.-clutch-dev .first__text p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}

.page.-clutch-dev .first__text p:last-child {
  margin-bottom: 0;
}

.page.-clutch-dev .first__clutch-awards {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.page.-clutch-dev .first__clutch-awards img {
  max-height: 140px;
}

.page.-clutch-dev .first__form {
  padding: 48px 40px;
  border-radius: 24px;
  background: #5115c3;
}

.page.-clutch-dev .first__form h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}

.page.-clutch-dev .first__form .form .row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__form .form .row {
    gap: 24px;
    flex-direction: column;
  }
}

.page.-clutch-dev .first__form .form .row .col-50 {
  width: 50%;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__form .form .row .col-50 {
    width: 100%;
  }
}

.page.-clutch-dev .first__form .form .row .col-100 {
  width: 100%;
}

.page.-clutch-dev .first__form .form .group {
  position: relative;
  padding-top: 18px;
}

.page.-clutch-dev .first__form .form input,
.page.-clutch-dev .first__form .form textarea {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  border-radius: 0 !important;
  padding: 0 10px 9px 0;
  display: block;
  border: none;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.page.-clutch-dev .first__form .form input.error,
.page.-clutch-dev .first__form .form textarea.error {
  border-color: #ff6e6e;
}

.page.-clutch-dev .first__form .form input:focus,
.page.-clutch-dev .first__form .form textarea:focus {
  outline: 0;
}

.page.-clutch-dev .first__form .form label:not(.error) {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}

.page.-clutch-dev .first__form .form label:not(.error) .optional {
  color: rgba(255, 255, 255, 0.4);
}

.page.-clutch-dev
  .first__form
  .form
  input:not(:-moz-placeholder-shown)
  ~ label:not(.error),
.page.-clutch-dev
  .first__form
  .form
  textarea:not(:-moz-placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.page.-clutch-dev .first__form .form input:focus ~ label:not(.error),
.page.-clutch-dev
  .first__form
  .form
  input:not(:placeholder-shown)
  ~ label:not(.error),
.page.-clutch-dev .first__form .form textarea:focus ~ label:not(.error),
.page.-clutch-dev
  .first__form
  .form
  textarea:not(:placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.page.-clutch-dev .first__form .form label.error {
  position: absolute;
  bottom: -17px;
  top: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
  color: #ff6e6e;
}

.page.-clutch-dev .first__form .form .form-footer {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__form .form .form-footer {
    gap: 24px;
    margin-top: 48px;
    flex-direction: column;
  }
}

.page.-clutch-dev .first__form .form .form-footer button {
  display: flex;
  min-height: 56px;
  padding: 0 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 0;
  background: #fff;
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__form .form .form-footer button {
    width: 100%;
  }
}

.page.-clutch-dev .first__form .form .form-footer .confirm-text {
  flex: 1;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  opacity: 0.64;
}

@media (max-width: 767px) {
  .page.-clutch-dev .first__form .form .form-footer .confirm-text {
    text-align: center;
  }
}

.page.-clutch-dev .first__form .form .form-footer .confirm-text a {
  text-decoration-line: underline;
}

.page.-clutch-dev .first .clutch-form {
  display: block;
}

.page.-clutch-dev .first .clutch-form-success {
  display: none;
  color: #0a151e;
}

.page.-clutch-dev .first .clutch-form-success .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

@media (min-width: 1280px) {
  .page.-clutch-dev .first .clutch-form-success .content {
    padding: 40px;
  }
}

.page.-clutch-dev .first .clutch-form-success .content h4 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
  text-align: center;
}

.page.-clutch-dev .first .clutch-form-success .content p {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
  max-width: 300px;
}

.page.-clutch-dev .first .clutch-form-success .content .action {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  border-radius: 8px;
  background: #fff;
  font-family: Gilroy, sans-serif;
  gap: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #131426;
  padding: 17px 32px;
  width: 210px;
  height: unset;
  width: 180px;
  cursor: pointer;
}

.page.-clutch-dev .first .clutch-form-success .content .action:hover {
  background: rgba(255, 255, 255, 0.9);
}

.page.-clutch-dev .first .clutch-form-success .content .action svg {
  width: 17px;
  height: 14px;
}

.page.-clutch-dev .achievements {
  padding: 80px 0 64px;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .achievements {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .achievements {
    padding: 8px 0;
  }
}

.page.-clutch-dev .achievements .wrap-v4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .achievements .wrap-v4 {
    flex-direction: column;
  }
}

.page.-clutch-dev .achievements .left {
  flex: 1;
}

.page.-clutch-dev .achievements .left .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .achievements .left .items {
    margin: 0 -15px;
    padding: 0 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .page.-clutch-dev .achievements .left .items::-webkit-scrollbar {
    display: none;
  }
}

.page.-clutch-dev .achievements .left .items .item {
  flex: 0 0 calc(50% - 4px);
  height: 196px;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .page.-clutch-dev .achievements .left .items .item {
    height: 168px;
    min-width: 300px;
  }
}

.page.-clutch-dev .achievements .left .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 36px;
  background: url(../../assets/images/home-v5/ic_achievements.svg) no-repeat
    right center;
}

.page.-clutch-dev .achievements .left .items .item .logo {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
}

.page.-clutch-dev .achievements .left .items .item .logo img {
  max-height: 26px;
}

.page.-clutch-dev .achievements .right {
  width: 50%;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .achievements .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .achievements .right {
    padding: 32px 24px;
  }
}

.page.-clutch-dev .achievements__reviews {
  height: 100%;
}

.page.-clutch-dev .achievements__reviews .item {
  padding-left: 5px;
  min-height: 336px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page.-clutch-dev .achievements__reviews .item img {
  width: auto;
}

.page.-clutch-dev .achievements__reviews .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-clutch-dev .achievements__reviews .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-clutch-dev .achievements__reviews .item__score .logo {
  background-size: contain;
  margin-right: 36px;
}

.page.-clutch-dev .achievements__reviews .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.page.-clutch-dev .achievements__reviews .item__score-stars img {
  width: 16px;
  height: 15px;
}

.page.-clutch-dev .achievements__reviews .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.page.-clutch-dev .achievements__reviews .item__review-author {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  .page.-clutch-dev .achievements__reviews .item__review-author {
    margin-top: 48px;
  }
}

.page.-clutch-dev .achievements__reviews .item__review-author-picture {
  margin-right: 24px;
}

.page.-clutch-dev .achievements__reviews .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.page.-clutch-dev .achievements__reviews .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-clutch-dev .achievements__reviews .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-clutch-dev .achievements__reviews .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .page.-clutch-dev .achievements__reviews .owl-nav {
    position: static;
    margin-top: 48px;
  }
}

.page.-clutch-dev .achievements__reviews .owl-nav .owl-next,
.page.-clutch-dev .achievements__reviews .owl-nav .owl-prev {
  width: 36px;
  height: 36px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-clutch-dev .achievements__reviews .owl-nav .owl-next:hover,
.page.-clutch-dev .achievements__reviews .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-clutch-dev .achievements__reviews .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.page.-clutch-dev .info-desc {
  color: #131426;
  padding: 0 0 64px 0;
  position: relative;
  z-index: 10;
}

.page.-clutch-dev .info-desc__top {
  margin-bottom: 8px;
}

.page.-clutch-dev .info-desc__top .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .info-desc__top .items {
    flex-direction: column;
  }
}

.page.-clutch-dev .info-desc__top .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .info-desc__top .items .item {
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .info-desc__top .items .item {
    padding: 24px;
    flex-direction: column;
  }
}

.page.-clutch-dev .info-desc__top .items .item img {
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .info-desc__top .items .item img {
    margin: 0 40px 0 0;
    max-width: 90px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .info-desc__top .items .item img {
    margin: 0 0 24px 0;
    max-width: 72px;
  }
}

.page.-clutch-dev .info-desc__top .items .item h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .info-desc__top .items .item h3 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .info-desc__top .items .item h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.page.-clutch-dev .info-desc__top .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .info-desc__top .items .item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}

.page.-clutch-dev .info-desc__bot .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .info-desc__bot .items {
    flex-direction: column;
  }
}

.page.-clutch-dev .info-desc__bot .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

.page.-clutch-dev .info-desc__bot h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .info-desc__bot h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
}

.page.-clutch-dev .info-desc__bot h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-clutch-dev .why-incognic {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .why-incognic {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic {
    padding: 48px 0;
  }
}

.page.-clutch-dev .why-incognic .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-dev .why-incognic .items {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.page.-clutch-dev .why-incognic .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .why-incognic .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-clutch-dev .why-incognic .items .item__content {
  min-height: 248px;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .why-incognic .items .item__content {
    padding: 64px 48px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .items .item__content {
    min-height: auto;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}

.page.-clutch-dev .why-incognic .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.page.-clutch-dev .why-incognic .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .items .item .left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-dev .why-incognic .items .item .left h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.page.-clutch-dev .why-incognic .items .item .right {
  width: 120px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .items .item .right {
    width: 72px;
  }
}

.page.-clutch-dev .why-incognic .items .item .right > a {
  display: block;
}

.page.-clutch-dev .why-incognic .items .item .right img {
  max-width: 100%;
}

.page.-clutch-dev .why-incognic .request-cv {
  margin-top: 8px;
  padding: 32px;
  border-radius: 24px;
  background: #fbfbfe;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.page.-clutch-dev .why-incognic .request-cv br {
  display: none;
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .request-cv br {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .request-cv {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}

.page.-clutch-dev .why-incognic .request-cv h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .why-incognic .request-cv h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-dev .best-results {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .page.-clutch-dev .best-results {
    padding: 48px 0;
  }
}

.page.-clutch-dev .best-results .title {
  text-align: center;
  margin-bottom: 64px;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .title {
    max-width: 360px;
    margin: 0 auto 64px auto;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .best-results .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-dev .best-results .items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .items {
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .best-results .items {
    flex-direction: column;
  }
}

.page.-clutch-dev .best-results .items .item {
  flex: 1;
  padding: 48px 40px;
  border-radius: 24px;
  color: #fff;
  background: #7c42da;
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .items .item {
    padding: 40px 32px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .best-results .items .item {
    padding: 32px;
  }
}

.page.-clutch-dev .best-results .items .item:nth-child(1) {
  transform: rotate(3deg);
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .items .item:nth-child(1) {
    transform: rotate(0);
  }
}

.page.-clutch-dev .best-results .items .item:nth-child(2) {
  transform: rotate(-3deg);
  background: #4252da;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .items .item:nth-child(2) {
    transform: rotate(0);
  }
}

.page.-clutch-dev .best-results .items .item:nth-child(3) {
  transform: rotate(3deg);
  background: #429ada;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .items .item:nth-child(3) {
    transform: rotate(0);
    padding-bottom: 32px;
  }
}

.page.-clutch-dev .best-results .items .item__art {
  margin-bottom: 32px;
}

.page.-clutch-dev .best-results .items .item:hover {
  transform: rotate(0);
}

.page.-clutch-dev .best-results .items h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .best-results .items h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .best-results .items h5 br {
    display: none;
  }
}

.page.-clutch-dev .best-results .items p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-clutch-dev .swl {
  padding: 64px 0 80px;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
}

@media (max-width: 1279px) {
  .page.-clutch-dev .swl {
    padding: 48px 0;
  }
}

.page.-clutch-dev .swl .wrap-v4 {
  display: flex;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .swl .wrap-v4 {
    flex-direction: column;
  }
}

.page.-clutch-dev .swl .left {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: linear-gradient(180deg, #0a9359 0, #709f34 100%);
}

@media (max-width: 767px) {
  .page.-clutch-dev .swl .left {
    padding: 40px 24px;
  }
}

.page.-clutch-dev .swl .left h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}

.page.-clutch-dev .swl .left h3 span {
  color: rgba(255, 255, 255, 0.64);
}

@media (max-width: 767px) {
  .page.-clutch-dev .swl .left h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.page.-clutch-dev .swl .left .items .item {
  padding: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 1279px) {
  .page.-clutch-dev .swl .left .items .item {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .swl .left .items .item {
    padding: 16px 0;
  }
}

.page.-clutch-dev .swl .left .items h4 {
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 4px 0 4px 56px;
  background: url(../../assets/images/service/team/swl-check.svg) no-repeat left
    center;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .swl .left .items h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .swl .left .items h4 {
    font-size: 16px;
    line-height: 22px;
  }
}

.page.-clutch-dev .swl .right {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: url(../../assets/images/service/team/swl-bg@2x.png) no-repeat
    bottom center #eae3d9;
  color: #131426;
  background-size: contain;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .swl .right {
    min-height: 596px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .swl .right {
    padding: 40px 24px;
    min-height: 476px;
  }
}

.page.-clutch-dev .swl .right h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .swl .right h3 {
    margin-bottom: 19px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .swl .right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

.page.-clutch-dev .swl .right p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-clutch-dev .t-stack {
  background: #fff;
  padding: 120px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .t-stack {
    padding: 48px 0;
  }
}

.page.-clutch-dev .t-stack .title {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack .title {
    text-align: center;
  }
}

.page.-clutch-dev .t-stack h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack h4 {
    margin-bottom: 0;
    position: relative;
  }
  .page.-clutch-dev .t-stack h4::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../../assets/images/service/team/t-stack-arrow-right.svg)
      no-repeat center center;
    position: absolute;
    right: 0;
    top: -8px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .t-stack h4 {
    font-size: 18px;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack__item {
    margin-bottom: 0;
    padding: 24px 0;
    border-bottom: 1px solid #efeff6;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack__item.-active .items {
    display: flex;
  }
}

.page.-clutch-dev .t-stack__item.-active h4 {
  padding-bottom: 32px;
}

.page.-clutch-dev .t-stack__item.-active h4::after {
  background-image: url(../../assets/images/service/team/t-stack-arrow-up.svg);
}

.page.-clutch-dev .t-stack__item.-hm {
  display: none;
}

.page.-clutch-dev .t-stack__all {
  display: flex;
  padding: 12px 32px 20px 32px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  margin-top: 24px;
  color: #131426;
  cursor: pointer;
  border: 1px solid #e8e8f2;
}

.page.-clutch-dev .t-stack__all:hover {
  border: 1px solid #d7d7ec;
}

.page.-clutch-dev .t-stack__all .more-text {
  display: block;
}

.page.-clutch-dev .t-stack__all .less-text {
  display: none;
}

.page.-clutch-dev .t-stack__all.-less img {
  transform: rotate(180deg);
}

.page.-clutch-dev .t-stack__all.-less .more-text {
  display: none;
}

.page.-clutch-dev .t-stack__all.-less .less-text {
  display: block;
}

.page.-clutch-dev .t-stack__all h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-clutch-dev .t-stack .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 48px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack .items {
    display: none;
    margin-bottom: 0;
  }
}

.page.-clutch-dev .t-stack .items .item {
  flex: 0 0 calc(16.6% - 6px);
  border-radius: 12px;
  background: #fbfbfe;
  padding: 16px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack .items .item {
    flex: 0 0 calc(25% - 6px);
    padding: 16px 32px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .t-stack .items .item {
    flex: 0 0 calc(50% - 6px);
  }
}

.page.-clutch-dev .t-stack .items .item img {
  max-width: 64px;
  height: 65px;
}

.page.-clutch-dev .t-stack .items .item.-hm {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack .items .item.-hm {
    display: flex;
  }
}

.page.-clutch-dev .t-stack .items .item.-show-more {
  background: #fff;
  border: 1px solid #e8e8f2;
  cursor: pointer;
}

.page.-clutch-dev .t-stack .items .item.-show-more:hover {
  border: 1px solid #d7d7ec;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .t-stack .items .item.-show-more {
    display: none;
  }
}

.page.-clutch-dev .t-stack .items .item.-show-more .more-text {
  display: block;
}

.page.-clutch-dev .t-stack .items .item.-show-more .less-text {
  display: none;
}

.page.-clutch-dev .t-stack .items .item.-show-more.-less img {
  transform: rotate(180deg);
}

.page.-clutch-dev .t-stack .items .item.-show-more.-less .more-text {
  display: none;
}

.page.-clutch-dev .t-stack .items .item.-show-more.-less .less-text {
  display: block;
}

.page.-clutch-dev .t-stack__more {
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  color: #131426;
  text-align: center;
  margin-top: 48px;
}

@media (max-width: 767px) {
  .page.-clutch-dev .t-stack__more {
    padding: 32px 24px;
  }
}

.page.-clutch-dev .t-stack__more h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.page.-clutch-dev .t-stack__more p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}

.page.-clutch-dev .t-stack__more-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.page.-clutch-dev .stories {
  background: #fff;
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .stories {
    padding: 64px 0;
  }
}

.page.-clutch-dev .stories .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .stories .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .stories .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-dev .stories .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 0 5px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .stories .items {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

.page.-clutch-dev .stories .items .item {
  padding: 40px;
  border-radius: 24px;
  background: #fff;
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .stories .items .item {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .stories .items .item {
    padding: 32px;
  }
}

.page.-clutch-dev .stories .items .item:nth-child(1) {
  grid-row: 1/3;
  background: radial-gradient(153.73% 141.42% at 0 0, #9935e8 0, #e85535 100%);
  color: #fff;
}

.page.-clutch-dev .stories .items .item:nth-child(2) {
  background: #b9e8f7;
}

.page.-clutch-dev .stories .items .item:nth-child(3) {
  background: #d1b9f7;
}

.page.-clutch-dev .stories .items .item img {
  width: auto !important;
}

.page.-clutch-dev .stories .items .item h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-clutch-dev .stories .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin: 24px 0;
}

@media (max-width: 767px) {
  .page.-clutch-dev .stories .items .item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-dev .stories .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 16px 0;
}

@media (max-width: 767px) {
  .page.-clutch-dev .stories .items .item h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-dev .stories .items .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .stories .items .item__review-author {
    margin-bottom: 40px;
  }
}

.page.-clutch-dev .stories .items .item__review-author-picture img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.page.-clutch-dev .stories .items .item__review-author-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.page.-clutch-dev .stories .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.page.-clutch-dev .stories .items-2 .item:nth-child(1) {
  color: #fff;
  background: linear-gradient(119deg, #3419a0 0.04%, #681087 100.04%);
}

.page.-clutch-dev .stories .items-2 .item:nth-child(2) {
  background: #ffc5c5;
}

.page.-clutch-dev .stories .items-2 .item:nth-child(3) {
  background: #e4e8ff;
}

.page.-clutch-dev .stories .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.page.-clutch-dev .stories .owl-nav .owl-next,
.page.-clutch-dev .stories .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-clutch-dev .stories .owl-nav .owl-next:hover,
.page.-clutch-dev .stories .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-clutch-dev .stories .owl-nav .owl-prev {
  transform: rotate(180deg);
}

.page.-clutch-dev .faq {
  background: #fff;
  color: #131426;
  padding-bottom: 80px;
}

.page.-clutch-dev .faq__wrap {
  padding: 80px;
  border-radius: 24px;
  background: #f7f7f9;
  display: flex;
  gap: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .faq__wrap {
    padding: 64px 40px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .faq__wrap {
    padding: 40px 24px;
  }
}

.page.-clutch-dev .faq .left {
  width: 306px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .faq .left {
    display: none;
  }
}

.page.-clutch-dev .faq .left h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.page.-clutch-dev .faq .left img {
  max-width: 157px;
}

.page.-clutch-dev .faq .right {
  flex: 1;
}

.page.-clutch-dev .faq .right h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 48px;
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .faq .right h2 {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .faq .right h2 {
    margin-bottom: 32px;
  }
}

.page.-clutch-dev .faq .items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page.-clutch-dev .faq .items .item {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ebebf3;
}

.page.-clutch-dev .faq .items .item:last-child {
  border-bottom: none;
}

.page.-clutch-dev .faq .items .item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
  background: url(../../assets/images/service/team/faq-plus.svg) no-repeat right -1px;
  padding-right: 48px;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .faq .items .item h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-dev .faq .items .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
}

.page.-clutch-dev .faq .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  padding-right: 48px;
  display: none;
}

.page.-clutch-dev .faq .items .item.-hm {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .faq .items .item.-hm {
    display: block;
  }
}

.page.-clutch-dev .faq .items .item.-show-more {
  background: linear-gradient(95deg, #9935e8 0, #e85535 25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1279px) {
  .page.-clutch-dev .faq .items .item.-show-more {
    display: none;
  }
}

.page.-clutch-dev .faq .items .item.-show-more h3 {
  background-image: url(../../assets/images/service/team/faq-arrow.svg);
}

.page.-clutch-dev .faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../../assets/images/service/team/faq-minus.svg);
}

.page.-clutch-dev .faq .items .item.-active p {
  display: block;
}

.page.-clutch-ta {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background: #f5f5fb;
}

.page.-clutch-ta .title {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.page.-clutch-ta .intro {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 700px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .intro {
    min-height: 692px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro {
    min-height: 592px;
  }
}

.page.-clutch-ta .intro__video {
  content: "";
  background-size: 110%;
  transition: background-size 0.5s ease;
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__video {
    background-position: 65% 0;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-ta .intro__video {
    background-size: cover;
  }
}

.page.-clutch-ta .intro__video video {
  position: absolute;
  width: 110%;
  height: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s ease;
}

.page.-clutch-ta .intro__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 2;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .intro__inner {
    background-position: 0 0;
  }
}

.page.-clutch-ta .intro__inner .cover {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  padding-bottom: 64px;
  flex: 2;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .intro__inner .cover {
    min-height: 622px;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__inner .cover {
    min-height: 536px;
    padding-bottom: 132px;
  }
}

.page.-clutch-ta .intro__inner .cover .wrap-v4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  flex: 2;
}

.page.-clutch-ta .intro__inner .cover__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  padding: 99px 0 150px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .intro__inner .cover__content {
    min-height: 596px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__inner .cover__content {
    padding: 55px 0 55px;
    min-height: 328px;
  }
}

.page.-clutch-ta .intro__inner .cover__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page.-clutch-ta .intro__inner .cover__text .based-label {
  background: url(../../assets/images/service/team/incognic-min.svg) no-repeat 0
    2px;
  padding-left: 34px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 48px;
}

.page.-clutch-ta .intro__inner .cover__text .based-label strong {
  font-weight: 700;
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__inner .cover__text .based-label {
    margin-bottom: 24px;
  }
}

.page.-clutch-ta .intro__inner .cover__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.44px;
  color: #fff;
}

.page.-clutch-ta .intro__inner .cover__text h1 br.desktop {
  display: block;
}

.page.-clutch-ta .intro__inner .cover__text h1 br.mobile {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .intro__inner .cover__text h1 {
    font-size: 48px;
    line-height: 56px;
  }
  .page.-clutch-ta .intro__inner .cover__text h1 br.desktop {
    display: none;
  }
  .page.-clutch-ta .intro__inner .cover__text h1 br.mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__inner .cover__text h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .page.-clutch-ta .intro__inner .cover__text h1 br {
    display: none;
  }
}

.page.-clutch-ta .intro__inner .cover__text h1 span {
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page.-clutch-ta .intro__inner .cover__tags {
  margin-top: 48px;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__inner .cover__tags {
    margin-top: 24px;
    max-width: 290px;
    line-height: 38px;
  }
}

.page.-clutch-ta .intro__inner .cover__tags span.tag {
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding: 2px 6px;
  border-radius: 8px;
  background: #5d21d1;
}

.page.-clutch-ta .intro__inner .cover__actions {
  margin-top: 48px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .intro__inner .cover__actions {
    margin-top: 24px;
  }
}

.page.-clutch-ta .info-desc {
  color: #131426;
  padding: 0 0 64px 0;
  position: relative;
  z-index: 10;
  margin-top: -123px;
}

.page.-clutch-ta .info-desc__top {
  margin-bottom: 8px;
}

.page.-clutch-ta .info-desc__top .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .info-desc__top .items {
    flex-direction: column;
  }
}

.page.-clutch-ta .info-desc__top .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .info-desc__top .items .item {
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .info-desc__top .items .item {
    padding: 24px;
    flex-direction: column;
  }
}

.page.-clutch-ta .info-desc__top .items .item img {
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .info-desc__top .items .item img {
    margin: 0 40px 0 0;
    max-width: 90px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .info-desc__top .items .item img {
    margin: 0 0 24px 0;
    max-width: 72px;
  }
}

.page.-clutch-ta .info-desc__top .items .item h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .info-desc__top .items .item h3 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .info-desc__top .items .item h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.page.-clutch-ta .info-desc__top .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .info-desc__top .items .item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}

.page.-clutch-ta .info-desc__bot .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .info-desc__bot .items {
    flex-direction: column;
  }
}

.page.-clutch-ta .info-desc__bot .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

.page.-clutch-ta .info-desc__bot h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .info-desc__bot h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
}

.page.-clutch-ta .info-desc__bot h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-clutch-ta .achievements {
  padding: 0 0 80px;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .achievements {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .achievements {
    padding: 8px 0;
  }
}

.page.-clutch-ta .achievements .wrap-v4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .achievements .wrap-v4 {
    flex-direction: column;
  }
}

.page.-clutch-ta .achievements .left {
  flex: 1;
}

.page.-clutch-ta .achievements .left .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .achievements .left .items {
    margin: 0 -15px;
    padding: 0 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .page.-clutch-ta .achievements .left .items::-webkit-scrollbar {
    display: none;
  }
}

.page.-clutch-ta .achievements .left .items .item {
  flex: 0 0 calc(50% - 4px);
  height: 196px;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .page.-clutch-ta .achievements .left .items .item {
    height: 168px;
    min-width: 300px;
  }
}

.page.-clutch-ta .achievements .left .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 36px;
  background: url(../../assets/images/home-v5/ic_achievements.svg) no-repeat
    right center;
}

.page.-clutch-ta .achievements .left .items .item .logo {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
}

.page.-clutch-ta .achievements .left .items .item .logo img {
  max-height: 26px;
}

.page.-clutch-ta .achievements .right {
  width: 50%;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .achievements .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .achievements .right {
    padding: 32px 24px;
  }
}

.page.-clutch-ta .achievements__reviews {
  height: 100%;
}

.page.-clutch-ta .achievements__reviews .item {
  padding-left: 5px;
  min-height: 336px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page.-clutch-ta .achievements__reviews .item img {
  width: auto;
}

.page.-clutch-ta .achievements__reviews .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

.page.-clutch-ta .achievements__reviews .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.page.-clutch-ta .achievements__reviews .item__score .logo {
  background-size: contain;
  margin-right: 36px;
}

.page.-clutch-ta .achievements__reviews .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.page.-clutch-ta .achievements__reviews .item__score-stars img {
  width: 16px;
  height: 15px;
}

.page.-clutch-ta .achievements__reviews .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.page.-clutch-ta .achievements__reviews .item__review-author {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  .page.-clutch-ta .achievements__reviews .item__review-author {
    margin-top: 48px;
  }
}

.page.-clutch-ta .achievements__reviews .item__review-author-picture {
  margin-right: 24px;
}

.page.-clutch-ta .achievements__reviews .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.page.-clutch-ta .achievements__reviews .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.page.-clutch-ta .achievements__reviews .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-clutch-ta .achievements__reviews .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .page.-clutch-ta .achievements__reviews .owl-nav {
    position: static;
    margin-top: 48px;
  }
}

.page.-clutch-ta .achievements__reviews .owl-nav .owl-next,
.page.-clutch-ta .achievements__reviews .owl-nav .owl-prev {
  width: 36px;
  height: 36px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-clutch-ta .achievements__reviews .owl-nav .owl-next:hover,
.page.-clutch-ta .achievements__reviews .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-clutch-ta .achievements__reviews .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.page.-clutch-ta .hiw {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw {
    padding: 48px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw {
    padding: 48px 0;
  }
}

.page.-clutch-ta .hiw .title {
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-ta .hiw__wrap {
  padding: 80px 48px;
  border-radius: 24px;
  border: 2px solid #fff;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
  box-shadow: 0 24px 40px 0 rgba(28, 28, 56, 0.04);
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw__wrap {
    padding: 64px 24px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 24px 40px 0 rgba(28, 28, 56, 0.04);
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw__wrap {
    padding: 48px 16px;
  }
}

.page.-clutch-ta .hiw__content {
  display: flex;
}

.page.-clutch-ta .hiw .left {
  flex: 1 1 60%;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left {
    flex: 1 1 100%;
  }
}

.page.-clutch-ta .hiw .left .items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page.-clutch-ta .hiw .left .items .item {
  cursor: pointer;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid #f5f5fb;
}

.page.-clutch-ta .hiw .left .items .item:last-child {
  border-bottom: none;
}

.page.-clutch-ta .hiw .left .items .item .tl,
.page.-clutch-ta .hiw .left .items .item p {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left .items .item .tl,
  .page.-clutch-ta .hiw .left .items .item p {
    display: block;
  }
}

.page.-clutch-ta .hiw .left .items .item .step {
  color: #5d21d1;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.page.-clutch-ta .hiw .left .items .item h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left .items .item h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw .left .items .item h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.page.-clutch-ta .hiw .left .items .item p {
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}

.page.-clutch-ta .hiw .left .items .item .tl {
  color: #131426;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-left: 32px;
  background: url(../../assets/images/service/team/hiw-tl.svg) no-repeat left
    center;
}

@media (min-width: 1280px) {
  .page.-clutch-ta .hiw .left .items .item.-active {
    align-items: flex-start;
    border-radius: 0 24px 24px 24px;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(50, 50, 107, 0.04);
    position: relative;
  }
  .page.-clutch-ta .hiw .left .items .item.-active .step::after {
    content: "";
    position: absolute;
    top: 62px;
    bottom: 32px;
    left: 45px;
    width: 8px;
    background: url(../../assets/images/service/team/hiw-arrow.svg) no-repeat
      center center;
    background-size: contain;
  }
  .page.-clutch-ta .hiw .left .items .item.-active h4 {
    margin-top: 6px;
    margin-bottom: 16px;
  }
  .page.-clutch-ta .hiw .left .items .item.-active .tl,
  .page.-clutch-ta .hiw .left .items .item.-active p {
    display: block;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left .items .item {
    padding: 32px;
    align-items: flex-start;
    position: relative;
  }
  .page.-clutch-ta .hiw .left .items .item .step::after {
    content: "";
    position: absolute;
    top: 68px;
    bottom: 32px;
    left: 44px;
    width: 8px;
    background: url(../../assets/images/service/team/hiw-arrow.svg) no-repeat
      center center;
    background-size: contain;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .page.-clutch-ta .hiw .left .items .item .step::after {
    top: 48px;
    bottom: 10px;
    left: 21px;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left .items .item .item__art img {
    max-width: 120px;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .page.-clutch-ta .hiw .left .items .item .item__art img {
    max-width: 72px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw .left .items .item {
    padding: 8px;
    gap: 24px;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left .items .item__content {
    display: flex;
    gap: 48px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw .left .items .item__content {
    flex-direction: column;
    gap: 16px;
  }
}

.page.-clutch-ta .hiw .left .items .item__art {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .left .items .item__art {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .hiw .left .items .item__art {
    order: -1;
  }
  .page.-clutch-ta .hiw .left .items .item__art img {
    max-width: 72px;
  }
}

.page.-clutch-ta .hiw .left .items .item:hover h4 {
  color: #5d21d1;
}

.page.-clutch-ta .hiw .right {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .hiw .right {
    display: none;
  }
}

.page.-clutch-ta .hiw .right .hiw__art {
  display: none;
  text-align: center;
}

.page.-clutch-ta .hiw .right .hiw__art.-active {
  display: block;
}

.page.-clutch-ta .why-incognic {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .why-incognic {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic {
    padding: 48px 0;
  }
}

.page.-clutch-ta .why-incognic .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-ta .why-incognic .items {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.page.-clutch-ta .why-incognic .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .why-incognic .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.page.-clutch-ta .why-incognic .items .item__content {
  min-height: 248px;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .why-incognic .items .item__content {
    padding: 64px 48px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .items .item__content {
    min-height: auto;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}

.page.-clutch-ta .why-incognic .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.page.-clutch-ta .why-incognic .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .items .item .left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-ta .why-incognic .items .item .left h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.page.-clutch-ta .why-incognic .items .item .right {
  width: 120px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .items .item .right {
    width: 72px;
  }
}

.page.-clutch-ta .why-incognic .items .item .right > a {
  display: block;
}

.page.-clutch-ta .why-incognic .items .item .right img {
  max-width: 100%;
}

.page.-clutch-ta .why-incognic .request-cv {
  margin-top: 8px;
  padding: 32px;
  border-radius: 24px;
  background: #fbfbfe;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.page.-clutch-ta .why-incognic .request-cv br {
  display: none;
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .request-cv br {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .request-cv {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}

.page.-clutch-ta .why-incognic .request-cv h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .why-incognic .request-cv h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-ta .best-results {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .page.-clutch-ta .best-results {
    padding: 48px 0;
  }
}

.page.-clutch-ta .best-results .title {
  text-align: center;
  margin-bottom: 64px;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .title {
    max-width: 360px;
    margin: 0 auto 64px auto;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .best-results .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-ta .best-results .items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .items {
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .best-results .items {
    flex-direction: column;
  }
}

.page.-clutch-ta .best-results .items .item {
  flex: 1;
  padding: 48px 40px;
  border-radius: 24px;
  color: #fff;
  background: #7c42da;
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .items .item {
    padding: 40px 32px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .best-results .items .item {
    padding: 32px;
  }
}

.page.-clutch-ta .best-results .items .item:nth-child(1) {
  transform: rotate(3deg);
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .items .item:nth-child(1) {
    transform: rotate(0);
  }
}

.page.-clutch-ta .best-results .items .item:nth-child(2) {
  transform: rotate(-3deg);
  background: #4252da;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .items .item:nth-child(2) {
    transform: rotate(0);
  }
}

.page.-clutch-ta .best-results .items .item:nth-child(3) {
  transform: rotate(3deg);
  background: #429ada;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .items .item:nth-child(3) {
    transform: rotate(0);
    padding-bottom: 32px;
  }
}

.page.-clutch-ta .best-results .items .item__art {
  margin-bottom: 32px;
}

.page.-clutch-ta .best-results .items .item:hover {
  transform: rotate(0);
}

.page.-clutch-ta .best-results .items h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .best-results .items h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .best-results .items h5 br {
    display: none;
  }
}

.page.-clutch-ta .best-results .items p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-clutch-ta .swl {
  padding: 64px 0 80px;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
}

@media (max-width: 1279px) {
  .page.-clutch-ta .swl {
    padding: 48px 0;
  }
}

.page.-clutch-ta .swl .wrap-v4 {
  display: flex;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .swl .wrap-v4 {
    flex-direction: column;
  }
}

.page.-clutch-ta .swl .left {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: linear-gradient(180deg, #0a9359 0, #709f34 100%);
}

@media (max-width: 767px) {
  .page.-clutch-ta .swl .left {
    padding: 40px 24px;
  }
}

.page.-clutch-ta .swl .left h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}

.page.-clutch-ta .swl .left h3 span {
  color: rgba(255, 255, 255, 0.64);
}

@media (max-width: 767px) {
  .page.-clutch-ta .swl .left h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.page.-clutch-ta .swl .left .items .item {
  padding: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 1279px) {
  .page.-clutch-ta .swl .left .items .item {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .swl .left .items .item {
    padding: 16px 0;
  }
}

.page.-clutch-ta .swl .left .items h4 {
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 4px 0 4px 56px;
  background: url(../../assets/images/service/team/swl-check.svg) no-repeat left
    center;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .swl .left .items h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .swl .left .items h4 {
    font-size: 16px;
    line-height: 22px;
  }
}

.page.-clutch-ta .swl .right {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: url(../../assets/images/service/team/swl-bg@2x.png) no-repeat
    bottom center #eae3d9;
  color: #131426;
  background-size: contain;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .swl .right {
    min-height: 596px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .swl .right {
    padding: 40px 24px;
    min-height: 476px;
  }
}

.page.-clutch-ta .swl .right h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .swl .right h3 {
    margin-bottom: 19px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .swl .right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

.page.-clutch-ta .swl .right p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.page.-clutch-ta .t-stack {
  background: #fff;
  padding: 120px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .t-stack {
    padding: 48px 0;
  }
}

.page.-clutch-ta .t-stack .title {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack .title {
    text-align: center;
  }
}

.page.-clutch-ta .t-stack h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack h4 {
    margin-bottom: 0;
    position: relative;
  }
  .page.-clutch-ta .t-stack h4::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../../assets/images/service/team/t-stack-arrow-right.svg)
      no-repeat center center;
    position: absolute;
    right: 0;
    top: -8px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .t-stack h4 {
    font-size: 18px;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack__item {
    margin-bottom: 0;
    padding: 24px 0;
    border-bottom: 1px solid #efeff6;
  }
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack__item.-active .items {
    display: flex;
  }
}

.page.-clutch-ta .t-stack__item.-active h4 {
  padding-bottom: 32px;
}

.page.-clutch-ta .t-stack__item.-active h4::after {
  background-image: url(../../assets/images/service/team/t-stack-arrow-up.svg);
}

.page.-clutch-ta .t-stack__item.-hm {
  display: none;
}

.page.-clutch-ta .t-stack__all {
  display: flex;
  padding: 12px 32px 20px 32px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  margin-top: 24px;
  color: #131426;
  cursor: pointer;
  border: 1px solid #e8e8f2;
}

.page.-clutch-ta .t-stack__all:hover {
  border: 1px solid #d7d7ec;
}

.page.-clutch-ta .t-stack__all .more-text {
  display: block;
}

.page.-clutch-ta .t-stack__all .less-text {
  display: none;
}

.page.-clutch-ta .t-stack__all.-less img {
  transform: rotate(180deg);
}

.page.-clutch-ta .t-stack__all.-less .more-text {
  display: none;
}

.page.-clutch-ta .t-stack__all.-less .less-text {
  display: block;
}

.page.-clutch-ta .t-stack__all h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-clutch-ta .t-stack .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 48px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack .items {
    display: none;
    margin-bottom: 0;
  }
}

.page.-clutch-ta .t-stack .items .item {
  flex: 0 0 calc(16.6% - 6px);
  border-radius: 12px;
  background: #fbfbfe;
  padding: 16px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack .items .item {
    flex: 0 0 calc(25% - 6px);
    padding: 16px 32px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .t-stack .items .item {
    flex: 0 0 calc(50% - 6px);
  }
}

.page.-clutch-ta .t-stack .items .item img {
  max-width: 64px;
  height: 65px;
}

.page.-clutch-ta .t-stack .items .item.-hm {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack .items .item.-hm {
    display: flex;
  }
}

.page.-clutch-ta .t-stack .items .item.-show-more {
  background: #fff;
  border: 1px solid #e8e8f2;
  cursor: pointer;
}

.page.-clutch-ta .t-stack .items .item.-show-more:hover {
  border: 1px solid #d7d7ec;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .t-stack .items .item.-show-more {
    display: none;
  }
}

.page.-clutch-ta .t-stack .items .item.-show-more .more-text {
  display: block;
}

.page.-clutch-ta .t-stack .items .item.-show-more .less-text {
  display: none;
}

.page.-clutch-ta .t-stack .items .item.-show-more.-less img {
  transform: rotate(180deg);
}

.page.-clutch-ta .t-stack .items .item.-show-more.-less .more-text {
  display: none;
}

.page.-clutch-ta .t-stack .items .item.-show-more.-less .less-text {
  display: block;
}

.page.-clutch-ta .t-stack__more {
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  color: #131426;
  text-align: center;
  margin-top: 48px;
}

@media (max-width: 767px) {
  .page.-clutch-ta .t-stack__more {
    padding: 32px 24px;
  }
}

.page.-clutch-ta .t-stack__more h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.page.-clutch-ta .t-stack__more p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}

.page.-clutch-ta .t-stack__more-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.page.-clutch-ta .stories {
  background: #fff;
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .stories {
    padding: 64px 0;
  }
}

.page.-clutch-ta .stories .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .stories .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .stories .title {
    margin-bottom: 32px;
  }
}

.page.-clutch-ta .stories .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 0 5px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .stories .items {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

.page.-clutch-ta .stories .items .item {
  padding: 40px;
  border-radius: 24px;
  background: #fff;
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #131426;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .stories .items .item {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .stories .items .item {
    padding: 32px;
  }
}

.page.-clutch-ta .stories .items .item:nth-child(1) {
  grid-row: 1/3;
  background: radial-gradient(153.73% 141.42% at 0 0, #9935e8 0, #e85535 100%);
  color: #fff;
}

.page.-clutch-ta .stories .items .item:nth-child(2) {
  background: #b9e8f7;
}

.page.-clutch-ta .stories .items .item:nth-child(3) {
  background: #d1b9f7;
}

.page.-clutch-ta .stories .items .item img {
  width: auto !important;
}

.page.-clutch-ta .stories .items .item h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.page.-clutch-ta .stories .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin: 24px 0;
}

@media (max-width: 767px) {
  .page.-clutch-ta .stories .items .item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-ta .stories .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 16px 0;
}

@media (max-width: 767px) {
  .page.-clutch-ta .stories .items .item h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.page.-clutch-ta .stories .items .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .stories .items .item__review-author {
    margin-bottom: 40px;
  }
}

.page.-clutch-ta .stories .items .item__review-author-picture img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.page.-clutch-ta .stories .items .item__review-author-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.page.-clutch-ta .stories .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.page.-clutch-ta .stories .items-2 .item:nth-child(1) {
  color: #fff;
  background: linear-gradient(119deg, #3419a0 0.04%, #681087 100.04%);
}

.page.-clutch-ta .stories .items-2 .item:nth-child(2) {
  background: #ffc5c5;
}

.page.-clutch-ta .stories .items-2 .item:nth-child(3) {
  background: #e4e8ff;
}

.page.-clutch-ta .stories .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.page.-clutch-ta .stories .owl-nav .owl-next,
.page.-clutch-ta .stories .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}

.page.-clutch-ta .stories .owl-nav .owl-next:hover,
.page.-clutch-ta .stories .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.page.-clutch-ta .stories .owl-nav .owl-prev {
  transform: rotate(180deg);
}

.page.-clutch-ta .faq {
  background: #fff;
  color: #131426;
  padding-bottom: 80px;
}

.page.-clutch-ta .faq__wrap {
  padding: 80px;
  border-radius: 24px;
  background: #f7f7f9;
  display: flex;
  gap: 64px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .faq__wrap {
    padding: 64px 40px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .faq__wrap {
    padding: 40px 24px;
  }
}

.page.-clutch-ta .faq .left {
  width: 306px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .faq .left {
    display: none;
  }
}

.page.-clutch-ta .faq .left h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.page.-clutch-ta .faq .left img {
  max-width: 157px;
}

.page.-clutch-ta .faq .right {
  flex: 1;
}

.page.-clutch-ta .faq .right h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 48px;
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .faq .right h2 {
    display: block;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .faq .right h2 {
    margin-bottom: 32px;
  }
}

.page.-clutch-ta .faq .items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page.-clutch-ta .faq .items .item {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ebebf3;
}

.page.-clutch-ta .faq .items .item:last-child {
  border-bottom: none;
}

.page.-clutch-ta .faq .items .item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
  background: url(../../assets/images/service/team/faq-plus.svg) no-repeat right -1px;
  padding-right: 48px;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .faq .items .item h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .page.-clutch-ta .faq .items .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
}

.page.-clutch-ta .faq .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  padding-right: 48px;
  display: none;
}

.page.-clutch-ta .faq .items .item.-hm {
  display: none;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .faq .items .item.-hm {
    display: block;
  }
}

.page.-clutch-ta .faq .items .item.-show-more {
  background: linear-gradient(95deg, #9935e8 0, #e85535 25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1279px) {
  .page.-clutch-ta .faq .items .item.-show-more {
    display: none;
  }
}

.page.-clutch-ta .faq .items .item.-show-more h3 {
  background-image: url(../../assets/images/service/team/faq-arrow.svg);
}

.page.-clutch-ta .faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../../assets/images/service/team/faq-minus.svg);
}

.page.-clutch-ta .faq .items .item.-active p {
  display: block;
}

.page.-career {
  display: flex;
  flex-direction: column;
}

.page.-career .middle {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
}

/*!
 * _descriptions.scss
 * 
 *
 * 
 * 
 */

.g-intro {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1790px) {
  .g-intro {
    min-height: 923px;
  }
}

@media (min-width: 640px) and (max-width: 1789px) {
  .g-intro {
    min-height: 100vh;
  }
}

.g-intro__video {
  content: "";
  background-size: 110%;
  transition: background-size 0.5s ease;
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
}

.no-webp .g-intro__video {
  background: url(../../assets/images/home-v3/video/intro.jpg) no-repeat top
    center;
}

@media (max-width: 767px) {
  .g-intro__video {
    background-position: 65% 0;
  }
}

@media (max-width: 1279px) {
  .g-intro__video {
    background-size: cover;
  }
}

.g-intro__video video {
  position: absolute;
  width: 110%;
  height: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s ease;
}

.g-intro__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 2;
}

@media (max-width: 1279px) {
  .g-intro__inner {
    background-position: 0 0;
  }
}

.g-intro .cover {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  flex: 2;
}

@media (max-width: 1279px) {
  .g-intro .cover {
    min-height: 622px;
    padding-bottom: 0;
  }
}

.g-intro .cover .wrap-v4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  flex: 2;
}

@media (max-width: 1279px) {
  .g-intro .cover .wrap-v4 {
    padding-top: 40px;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .g-intro .cover .wrap-v4 {
    padding-top: 32px;
    padding-bottom: 155px;
  }
}

.g-intro .cover__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
}

@media (max-width: 1279px) {
  .g-intro .cover__content {
    flex-direction: column;
    align-items: stretch;
    gap: 60px;
  }
}

@media (max-width: 767px) {
  .g-intro .cover__content {
    gap: 40px;
  }
}

.g-intro .cover .left {
  flex: 1;
}

.g-intro .cover .right {
  max-width: 480px;
  width: 100%;
}

@media (max-width: 1279px) {
  .g-intro .cover .right {
    max-width: 100%;
  }
}

.g-intro .cover__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.g-intro .cover__text h4 {
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.28px;
  background: url(../../assets/images/ic-stars.svg) no-repeat left center;
  padding: 8px 0 8px 34px;
}

.g-intro .cover__text h1 {
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.44px;
}

.g-intro .cover__text h1 span {
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1279px) {
  .g-intro .cover__text h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.96px;
  }
  .g-intro .cover__text h1 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .g-intro .cover__text h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.64px;
  }
  .g-intro .cover__text h1 br {
    display: none;
  }
}

.g-intro .cover__text p {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.36px;
}

.g-intro .cover__form {
  padding: 40px 32px;
  border-radius: 16px;
  background: linear-gradient(95deg, #8e24c0 0, #e85535 100%);
}

.g-intro .cover__form .heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.g-intro .cover__form .heading h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  max-width: 285px;
}

@media (max-width: 1279px) {
  .g-intro .cover__form .heading h3 {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .g-intro .cover__form .heading h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.g-intro .cover__form .form .row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .g-intro .cover__form .form .row {
    gap: 24px;
    flex-direction: column;
  }
}

.g-intro .cover__form .form .row .col-50 {
  width: 50%;
}

@media (max-width: 767px) {
  .g-intro .cover__form .form .row .col-50 {
    width: 100%;
  }
}

.g-intro .cover__form .form .row .col-100 {
  width: 100%;
}

.g-intro .cover__form .form .group {
  position: relative;
  padding-top: 18px;
}

.g-intro .cover__form .form input,
.g-intro .cover__form .form textarea {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  border-radius: 0 !important;
  padding: 0 10px 9px 0;
  display: block;
  border: none;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.g-intro .cover__form .form input.error,
.g-intro .cover__form .form textarea.error {
  border-color: #ff6e6e;
}

.g-intro .cover__form .form input:focus,
.g-intro .cover__form .form textarea:focus {
  outline: 0;
}

.g-intro .cover__form .form label:not(.error) {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
}

.g-intro .cover__form .form label:not(.error) .optional {
  color: rgba(255, 255, 255, 0.4);
}

.g-intro
  .cover__form
  .form
  input:not(:-moz-placeholder-shown)
  ~ label:not(.error),
.g-intro
  .cover__form
  .form
  textarea:not(:-moz-placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.g-intro .cover__form .form input:focus ~ label:not(.error),
.g-intro .cover__form .form input:not(:placeholder-shown) ~ label:not(.error),
.g-intro .cover__form .form textarea:focus ~ label:not(.error),
.g-intro
  .cover__form
  .form
  textarea:not(:placeholder-shown)
  ~ label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}

.g-intro .cover__form .form label.error {
  position: absolute;
  bottom: -17px;
  top: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
  color: #ff6e6e;
}

.g-intro .cover__form .form .form-footer {
  margin-top: 36px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
}

@media (max-width: 767px) {
  .g-intro .cover__form .form .form-footer {
    gap: 24px;
    margin-top: 24px;
    flex-direction: column;
  }
}

.g-intro .cover__form .form .form-footer button {
  display: flex;
  min-height: 56px;
  padding: 0 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 0;
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat
    calc(50% + 76px) 50% #fff;
}

@media (max-width: 767px) {
  .g-intro .cover__form .form .form-footer button {
    width: 100%;
  }
}

.g-intro .cover__form .form .form-footer .confirm-text {
  flex: 1;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  opacity: 0.64;
}

@media (max-width: 767px) {
  .g-intro .cover__form .form .form-footer .confirm-text {
    text-align: center;
  }
}

.g-intro .cover__form .form .form-footer .confirm-text a {
  text-decoration-line: underline;
}

.g-intro .cover__trusted {
  padding: 24px;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
}

@media (max-width: 767px) {
  .g-intro .cover__trusted {
    padding: 24px 15px;
  }
}

.g-intro .cover__trusted .wrap-v4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

@media (max-width: 1279px) {
  .g-intro .cover__trusted .wrap-v4 {
    flex-direction: column;
    padding: 0;
    gap: 12px;
  }
}

.g-intro .cover__trusted h4 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

@media (max-width: 1279px) {
  .g-intro .cover__trusted h4 br {
    display: none;
  }
}

.g-intro .cover__trusted .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .g-intro .cover__trusted .items {
    overflow-y: scroll;
    width: 100%;
  }
  .g-intro .cover__trusted .items::-webkit-scrollbar {
    display: none;
  }
  .g-intro .cover__trusted .items .item {
    width: 130px;
    min-width: 130px;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .g-intro .cover__trusted .items .item {
    width: 150px;
    min-width: 150px;
  }
}

@media (max-width: 1279px) {
  .g-intro .cover__trusted .items .item img {
    max-width: 100%;
  }
}

.g-intro .cover__tags {
  margin-top: 48px;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

@media (max-width: 767px) {
  .g-intro .cover__tags {
    margin-top: 24px;
    max-width: 290px;
    line-height: 38px;
  }
}

.g-intro .cover__tags span.tag {
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding: 2px 6px;
  border-radius: 8px;
  background: #5d21d1;
}

.g-intro-form-success {
  display: none;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 356px;
  padding: 20px 0;
}

.g-intro-form-success .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.g-intro-form-success .content img {
  margin-bottom: 24px;
}

.g-intro-form-success .content h4 {
  font-family: Gilroy, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin-bottom: 16px;
}

.g-intro-form-success .content p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  text-align: center;
}

.g-achievements {
  padding: 80px 0 64px;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-achievements {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-achievements {
    padding: 40px 0;
  }
}

.g-achievements .wrap-v4 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .g-achievements .wrap-v4 {
    flex-direction: column;
  }
}

.g-achievements .left {
  flex: 1;
}

.g-achievements .left .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 767px) {
  .g-achievements .left .items {
    margin: 0 -15px;
    padding: 0 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .g-achievements .left .items::-webkit-scrollbar {
    display: none;
  }
}

.g-achievements .left .items .item {
  flex: 0 0 calc(50% - 4px);
  height: 196px;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .g-achievements .left .items .item {
    height: 168px;
    min-width: 300px;
  }
}

.g-achievements .left .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 36px;
  background: url(../../assets/images/home-v5/ic_achievements.svg) no-repeat
    right center;
}

.g-achievements .left .items .item .logo {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
}

.g-achievements .left .items .item .logo img {
  max-height: 26px;
}

.g-achievements .right {
  width: 50%;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .g-achievements .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .g-achievements .right {
    padding: 32px 24px;
  }
}

.g-achievements__reviews {
  height: 100%;
}

.g-achievements__reviews .item {
  padding-left: 5px;
  min-height: 336px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.g-achievements__reviews .item img {
  width: auto;
}

.g-achievements__reviews .item__quote {
  background: url(../../assets/images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

.g-achievements__reviews .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.g-achievements__reviews .item__score .logo {
  background-size: contain;
  margin-right: 36px;
}

.g-achievements__reviews .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}

.g-achievements__reviews .item__score-stars img {
  width: 16px;
  height: 15px;
}

.g-achievements__reviews .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.g-achievements__reviews .item__review-author {
  display: flex;
  flex-direction: row;
}

@media (max-width: 767px) {
  .g-achievements__reviews .item__review-author {
    margin-top: 48px;
  }
}

.g-achievements__reviews .item__review-author-picture {
  margin-right: 24px;
}

.g-achievements__reviews .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.g-achievements__reviews .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.g-achievements__reviews .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.g-achievements__reviews .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .g-achievements__reviews .owl-nav {
    position: static;
    margin-top: 48px;
  }
}

.g-achievements__reviews .owl-nav .owl-next,
.g-achievements__reviews .owl-nav .owl-prev {
  width: 36px;
  height: 36px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
}

.g-achievements__reviews .owl-nav .owl-next:hover,
.g-achievements__reviews .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.g-achievements__reviews .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}

.g-info-desc {
  color: #131426;
  padding: 0 0 64px 0;
}

.g-info-desc__top {
  margin-bottom: 8px;
}

.g-info-desc__top .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 1279px) {
  .g-info-desc__top .items {
    flex-direction: column;
  }
}

.g-info-desc__top .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .g-info-desc__top .items .item {
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .g-info-desc__top .items .item {
    padding: 24px;
    flex-direction: column;
  }
}

.g-info-desc__top .items .item img {
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .g-info-desc__top .items .item img {
    margin: 0 40px 0 0;
    max-width: 90px;
  }
}

@media (max-width: 767px) {
  .g-info-desc__top .items .item img {
    margin: 0 0 24px 0;
    max-width: 72px;
  }
}

.g-info-desc__top .items .item h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}

@media (max-width: 1279px) {
  .g-info-desc__top .items .item h3 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .g-info-desc__top .items .item h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.g-info-desc__top .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (max-width: 767px) {
  .g-info-desc__top .items .item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}

.g-info-desc__bot .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .g-info-desc__bot .items {
    flex-direction: column;
  }
}

.g-info-desc__bot .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

.g-info-desc__bot h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .g-info-desc__bot h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
}

.g-info-desc__bot h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.g-hiw {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 767px) {
  .g-hiw {
    padding: 48px 0;
  }
}

@media (max-width: 767px) {
  .g-hiw {
    padding: 48px 0;
  }
}

.g-hiw .title {
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .g-hiw .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .g-hiw .title {
    margin-bottom: 32px;
  }
}

.g-hiw__wrap {
  padding: 80px 48px;
  border-radius: 24px;
  border: 2px solid #fff;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
  box-shadow: 0 24px 40px 0 rgba(28, 28, 56, 0.04);
}

@media (max-width: 1279px) {
  .g-hiw__wrap {
    padding: 64px 24px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 24px 40px 0 rgba(28, 28, 56, 0.04);
  }
}

@media (max-width: 767px) {
  .g-hiw__wrap {
    padding: 48px 16px;
  }
}

.g-hiw__content {
  display: flex;
}

.g-hiw .left {
  flex: 1 1 60%;
}

@media (max-width: 1279px) {
  .g-hiw .left {
    flex: 1 1 100%;
  }
}

.g-hiw .left .items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.g-hiw .left .items .item {
  cursor: pointer;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid #f5f5fb;
}

.g-hiw .left .items .item:last-child {
  border-bottom: none;
}

.g-hiw .left .items .item .tl,
.g-hiw .left .items .item p {
  display: none;
}

@media (max-width: 1279px) {
  .g-hiw .left .items .item .tl,
  .g-hiw .left .items .item p {
    display: block;
  }
}

.g-hiw .left .items .item .step {
  color: #5d21d1;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.g-hiw .left .items .item h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 1279px) {
  .g-hiw .left .items .item h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .g-hiw .left .items .item h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.g-hiw .left .items .item p {
  color: #131426;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}

.g-hiw .left .items .item .tl {
  color: #131426;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-left: 32px;
  background: url(../../assets/images/service/team/hiw-tl.svg) no-repeat left
    center;
}

@media (min-width: 1280px) {
  .g-hiw .left .items .item.-active {
    align-items: flex-start;
    border-radius: 0 24px 24px 24px;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(50, 50, 107, 0.04);
    position: relative;
  }
  .g-hiw .left .items .item.-active .step::after {
    content: "";
    position: absolute;
    top: 62px;
    bottom: 32px;
    left: 45px;
    width: 8px;
    background: url(../../assets/images/service/team/hiw-arrow.svg) no-repeat
      center center;
    background-size: contain;
  }
  .g-hiw .left .items .item.-active h4 {
    margin-top: 6px;
    margin-bottom: 16px;
  }
  .g-hiw .left .items .item.-active .tl,
  .g-hiw .left .items .item.-active p {
    display: block;
  }
}

@media (max-width: 1279px) {
  .g-hiw .left .items .item {
    padding: 32px;
    align-items: flex-start;
    position: relative;
  }
  .g-hiw .left .items .item .step::after {
    content: "";
    position: absolute;
    top: 68px;
    bottom: 32px;
    left: 44px;
    width: 8px;
    background: url(../../assets/images/service/team/hiw-arrow.svg) no-repeat
      center center;
    background-size: contain;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .g-hiw .left .items .item .step::after {
    top: 48px;
    bottom: 10px;
    left: 21px;
  }
}

@media (max-width: 1279px) {
  .g-hiw .left .items .item .item__art img {
    max-width: 120px;
  }
}

@media (max-width: 1279px) and (max-width: 767px) {
  .g-hiw .left .items .item .item__art img {
    max-width: 72px;
  }
}

@media (max-width: 767px) {
  .g-hiw .left .items .item {
    padding: 8px;
    gap: 24px;
  }
}

@media (max-width: 1279px) {
  .g-hiw .left .items .item__content {
    display: flex;
    gap: 48px;
  }
}

@media (max-width: 767px) {
  .g-hiw .left .items .item__content {
    flex-direction: column;
    gap: 16px;
  }
}

.g-hiw .left .items .item__art {
  display: none;
}

@media (max-width: 1279px) {
  .g-hiw .left .items .item__art {
    display: block;
  }
}

@media (max-width: 767px) {
  .g-hiw .left .items .item__art {
    order: -1;
  }
  .g-hiw .left .items .item__art img {
    max-width: 72px;
  }
}

.g-hiw .left .items .item:hover h4 {
  color: #5d21d1;
}

.g-hiw .right {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1279px) {
  .g-hiw .right {
    display: none;
  }
}

.g-hiw .right .g-hiw__art {
  display: none;
  text-align: center;
}

.g-hiw .right .g-hiw__art.-active {
  display: block;
}

.g-why {
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-why {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-why {
    padding: 48px 0;
  }
}

.g-why .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .g-why .title {
    margin-bottom: 32px;
  }
}

.g-why .items {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.g-why .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .g-why .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .g-why .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.g-why .items .item__content {
  min-height: 248px;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 64px;
}

@media (max-width: 1279px) {
  .g-why .items .item__content {
    padding: 64px 48px;
  }
}

@media (max-width: 767px) {
  .g-why .items .item__content {
    min-height: auto;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}

.g-why .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.g-why .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .g-why .items .item .left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.g-why .items .item .left h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.g-why .items .item .right {
  width: 120px;
}

@media (max-width: 767px) {
  .g-why .items .item .right {
    width: 72px;
  }
}

.g-why .items .item .right > a {
  display: block;
}

.g-why .items .item .right img {
  max-width: 100%;
}

.g-why .request-cv {
  margin-top: 8px;
  padding: 32px;
  border-radius: 24px;
  background: #fbfbfe;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.g-why .request-cv br {
  display: none;
}

@media (max-width: 767px) {
  .g-why .request-cv br {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .g-why .request-cv {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}

.g-why .request-cv h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 767px) {
  .g-why .request-cv h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}

.g-best-results {
  background: #fff;
  padding: 80px 0;
}

@media (max-width: 767px) {
  .g-best-results {
    padding: 48px 0;
  }
}

.g-best-results .title {
  text-align: center;
  margin-bottom: 64px;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-best-results .title {
    max-width: 360px;
    margin: 0 auto 64px auto;
  }
}

@media (max-width: 767px) {
  .g-best-results .title {
    margin-bottom: 32px;
  }
}

.g-best-results .items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

@media (max-width: 1279px) {
  .g-best-results .items {
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .g-best-results .items {
    flex-direction: column;
  }
}

.g-best-results .items .item {
  flex: 1;
  padding: 48px 40px;
  border-radius: 24px;
  color: #fff;
  background: #7c42da;
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .g-best-results .items .item {
    padding: 40px 32px;
  }
}

@media (max-width: 767px) {
  .g-best-results .items .item {
    padding: 32px;
  }
}

.g-best-results .items .item:nth-child(1) {
  transform: rotate(3deg);
}

@media (max-width: 1279px) {
  .g-best-results .items .item:nth-child(1) {
    transform: rotate(0);
  }
}

.g-best-results .items .item:nth-child(2) {
  transform: rotate(-3deg);
  background: #4252da;
}

@media (max-width: 1279px) {
  .g-best-results .items .item:nth-child(2) {
    transform: rotate(0);
  }
}

.g-best-results .items .item:nth-child(3) {
  transform: rotate(3deg);
  background: #429ada;
}

@media (max-width: 1279px) {
  .g-best-results .items .item:nth-child(3) {
    transform: rotate(0);
    padding-bottom: 32px;
  }
}

.g-best-results .items .item__art {
  margin-bottom: 32px;
}

.g-best-results .items .item:hover {
  transform: rotate(0);
}

.g-best-results .items h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .g-best-results .items h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .g-best-results .items h5 br {
    display: none;
  }
}

.g-best-results .items p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.g-swl {
  padding: 64px 0 80px;
  background: #fff;
}

@media (max-width: 1279px) {
  .g-swl {
    padding: 48px 0;
  }
}

.g-swl .wrap-v4 {
  display: flex;
  gap: 8px;
}

@media (max-width: 1279px) {
  .g-swl .wrap-v4 {
    flex-direction: column;
  }
}

.g-swl .left {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: linear-gradient(180deg, #0a9359 0, #709f34 100%);
}

@media (max-width: 767px) {
  .g-swl .left {
    padding: 40px 24px;
  }
}

.g-swl .left h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}

.g-swl .left h3 span {
  color: rgba(255, 255, 255, 0.64);
}

@media (max-width: 767px) {
  .g-swl .left h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.g-swl .left .items .item {
  padding: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 1279px) {
  .g-swl .left .items .item {
    padding: 24px 0;
  }
}

@media (max-width: 767px) {
  .g-swl .left .items .item {
    padding: 16px 0;
  }
}

.g-swl .left .items h4 {
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 4px 0 4px 56px;
  background: url(../../assets/images/service/team/swl-check.svg) no-repeat left
    center;
}

@media (max-width: 1279px) {
  .g-swl .left .items h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .g-swl .left .items h4 {
    font-size: 16px;
    line-height: 22px;
  }
}

.g-swl .right {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: url(../../assets/images/service/team/swl-bg-2@2x.png) no-repeat
      48px calc(100% - 65px),
    linear-gradient(131deg, #9935e8 0, #e85535 100%);
  color: #fff;
  background-size: 700px;
}

@media (max-width: 1279px) {
  .g-swl .right {
    min-height: 596px;
    background-size: contain;
    background-position-y: 100%;
  }
}

@media (max-width: 767px) {
  .g-swl .right {
    padding: 40px 24px;
    min-height: 476px;
    background-size: 570px;
    background-position-y: 112%;
  }
}

.g-swl .right h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.64px;
}

@media (max-width: 767px) {
  .g-swl .right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

.g-t-stack {
  background: #fff;
  padding: 120px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-t-stack {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-t-stack {
    padding: 48px 0;
  }
}

.g-t-stack .title {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .g-t-stack .title {
    text-align: center;
  }
}

.g-t-stack h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}

@media (max-width: 1279px) {
  .g-t-stack h4 {
    margin-bottom: 0;
    position: relative;
  }
  .g-t-stack h4::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../../assets/images/service/team/t-stack-arrow-right.svg)
      no-repeat center center;
    position: absolute;
    right: 0;
    top: -8px;
  }
}

@media (max-width: 767px) {
  .g-t-stack h4 {
    font-size: 18px;
  }
}

@media (max-width: 1279px) {
  .g-t-stack__item {
    margin-bottom: 0;
    padding: 24px 0;
    border-bottom: 1px solid #efeff6;
  }
}

@media (max-width: 1279px) {
  .g-t-stack__item.-active .items {
    display: flex;
  }
}

.g-t-stack__item.-active h4 {
  padding-bottom: 32px;
}

.g-t-stack__item.-active h4::after {
  background-image: url(../../assets/images/service/team/t-stack-arrow-up.svg);
}

.g-t-stack__item.-hm {
  display: none;
}

.g-t-stack__all {
  display: flex;
  padding: 12px 32px 20px 32px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  margin-top: 24px;
  color: #131426;
  cursor: pointer;
  border: 1px solid #e8e8f2;
}

.g-t-stack__all:hover {
  border: 1px solid #d7d7ec;
}

.g-t-stack__all .more-text {
  display: block;
}

.g-t-stack__all .less-text {
  display: none;
}

.g-t-stack__all.-less img {
  transform: rotate(180deg);
}

.g-t-stack__all.-less .more-text {
  display: none;
}

.g-t-stack__all.-less .less-text {
  display: block;
}

.g-t-stack__all h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.g-t-stack .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 48px;
}

.g-t-stack .items .item {
  flex: 0 0 calc(16.6% - 6px);
  border-radius: 12px;
  background: #fbfbfe;
  padding: 16px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 1279px) {
  .g-t-stack .items .item {
    flex: 0 0 calc(25% - 6px);
    padding: 16px 32px;
  }
}

@media (max-width: 767px) {
  .g-t-stack .items .item {
    flex: 0 0 calc(50% - 6px);
  }
}

.g-t-stack .items .item img {
  max-width: 64px;
  height: 65px;
}

.g-t-stack .items .item.-hm {
  display: none;
}

.g-t-stack .items .item.-show-more {
  background: #fff;
  border: 1px solid #e8e8f2;
  cursor: pointer;
}

.g-t-stack .items .item.-show-more:hover {
  border: 1px solid #d7d7ec;
}

.g-t-stack .items .item.-show-more .more-text {
  display: block;
}

.g-t-stack .items .item.-show-more .less-text {
  display: none;
}

.g-t-stack .items .item.-show-more.-less img {
  transform: rotate(180deg);
}

.g-t-stack .items .item.-show-more.-less .more-text {
  display: none;
}

.g-t-stack .items .item.-show-more.-less .less-text {
  display: block;
}

.g-t-stack__more {
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  color: #131426;
  text-align: center;
  margin-top: 48px;
}

@media (max-width: 767px) {
  .g-t-stack__more {
    padding: 32px 24px;
  }
}

.g-t-stack__more h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}

.g-t-stack__more p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}

.g-t-stack__more-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.g-stories {
  background: #fff;
  padding: 80px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-stories {
    padding: 64px 0;
  }
}

.g-stories .title {
  text-align: center;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .g-stories .title {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .g-stories .title {
    margin-bottom: 32px;
  }
}

.g-stories .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 0 5px;
}

@media (max-width: 1279px) {
  .g-stories .items {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}

.g-stories .items .item {
  padding: 40px;
  border-radius: 24px;
  background: #fff;
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-stories .items .item {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .g-stories .items .item {
    padding: 32px;
  }
}

.g-stories .items .item:nth-child(1) {
  grid-row: 1/3;
  background: radial-gradient(153.73% 141.42% at 0 0, #9935e8 0, #e85535 100%);
  color: #fff;
}

.g-stories .items .item:nth-child(2) {
  background: #b9e8f7;
}

.g-stories .items .item:nth-child(3) {
  background: #d1b9f7;
}

.g-stories .items .item img {
  width: auto !important;
}

.g-stories .items .item h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.g-stories .items .item h3 {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin: 24px 0;
}

@media (max-width: 767px) {
  .g-stories .items .item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}

.g-stories .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 16px 0;
}

@media (max-width: 767px) {
  .g-stories .items .item h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.g-stories .items .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (max-width: 1279px) {
  .g-stories .items .item__review-author {
    margin-bottom: 40px;
  }
}

.g-stories .items .item__review-author-picture img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.g-stories .items .item__review-author-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.g-stories .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}

.g-stories .items-2 .item:nth-child(1) {
  color: #fff;
  background: linear-gradient(119deg, #3419a0 0.04%, #681087 100.04%);
}

.g-stories .items-2 .item:nth-child(2) {
  background: #ffc5c5;
}

.g-stories .items-2 .item:nth-child(3) {
  background: #e4e8ff;
}

.g-stories .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.g-stories .owl-nav .owl-next,
.g-stories .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
}

.g-stories .owl-nav .owl-next:hover,
.g-stories .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.g-stories .owl-nav .owl-prev {
  transform: rotate(180deg);
}

.g-can-help {
  padding-top: 80px;
  background: linear-gradient(180deg, #f5f5fb 0, #fff 100%);
  color: #131426;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .g-can-help {
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  .g-can-help {
    padding-top: 48px;
  }
}

.g-can-help .heading {
  text-align: center;
}

.g-can-help .heading .title {
  margin-bottom: 16px;
}

.g-can-help .heading .sub-title {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 64px;
}

@media (max-width: 1279px) {
  .g-can-help .horizontal-scroll-container {
    margin: 0 -40px;
  }
  .g-can-help .horizontal-scroll-container .tabs .tabs__item:first-child {
    margin-left: 40px;
  }
  .g-can-help .horizontal-scroll-container .tabs .tabs__item:last-child {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .g-can-help .horizontal-scroll-container {
    margin: 0 -15px;
  }
  .g-can-help .horizontal-scroll-container .tabs .tabs__item:first-child {
    margin-left: 15px;
  }
  .g-can-help .horizontal-scroll-container .tabs .tabs__item:last-child {
    margin-right: 15px;
  }
}

.g-can-help .tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  padding-bottom: 40px;
  gap: 8px;
}

@media (max-width: 1099px) {
  .g-can-help .tabs {
    justify-content: flex-start;
  }
}

.g-can-help .tabs__item {
  padding: 32px 24px;
  min-width: 155px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border: 2px solid transparent;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 767px) {
  .g-can-help .tabs__item {
    padding: 24px 0;
    min-width: 144px;
  }
}

.g-can-help .tabs__art {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
}

.g-can-help .tabs__art .not-active-icon {
  display: block;
}

.g-can-help .tabs__art .active-icon {
  display: none;
}

.g-can-help .tabs__title {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  color: #131426;
  white-space: nowrap;
}

.g-can-help .tabs__item.-active {
  border-image-slice: 1;
  background: linear-gradient(#f5f5fb, #f5f5fb) padding-box,
    linear-gradient(to right, #9935e8, #e85535) border-box;
}

.g-can-help .tabs__item.-active .not-active-icon {
  display: none;
}

.g-can-help .tabs__item.-active .active-icon {
  display: block;
}

.g-can-help .tabs__item.-active .tabs__title {
  color: #131426;
}

.g-can-help .content {
  color: #131426;
  min-height: 80px;
}

@media (max-width: 1279px) {
  .g-can-help .content {
    min-height: auto;
  }
}

.g-can-help .content.-active {
  background: #f8f8fc;
  padding: 0 0 80px 0;
}

@media (max-width: 1279px) {
  .g-can-help .content.-active {
    padding: 0 0 64px 0;
  }
}

@media (max-width: 767px) {
  .g-can-help .content.-active {
    padding: 0 0 40px 0;
  }
}

.g-can-help .content .tabs__content-item {
  display: none;
}

.g-can-help .content .tabs__content-item.-active {
  display: block;
}

.g-can-help .content .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -6px -21px;
  margin-bottom: 40px;
  justify-content: center;
}

@media (max-width: 1279px) {
  .g-can-help .content .items {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .g-can-help .content .items {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  .g-can-help .content .items::-webkit-scrollbar {
    display: none;
  }
}

.g-can-help .content .items .item {
  padding: 4px;
  flex: 0 0 25%;
}

@media (max-width: 1279px) {
  .g-can-help .content .items .item {
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .g-can-help .content .items .item {
    flex: 0 0 50%;
  }
  .g-can-help .content .items .item:first-child {
    margin-left: 15px;
  }
  .g-can-help .content .items .item:last-child {
    margin-right: 15px;
  }
}

.g-can-help .content .items .item__content {
  height: 100%;
  padding: 40px 32px;
  border-radius: 24px;
  background: #efeffa;
}

.g-can-help .content .items .item__content h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}

.g-can-help .content .items .item__content p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

@media (max-width: 767px) {
  .g-can-help .content .actions-wrap .action-btn {
    flex: 1;
    text-align: center;
  }
}

.g-clients-featured {
  padding: 120px 0;
  background: radial-gradient(
      34.45% 46.83% at 77.4% 50%,
      rgba(161, 28, 208, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    radial-gradient(
      30.13% 51.49% at 18.2% 43.83%,
      rgba(208, 93, 28, 0.1) 0,
      rgba(19, 20, 38, 0) 100%
    ),
    #fff;
}

@media (max-width: 1279px) {
  .g-clients-featured {
    padding: 64px 0;
  }
}

.g-clients-featured .title {
  text-align: center;
  color: #131426;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .g-clients-featured .title {
    margin-bottom: 64px;
  }
}

.g-clients-featured__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 1279px) {
  .g-clients-featured__items {
    gap: 16px;
    align-items: center;
    justify-content: center;
  }
}

.g-clients-featured__items .item {
  flex: 1;
}

@media (max-width: 1279px) {
  .g-clients-featured__items .item {
    flex: 0 0 calc(33% - 9px);
  }
}

@media (max-width: 767px) {
  .g-clients-featured__items .item {
    flex: 0 0 calc(50% - 8px);
    padding: 10px 0;
  }
}

.g-clients-featured__items .item img {
  max-width: 100%;
  height: auto;
}

.g-hwb {
  padding: 48px 0;
}

.g-hwb__cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 24px;
  padding: 80px;
  min-height: 364px;
}

@media (max-width: 767px) {
  .g-hwb__cover {
    padding: 64px 32px;
  }
}

.g-hwb__cover h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .g-hwb__cover h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
  }
}

.g-hwb__cover p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  max-width: 492px;
  margin-bottom: 64px;
}

@media (max-width: 767px) {
  .g-hwb__cover .action-btn {
    flex: 1;
    text-align: center;
  }
  .g-hwb__cover .action-btn::after {
    right: calc(50% - 44px);
  }
}

.g-cases-carousel {
  display: flex;
  justify-content: center;
  padding: 100px 15px 80px 15px;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .g-cases-carousel {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .g-cases-carousel {
    width: 100%;
    padding: 64px 0 12px 0;
  }
}

.g-cases-carousel .section-title-block {
  margin-bottom: 24px;
}

.g-cases-carousel .heading > h2.title {
  color: #131426;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -0.96px;
  margin-bottom: 64px;
  text-align: center;
}

@media (max-width: 1279px) {
  .g-cases-carousel .heading > h2.title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.64px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .g-cases-carousel .heading > h2.title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
}

.g-cases-carousel .slider {
  display: block;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .g-cases-carousel .slider {
    margin-bottom: 12px;
  }
}

.g-cases-carousel .slider .owl-stage {
  display: block;
}

.g-cases-carousel .slider .owl-stage-outer {
  overflow: visible;
}

@media (max-width: 1279px) {
  .g-cases-carousel .slider .owl-stage-outer {
    overflow: hidden;
  }
}

.g-cases-carousel .slider .owl-item {
  display: block;
  opacity: 0.4;
}

.g-cases-carousel .slider .owl-item.active {
  opacity: 1;
}

.g-cases-carousel .slider .cases-v4 {
  display: block;
}

.g-cases-carousel .owl-carousel .owl-item img {
  display: inline-block !important;
  width: auto !important;
}

.g-cases-carousel .nav {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.g-cases-carousel .nav .nav-link {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.04) !important;
  border-radius: 50%;
}

.g-cases-carousel .nav .nav-link:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.g-cases-carousel .nav .nav-link.disabled {
  opacity: 0.3;
}

.g-cases-carousel .nav .nav-link.prev {
  transform: rotate(180deg);
}

.g-stats {
  background: #fff;
  color: #131426;
}

@media (max-width: 767px) {
  .g-stats {
    padding: 24px 0;
  }
}

.g-stats .items {
  display: flex;
  flex-direction: row;
}

@media (max-width: 1279px) {
  .g-stats .items {
    flex-wrap: wrap;
  }
}

.g-stats .items .item {
  flex: 1;
  min-height: 208px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
}

@media (max-width: 1279px) {
  .g-stats .items .item {
    min-height: 128px;
    flex: 1 1 50%;
  }
}

@media (max-width: 767px) {
  .g-stats .items .item {
    min-height: 104px;
    flex: 1 1 110%;
  }
}

.g-stats .items .item__art {
  width: 80px;
  height: 80px;
}

.g-stats .items .item h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.64px;
}

.g-stats .items .item h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.g-our-services {
  padding: 80px 0;
  background: #f5f5fb;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-our-services {
    padding: 64px 0;
  }
}

.g-our-services .content {
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .g-our-services .content {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-our-services .content {
    padding: 40px 0;
  }
}

.g-our-services .title {
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .g-our-services .title {
    margin-bottom: 64px;
  }
}

.g-our-services .items {
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.g-our-services .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}

@media (max-width: 1279px) {
  .g-our-services .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .g-our-services .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.g-our-services .items .item__content {
  height: 288px;
  max-height: 288px;
  padding: 48px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .g-our-services .items .item__content {
    flex-direction: column;
    padding: 24px;
    align-items: flex-start;
    height: auto;
    max-height: 100%;
  }
}

.g-our-services .items .item .left {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  flex: 1;
  transform: translateY(32px);
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .g-our-services .items .item .left {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .g-our-services .items .item .left {
    margin-right: 0;
  }
}

.g-our-services .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .g-our-services .items .item .left h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}

.g-our-services .items .item .left h5 {
  font-family: Inter, sans-serif;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.g-our-services .items .item .left .specs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}

.g-our-services .items .item .left .specs__item {
  background: #f9f9f9;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 40px;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
}

.g-our-services .items .item .left .actions-wrap {
  margin-top: 24px;
  transform: translateY(100px);
  transition: transform 0.3s ease;
}

@media (max-width: 1279px) {
  .g-our-services .items .item .left .actions-wrap {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .g-our-services .items .item .left .actions-wrap .action-btn {
    flex: none;
  }
}

.g-our-services .items .item .right {
  width: 160px;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
  .g-our-services .items .item .right {
    width: 120px;
    order: -1;
    margin-bottom: 24px;
  }
}

.g-our-services .items .item .right > a {
  display: block;
}

.g-our-services .items .item .right img {
  max-width: 100%;
}

.g-our-services .items .item:hover .item__content {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);
}

.g-our-services .items .item:hover .left {
  transform: translateY(0);
}

.g-our-services .items .item:hover .actions-wrap {
  transform: translateY(0);
}

.g-our-services .items .item:hover .right {
  transform: scale(1.5) translateX(22px);
}

@media (max-width: 1279px) {
  .g-our-services .items .item:hover .right {
    transform: scale(1) translateX(0);
  }
}

.g-our-services .actions {
  margin-top: 8px;
  padding: 32px 210px;
  border-radius: 24px;
  background: #fbfbfe;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .g-our-services .actions {
    padding: 24px;
  }
}

.g-team-one {
  padding: 100px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-team-one {
    padding: 64px 0;
  }
}

.g-team-one .title {
  text-align: center;
  margin-bottom: 32px;
}

.g-team-one .title span {
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.g-team-one p {
  font-family: Inter, sans-serif;
  max-width: 808px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.g-team-one__art {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.g-team-one__art img {
  display: flex;
  max-width: 100%;
}

.g-team-one .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .g-team-one .items {
    flex-direction: column;
  }
}

.g-team-one .items .item {
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .g-team-one .items .item {
    padding: 32px 24px;
  }
}

.g-team-one .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}

.g-team-one .items .item ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  font-family: Inter, sans-serif;
}

.g-team-one .items .item ul li {
  padding-left: 30px;
  background: url(../../assets/images/ic-list-check.svg) no-repeat left top;
}

.g-team-one .actions {
  margin-top: 64px;
  text-align: center;
}

@media (max-width: 767px) {
  .g-team-one .actions {
    margin-top: 32px;
  }
}

.g-team-two {
  padding: 100px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-team-two {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-team-two {
    padding: 32px 0;
  }
}

.g-team-two .title {
  text-align: center;
  margin-bottom: 32px;
}

.g-team-two .title + p {
  font-family: Inter, sans-serif;
  max-width: 808px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 64px;
}

.g-team-two__art {
  display: flex;
  justify-content: center;
}

.g-team-two__art img {
  display: flex;
  max-width: 1035px;
}

@media (max-width: 1279px) {
  .g-team-two__art img {
    max-width: 90%;
  }
}

.g-team-two .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

@media (max-width: 767px) {
  .g-team-two .items {
    flex-direction: column;
  }
}

.g-team-two .items .item {
  padding: 56px;
  border-radius: 24px;
  background: #fff;
}

@media (max-width: 1279px) {
  .g-team-two .items .item {
    padding: 32px 24px;
  }
}

.g-team-two .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}

.g-team-two .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.g-team-two .actions {
  margin-top: 64px;
  text-align: center;
}

.g-made-easy {
  color: #131426;
  padding: 80px 0;
}

@media (max-width: 1279px) {
  .g-made-easy {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-made-easy {
    padding: 32px 0;
  }
}

.g-made-easy__content {
  padding: 8px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  flex-direction: row;
  gap: 40px;
}

@media (max-width: 1279px) {
  .g-made-easy__content {
    flex-direction: column;
  }
}

.g-made-easy .left,
.g-made-easy .right {
  flex: 1;
}

.g-made-easy .left {
  flex: 0 0 622px;
  overflow: hidden;
  border-radius: 16px;
}

@media (max-width: 1279px) {
  .g-made-easy .left {
    flex: 1;
  }
}

.g-made-easy .left img {
  display: flex;
  height: 565px;
  margin-left: -182px;
}

@media (max-width: 1279px) {
  .g-made-easy .left img {
    height: 400px;
    margin-left: 0;
  }
}

.g-made-easy .right {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .g-made-easy .right {
    gap: 32px;
  }
}

.g-made-easy .right h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.64px;
}

.g-made-easy .items {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.g-made-easy .items .item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  position: relative;
}

.g-made-easy .items .item::before {
  content: "";
  background: url(../../assets/images/marketing/ic-arrow.svg) no-repeat center
    bottom;
  position: absolute;
  width: 10px;
  left: 10px;
  top: 42px;
  width: 10px;
  bottom: 0;
}

.g-made-easy .items .item__content {
  flex: 1;
}

.g-made-easy .items .item .step {
  color: #131426;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  border-radius: 50%;
  background: #e2d5ec;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.g-made-easy .items .item h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}

.g-made-easy .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

.g-team-slider {
  padding: 100px 0;
  color: #131426;
}

@media (max-width: 1279px) {
  .g-team-slider {
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .g-team-slider {
    padding: 32px 0;
  }
}

.g-team-slider .title {
  text-align: center;
  margin-bottom: 32px;
}

.g-team-slider .title span {
  background: var(
    --gradient-r,
    linear-gradient(90deg, #ffbd12 0, #e03d3d 53.72%, #cd21e9 101.11%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.g-team-slider .items .item {
  padding: 8px;
  background: #fff;
  border-radius: 24px;
}

.g-team-slider .items .item__art img {
  display: flex;
  overflow: hidden;
  border-radius: 24px;
  width: 100%;
}

.g-team-slider .items .item__content {
  padding: 24px 16px;
}

.g-team-slider .items .item__content h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}

.g-team-slider .items .item__content ul {
  padding: 0;
  margin: 0 0 12px 0;
}

.g-team-slider .items .item__content ul li {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.12px;
  padding-left: 22px;
  margin-bottom: 4px;
}

.g-team-slider .items .item__content ul li:last-child {
  margin-bottom: 0;
}

.g-team-slider .items .item__content ul li.verified {
  background: url(../../assets/images/marketing/ic-verified.svg) no-repeat left
    center;
}

.g-team-slider .items .item__content ul li.experience {
  background: url(../../assets/images/marketing/ic-experience.svg) no-repeat
    left center;
}

.g-team-slider .items .item__content ul li.stack {
  background: url(../../assets/images/marketing/ic-code.svg) no-repeat left
    center;
}

.g-team-slider .items .item__content p {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
  margin-bottom: 24px;
}

.g-team-slider .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}

.g-team-slider .owl-nav .owl-next,
.g-team-slider .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../../assets/images/ic-arrow-right.svg) no-repeat center
    center rgba(0, 0, 0, 0.04) !important;
  border-radius: 50%;
}

.g-team-slider .owl-nav .owl-next:hover,
.g-team-slider .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}

.g-team-slider .owl-nav .owl-prev {
  transform: rotate(180deg);
}
.blog-sub-page {
  background-color: #fff;
}
.blog_top_content {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
  max-width: 640px;
  margin: 0 auto 24px;
}
.case__params.case__params_sp li {
  color: #000;
  background: #fff;
}
.case__params.case__params_sp li div {
  align-items: center;
  justify-content: center;
  display: flex;
}
.case__params.case__params_sp li img {
  margin-right: 5px;
}