@charset "UTF-8"; /*!
 * styles.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */ /*!
 * _main.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */ /*!
 * _reset.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */ /*!
 * _fonts.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.eot);
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.woff2)
      format("woff2"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.woff)
      format("woff"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-300.ttf)
      format("truetype"),
    url(../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(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot);
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff2)
      format("woff2"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff)
      format("woff"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-regular.ttf)
      format("truetype"),
    url(../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(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.eot);
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.woff2)
      format("woff2"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.woff)
      format("woff"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-500.ttf)
      format("truetype"),
    url(../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(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.eot);
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.woff2)
      format("woff2"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.woff)
      format("woff"),
    url(../fonts/roboto-v20-cyrillic-ext_cyrillic_latin-ext_latin-700.ttf)
      format("truetype"),
    url(../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(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot);
  src:
    local("Source Sans Pro Regular"),
    local("SourceSansPro-Regular"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff2)
      format("woff2"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.woff)
      format("woff"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-regular.ttf)
      format("truetype"),
    url(../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(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.eot);
  src:
    local("Source Sans Pro SemiBold"),
    local("SourceSansPro-SemiBold"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.woff2)
      format("woff2"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.woff)
      format("woff"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-600.ttf)
      format("truetype"),
    url(../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(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.eot);
  src:
    local("Source Sans Pro Bold"),
    local("SourceSansPro-Bold"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.woff2)
      format("woff2"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.woff)
      format("woff"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.ttf)
      format("truetype"),
    url(../fonts/source-sans-pro-v13-cyrillic-ext_cyrillic_latin-ext_latin-700.svg#SourceSansPro)
      format("svg");
}
@font-face {
  font-family: Gilroy;
  src: url(../fonts/gilroy-extrabold.eot);
  src:
    url(../fonts/gilroy-extrabold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/gilroy-extrabold.woff2) format("woff2"),
    url(../fonts/gilroy-extrabold.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url(../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(../fonts/inter-v3-latin-regular.woff2) format("woff2"),
    url(../fonts/inter-v3-latin-regular.woff) format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src:
    local(""),
    url(../fonts/inter-v3-latin-600.woff2) format("woff2"),
    url(../fonts/inter-v3-latin-600.woff) format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src:
    local(""),
    url(../fonts/inter-v3-latin-700.woff2) format("woff2"),
    url(../fonts/inter-v3-latin-700.woff) format("woff");
} /*!
 * _icons.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2020 Diffco.us. All rights reserved.
 */
@font-face {
  font-display: swap;
  font-family: diffco-icons;
  src: url(../fonts/diffco-icons.eot);
  src:
    url(../fonts/diffco-icons.eot?#iefix) format("eot"),
    url(../fonts/diffco-icons.woff2) format("woff2"),
    url(../fonts/diffco-icons.woff) format("woff"),
    url(../fonts/diffco-icons.ttf) format("truetype"),
    url(../fonts/diffco-icons.svg#diffco-icons) format("svg");
}
[class*=" df"]:before,
[class^="df"] {
  font-family: diffco-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-diffco-txt:before {
  content: "\e00f";
}
.df-diffco: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(../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;
}
.-justify-center {
  justify-content: center !important;
}
.-align-center {
  align-items: center !important;
}
.-justify-start {
  justify-content: flex-start !important;
}
.-text-center {
  text-align: center;
}
.-bg-white {
  background: #fff;
} /*!
 * _overrides.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2020 Diffco.us. All rights reserved.
 */
.iti {
  width: 100%;
}
.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../images/flags.webp);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
.no-webp .iti__flag {
  background-image: url(../images/flags.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(../images/flags@2x.webp);
  }
  .no-webp .iti__flag {
    background-image: url(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */ /*!
 * _core.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.owl-height {
  transition: height 0.5s ease-in-out;
} /*!
 * _lazyload.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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;
  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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.page {
  min-height: 100%;
}
.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(../images/blog-bg-768.png);
    background-size: 767px auto;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page.-blog {
    background-image: url(../images/blog-bg-1280.png);
  }
}
@media (min-width: 1280px) {
  .page.-blog {
    background-image: url(../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(../images/who-we-bg-768.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .page.-who-we {
    background-image: url(../images/who-we-bg-1280.webp);
  }
}
@media (min-width: 1280px) {
  .webp .page.-who-we {
    background-image: url(../images/who-we-bg.webp);
  }
}
@media (max-width: 767px) {
  .webp .page.-vacancy {
    background-image: url(../images/vacancy-bg-768.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .page.-vacancy {
    background-image: url(../images/vacancy-bg-1280.webp);
  }
}
@media (min-width: 1280px) {
  .webp .page.-vacancy {
    background-image: url(../images/vacancy-bg.webp);
  }
}
@media (max-width: 767px) {
  .webp .page.-products {
    background-image: url(../images/solutions-bg.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .page.-products {
    background-image: url(../images/solutions-bg.webp);
  }
}
@media (min-width: 1280px) {
  .webp .page.-products {
    background-image: url(../images/solutions-bg.webp);
  }
}
.webp .page.-cases {
  background: url(../images/cases/bg.png) no-repeat top center #f8f8f8;
  background-size: contain;
}
@media (max-width: 767px) {
  .no-webp .page.-who-we {
    background-image: url(../images/who-we-bg-768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-who-we {
    background-image: url(../images/who-we-bg-1280.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .page.-who-we {
    background-image: url(../images/who-we-bg.jpg);
  }
}
@media (max-width: 767px) {
  .no-webp .page.-vacancy {
    background-image: url(../images/vacancy-bg-768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-vacancy {
    background-image: url(../images/vacancy-bg-1280.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .page.-vacancy {
    background-image: url(../images/vacancy-bg.jpg);
  }
}
@media (max-width: 767px) {
  .no-webp .page.-clients {
    background-image: url(../images/clients-bg-768.png);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-clients {
    background-image: url(../images/clients-bg-1280.png);
  }
}
@media (min-width: 1280px) {
  .no-webp .page.-clients {
    background-image: url(../images/clients-bg.png);
  }
}
@media (max-width: 767px) {
  .no-webp .page.-products {
    background-image: url(../images/solutions-bg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-products {
    background-image: url(../images/solutions-bg.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .page.-products {
    background-image: url(../images/solutions-bg.jpg);
  }
}
@media (max-width: 767px) {
  .no-webp .page.-cases {
    background-image: url(../images/products/product-bg.png);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .page.-cases {
    background-image: url(../images/products/product-bg.png);
  }
}
@media (min-width: 1280px) {
  .no-webp .page.-cases {
    background-image: url(../images/products/product-bg.png);
  }
}
.single-landing .header-v4__tools.header-v4__tools {
  width: 100%;
}
.single-landing .header-v4__tools.header-v4__tools a.button {
  width: auto;
  height: auto;
  padding: 0.75rem 2rem;
  background-color: #f8b000;
  border-color: #f8b000;
  color: #131426;
  font-size: 18px;
  line-height: 1;
}
.single-landing .header-v4__tools.header-v4__tools a.button:hover {
  background-color: #fff;
  border-color: #fff;
}
@media (max-width: 1279px) {
  .single-landing .header-v4__tools.header-v4__tools {
    width: auto !important;
    flex-direction: row-reverse !important;
  }
}
.single-landing .menu-v4__item {
  font-size: 16px;
}
@media (max-width: 767px) {
  .single-landing .menu-v4 {
    width: 320px;
    right: 0;
    left: unset;
  }
}
.single-landing .achievements__reviews .owl-carousel.owl-loaded {
  display: block;
} /*!
 * _middle.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.middle {
  position: relative;
  padding-top: 64px;
}
@media (min-width: 768px) {
  .middle {
    padding-top: 64px;
  }
}
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.header-v4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 102;
  transition: all 150ms linear;
  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 {
  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(../images/ic-magic.svg) no-repeat 12px center;
}
@media (max-width: 767px) {
  .header-v4__magic {
    display: none;
  }
}
.header-v4 .button {
  width: auto;
  height: auto;
  padding: 0.75rem 2rem;
  background-color: #f8b000;
  border-color: #f8b000;
  color: #131426;
  font-size: 18px;
  line-height: 1;
}
.header-v4 .button:hover {
  background-color: #fff;
  border-color: #fff;
}
.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;
  padding: 0;
  background-color: transparent;
  border: none;
}
@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(../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;
}
@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,
.-transparent-header .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,
.-transparent-header .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,
.-transparent-header .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,
.-transparent-header .header-v4__menu .menu-v4__item {
  color: #fff;
}
.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(../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: 600px;
  }
}
.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:last-child {
  max-width: 140px;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .footer-v5 .column:last-child ul {
    display: flex;
    flex-direction: column;
  }
  .footer-v5 .column:last-child 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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2020 Diffco.us. All rights reserved.
 */
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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../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(../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(../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(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
@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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */ /*!
 * _wedo.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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;
}
.case__content {
  padding: 32px 0;
}
@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: 700;
  font-size: 28px;
  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.-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(../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):has(+ .-logo-dark) {
  display: block;
}
@media (max-width: 767px) {
  .case__logo:not(.-logo-dark):has(+ .-logo-dark) {
    display: none;
  }
}
@media (max-width: 767px) {
  .case__logo:not(.-logo-dark):not(:has(+ .-logo-dark)) img {
    filter: grayscale(1) brightness(0);
  }
}
.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(../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;
}
.case__quote {
  margin-top: auto;
  padding: 16px 0 0 16px;
  background: url(../images/cases-v4/ic-quote.svg) no-repeat left top;
}
@media (max-width: 767px) {
  .case__quote {
    text-align: left;
    margin-bottom: 24px;
  }
}
.case__quote-text {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  font-family: Gilroy, sans-serif;
}
.case__quote-author {
  display: flex;
  align-items: center;
  gap: 16px;
}
.case__quote-author-image {
  display: flex;
  width: 48px;
}
.case__quote-author-image img {
  max-height: 48px;
  max-width: 100%;
  border-radius: 50%;
}
.case__quote-author-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .case__quote-author-details {
    text-align: left;
  }
}
.case__quote-author-details-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}
.case__quote-author-details-subtitle {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  color: #fff;
}
.case.-darkText .case__quote {
  background: url(../images/cases-v4/ic-quote-dark.svg) no-repeat left top;
}
.case.-darkText .case__quote-text {
  color: #131426;
}
.case.-darkText .case__quote-author-details-title {
  color: #131426;
}
.case.-darkText .case__quote-author-details-subtitle {
  color: #131426;
}
.case.case--with-video {
  min-height: 580px;
  overflow: hidden;
}
.case.case--with-video:hover .case__img picture {
  opacity: 0;
}
.case.case--with-video:hover .case__img .cases-video__item-video {
  opacity: 1;
}
@media (max-width: 1279px) {
  .case.case--with-video:hover .case__img picture {
    opacity: 1;
  }
  .case.case--with-video:hover .case__img .cases-video__item-video {
    opacity: 0;
  }
}
.case .case__img.-video-poster {
  position: absolute;
  display: flex;
  align-items: center;
  width: auto;
  height: 100%;
  top: 0;
  right: 0;
  width: 50%;
}
@media (max-width: 1279px) {
  .case .case__img.-video-poster {
    position: static;
  }
}
@media (max-width: 767px) {
  .case .case__img.-video-poster {
    width: 100%;
  }
  .case .case__img.-video-poster picture img {
    height: auto;
  }
} /*!
 * _form.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../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(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../images/start-full-bg-768.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .start.-with-full-bg-image {
    background-image: url(../images/start-full-bg-1280.webp);
  }
}
@media (min-width: 1280px) {
  .webp .start.-with-full-bg-image {
    background-image: url(../images/start-full-bg.webp);
  }
}
@media (max-width: 767px) {
  .no-webp .start.-with-full-bg-image {
    background-image: url(../images/start-full-bg-768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .start.-with-full-bg-image {
    background-image: url(../images/start-full-bg-1280.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .start.-with-full-bg-image {
    background-image: url(../images/start-full-bg.jpg);
  }
} /*!
 * _rewards-slider.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../images/team-bg-768.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .team-statistic {
    background-image: url(../images/team-bg-1280.webp);
  }
}
@media (min-width: 1280px) {
  .webp .team-statistic {
    background-image: url(../images/team-bg.webp);
  }
}
@media (max-width: 767px) {
  .no-webp .team-statistic {
    background-image: url(../images/team-bg-768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .team-statistic {
    background-image: url(../images/team-bg-1280.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .team-statistic {
    background-image: url(../images/team-bg.jpg);
  }
} /*!
 * _part-team.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../images/part-team-768.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .part-team {
    background-image: url(../images/part-team-1280.webp);
  }
}
@media (min-width: 1280px) {
  .webp .part-team {
    background-image: url(../images/part-team.webp);
  }
}
@media (max-width: 767px) {
  .webp .part-team.-corporate {
    background-image: url(../images/start-full-bg-768.webp);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .webp .part-team.-corporate {
    background-image: url(../images/start-full-bg-1280.webp);
  }
}
@media (min-width: 1280px) {
  .webp .part-team.-corporate {
    background-image: url(../images/start-full-bg.webp);
  }
}
@media (max-width: 767px) {
  .no-webp .part-team {
    background-image: url(../images/part-team-768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .part-team {
    background-image: url(../images/part-team-1280.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .part-team {
    background-image: url(../images/part-team.jpg);
  }
}
@media (max-width: 767px) {
  .no-webp .part-team.-corporate {
    background-image: url(../images/start-full-bg-768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .no-webp .part-team.-corporate {
    background-image: url(../images/start-full-bg-1280.jpg);
  }
}
@media (min-width: 1280px) {
  .no-webp .part-team.-corporate {
    background-image: url(../images/start-full-bg.jpg);
  }
} /*!
 * _cases.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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__item .case-button {
  margin-top: 32px;
}
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../images/getstarted-bg.webp);
}
.no-webp .getstarted:before {
  background-image: url(../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,
.get-started-v4 .wrap-v4 .right form .row textarea.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,
  .get-started-v4 .wrap-v4 .right form .row textarea.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-size: 16px;
  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-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  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-form.-send + .get-started-v5-success {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.get-started-v5 .left {
  flex: 2;
  position: relative;
}
.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(../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(../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;
}
.get-started-v5-modal {
  display: none;
  color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.get-started-v5-modal::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.get-started-v5-modal-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 870px;
  width: 100%;
  z-index: 100;
}
.get-started-v5-modal__btn-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #131426;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.get-started-v5-modal__btn-close svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}
.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(../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(../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;
  font-size: 16px;
  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,
section.contact-form-v4 form .row textarea.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,
  section.contact-form-v4 form .row textarea.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-size: 16px;
  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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2023 Diffco.us. All rights reserved.
 */
.diffco-blog {
  display: flex;
  color: #131426;
  background-color: #f2f2f5;
  justify-content: center;
  padding: 80px 0 40px;
}
@media (max-width: 1279px) {
  .diffco-blog {
    padding: 80px 0 24px;
  }
}
@media (max-width: 767px) {
  .diffco-blog {
    padding: 24px 0 0;
  }
}
.diffco-blog .section-title-block {
  background-color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .diffco-blog .section-title-block {
    display: none;
  }
}
.diffco-blog .collage {
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  .diffco-blog .collage {
    border-radius: 12px;
    overflow: hidden;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .diffco-blog .collage {
    border-radius: 0;
  }
}
.diffco-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) {
  .diffco-blog .collage .left {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .left {
    padding-top: 325px;
  }
}
@media (min-width: 1280px) {
  .diffco-blog .collage .left {
    width: 650px;
    height: 650px;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .left {
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
}
.diffco-blog .collage .left:hover {
  background-size: auto 110%;
  background-position: center;
}
.diffco-blog .collage .left:hover .action {
  opacity: 0.64;
}
.diffco-blog .collage .right {
  display: flex;
  flex-direction: column;
  background-color: #131426;
  color: #fff;
}
@media (min-width: 1280px) {
  .diffco-blog .collage .right {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
  }
}
@media (min-width: 1280px) {
  .diffco-blog .collage .right {
    width: 650px;
    height: 650px;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right {
    height: auto;
    width: 100%;
  }
}
.diffco-blog .collage .right > a:hover .action {
  opacity: 0.64;
}
.diffco-blog .collage .right .row {
  display: flex;
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right .row {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right .row {
    flex-direction: column;
  }
}
.diffco-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) {
  .diffco-blog .collage .right .row .collage-right-img {
    width: 50%;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right .row .collage-right-img {
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.diffco-blog .collage .right .row .collage-right-img:hover {
  background-size: auto 110%;
}
.diffco-blog .collage .right .row .block {
  background: linear-gradient(98.52deg, #2f80ed 0, #992fed 100%);
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right .row .block {
    width: 50%;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right .row .block {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .diffco-blog .collage .right .row .block {
    border-top-right-radius: 12px;
  }
}
.diffco-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) {
  .diffco-blog .collage .right .more-posts-container {
    width: 650px;
    height: 325px;
  }
}
@media (max-width: 1279px) {
  .diffco-blog .collage .right .more-posts-container {
    padding: 40px 24px;
  }
}
@media (min-width: 1280px) {
  .diffco-blog .collage .right .more-posts-container .content {
    height: 176px;
  }
}
.diffco-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;
}
.diffco-blog .collage .right .more-posts-container .content a:hover {
  opacity: 0.64;
}
.diffco-blog .collage .right .more-posts-container .flex-right {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .diffco-blog .collage .right .more-posts-container .flex-right {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .diffco-blog .collage .right .more-posts-container .flex-right .action-btn {
    padding-left: 0;
  }
}
.diffco-blog
  .collage
  .right
  .more-posts-container
  .flex-right
  .action-btn:hover {
  opacity: 0.8;
}
.diffco-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) {
  .diffco-blog .collage .block {
    width: 325px;
  }
}
@media (max-width: 767px) {
  .diffco-blog .collage .block {
    padding: 32px 24px;
  }
}
@media (max-width: 767px) {
  .diffco-blog .collage .block {
    width: 100%;
    height: 250px;
  }
}
.diffco-blog .collage .block > h5 {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.diffco-blog .collage .block .read-more-container > .action-btn {
  padding-left: 0;
}
.diffco-blog .collage .block .read-more-container > .action-btn:hover {
  opacity: 0.8;
} /*!
 * _blog-preview-v4.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2023 Diffco.us. All rights reserved.
 */
.blog-preview-v5 {
  padding: 80px 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;
  max-width: 100%;
  max-height: 180px;
}
@media (max-width: 1279px) {
  .blog-preview-v5 .items .item__art {
    max-height: 230px;
  }
}
.blog-preview-v5 .items .item__art img {
  max-width: 100%;
  height: auto !important;
}
.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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../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(../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(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.docs {
  position: relative;
  background: url(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.tech-details {
  padding-top: 88px;
  padding-bottom: 64px;
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../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(../images/location-bg.webp);
}
.no-webp .location {
  background-image: url(../images/location-bg.png);
}
.blog {
  margin: 0 auto;
}
.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(../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: 12px;
}
.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(../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(../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(../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(../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(../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(../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(../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(../images/blog/section-bg-2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.page.post-v2 .should-outsource-web-development {
  background: url(../images/blog/section-bg-3.png), #211279;
}
.page.post-v2 .should-outsource-web-development .simple-content ul li {
  background: url(../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;
  }
}
.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(../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(../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(../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-about--wide {
  max-width: 1380px;
}
.vacancy-about--wide p {
  max-width: 100%;
}
.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: 80px;
  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(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2021 Diffco.us. All rights reserved.
 */
.webp .page.-product section.topDesc {
  background-image: url(../images/products/product-bg.webp);
}
.no-webp .page.-product section.topDesc {
  background-image: url(../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: 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-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  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 {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.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/top-developers/icon-success-filled.png);
}
.top-developers .items .item div.success {
  background-image: url(../images/top-developers/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/top-developers/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(../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(../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%;
}
.t-stack {
  background: #fff;
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .t-stack {
    padding: 64px 0;
  }
}
@media (max-width: 767px) {
  .t-stack {
    padding: 48px 0;
  }
}
.t-stack .title {
  margin-bottom: 80px;
}
@media (max-width: 1279px) {
  .t-stack .title {
    text-align: center;
  }
}
.t-stack h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 32px;
}
@media (max-width: 1279px) {
  .t-stack h4 {
    margin-bottom: 0;
    position: relative;
  }
  .t-stack h4::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../images/service/team/t-stack-arrow-right.svg) no-repeat
      center center;
    position: absolute;
    right: 0;
    top: -8px;
  }
}
@media (max-width: 767px) {
  .t-stack h4 {
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .t-stack__item {
    margin-bottom: 0;
    padding: 24px 0;
    border-bottom: 1px solid #efeff6;
  }
}
@media (max-width: 1279px) {
  .t-stack__item.-active .items {
    display: flex;
  }
}
.t-stack__item.-active h4 {
  padding-bottom: 32px;
}
.t-stack__item.-active h4::after {
  background-image: url(../images/service/team/t-stack-arrow-up.svg);
}
.t-stack__item.-hm {
  display: none;
}
.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;
}
.t-stack__all:hover {
  border: 1px solid #d7d7ec;
}
.t-stack__all .more-text {
  display: block;
}
.t-stack__all .less-text {
  display: none;
}
.t-stack__all.-less img {
  transform: rotate(180deg);
}
.t-stack__all.-less .more-text {
  display: none;
}
.t-stack__all.-less .less-text {
  display: block;
}
.t-stack__all h5 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.t-stack .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 48px;
}
@media (max-width: 1279px) {
  .t-stack .items {
    display: none;
    margin-bottom: 0;
  }
}
.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) {
  .t-stack .items .item {
    flex: 0 0 calc(25% - 6px);
    padding: 16px 32px;
  }
}
@media (max-width: 767px) {
  .t-stack .items .item {
    flex: 0 0 calc(50% - 6px);
  }
}
.t-stack .items .item img {
  max-width: 64px;
  height: 65px;
}
.t-stack .items .item.-hm {
  display: none;
}
@media (max-width: 1279px) {
  .t-stack .items .item.-hm {
    display: flex;
  }
}
.t-stack .items .item.-show-more {
  background: #fff;
  border: 1px solid #e8e8f2;
  cursor: pointer;
}
.t-stack .items .item.-show-more:hover {
  border: 1px solid #d7d7ec;
}
@media (max-width: 1279px) {
  .t-stack .items .item.-show-more {
    display: none;
  }
}
.t-stack .items .item.-show-more .more-text {
  display: block;
}
.t-stack .items .item.-show-more .less-text {
  display: none;
}
.t-stack .items .item.-show-more.-less img {
  transform: rotate(180deg);
}
.t-stack .items .item.-show-more.-less .more-text {
  display: none;
}
.t-stack .items .item.-show-more.-less .less-text {
  display: block;
}
.t-stack__more {
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  color: #131426;
  text-align: center;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .t-stack__more {
    padding: 32px 24px;
  }
}
.t-stack__more h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}
.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;
}
.t-stack__more-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.faq {
  background: #fff;
  color: #131426;
  padding-bottom: 80px;
  padding-top: 80px;
}
.faq__wrap {
  padding: 80px;
  border-radius: 24px;
  background: #f7f7f9;
  display: flex;
  gap: 64px;
}
@media (max-width: 1279px) {
  .faq__wrap {
    padding: 64px 40px;
  }
}
@media (max-width: 767px) {
  .faq__wrap {
    padding: 40px 24px;
  }
}
.faq .left {
  width: 306px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  .faq .left {
    display: none;
  }
}
.faq .left h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
.faq .left img {
  max-width: 157px;
}
.faq .right {
  flex: 1;
}
.faq .right h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 48px;
  display: none;
}
@media (max-width: 1279px) {
  .faq .right h2 {
    display: block;
  }
}
@media (max-width: 767px) {
  .faq .right h2 {
    margin-bottom: 32px;
  }
}
.faq .items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq .items .item {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ebebf3;
}
.faq .items .item:last-child {
  border-bottom: none;
}
.faq .items .item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
  background: url(../images/service/team/faq-plus.svg) no-repeat right -1px;
  padding-right: 48px;
}
@media (max-width: 1279px) {
  .faq .items .item h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .faq .items .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.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;
}
.faq .items .item.-hm {
  display: none;
}
@media (max-width: 1279px) {
  .faq .items .item.-hm {
    display: block;
  }
}
.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) {
  .faq .items .item.-show-more {
    display: none;
  }
}
.faq .items .item.-show-more h3 {
  background-image: url(../images/service/team/faq-arrow.svg);
}
.faq .items .item.show-more--active h3 {
  background-image: url(../images/service/team/faq-arrow-top.svg);
}
.faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../images/service/team/faq-minus.svg);
}
.faq .items .item.-active p {
  display: block;
}
.intro {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1790px) {
  .intro {
    min-height: 923px;
  }
}
@media (min-width: 640px) and (max-width: 1789px) {
  .intro {
    min-height: 100vh;
  }
}
.intro__video {
  content: "";
  background-size: 110%;
  transition: background-size 0.5s ease;
  position: absolute;
  inset: 0;
  width: 100%;
  overflow: hidden;
}
.no-webp .intro__video {
  background: url(../images/home-v3/video/intro.jpg) no-repeat top center;
}
@media (max-width: 767px) {
  .intro__video {
    background-position: 65% 0;
  }
}
@media (max-width: 1279px) {
  .intro__video {
    background-size: cover;
  }
}
.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;
}
.intro__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 2;
}
@media (max-width: 1279px) {
  .intro__inner {
    background-position: 0 0;
  }
}
.intro .cover {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  flex: 2;
}
@media (max-width: 1279px) {
  .intro .cover {
    min-height: 622px;
    padding-bottom: 0;
  }
}
.intro .cover .wrap-v4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding-top: 56px;
  flex: 2;
}
@media (max-width: 1279px) {
  .intro .cover .wrap-v4 {
    padding-top: 110px;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .intro .cover .wrap-v4 {
    padding-top: 72px;
  }
}
.intro .cover__content {
  display: flex;
  margin-bottom: 71px;
}
.intro .cover__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.intro .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;
}
.intro .cover__text .based-label span {
  font-weight: 700;
}
.intro .cover__text .based-label svg {
  height: 16px;
  margin-right: 10px;
}
@media (max-width: 359px) {
  .intro .cover__text .based-label {
    font-size: 11px;
  }
}
.intro .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) {
  .intro .cover__text h1 {
    font-size: 48px;
    line-height: 56px;
    max-width: 510px;
  }
}
@media (max-width: 767px) {
  .intro .cover__text h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .intro .cover__text h1 br {
    display: none;
  }
}
.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;
}
.intro .cover__services {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 1279px) {
  .intro .cover__services {
    background: #0d0d17;
    margin-left: -40px;
    margin-right: -40px;
    flex-direction: column;
    padding: 32px 40px;
  }
}
.intro .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) {
  .intro .cover__services .item {
    min-height: auto;
    flex-direction: row;
    gap: 32px;
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .intro .cover__services .item {
    gap: 24px;
    padding: 32px 24px;
  }
}
.intro .cover__services .item h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}
@media (max-width: 1279px) {
  .intro .cover__services .item h5 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .intro .cover__services .item h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
.intro .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;
}
.intro .cover__services .item__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}
@media (max-width: 1279px) {
  .intro .cover__services .item__bottom {
    order: -1;
    margin-top: 0;
    align-items: flex-start;
  }
}
.intro .cover__services .item__art {
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .intro .cover__services .item__art {
    width: 42px;
    height: 42px;
  }
}
.intro .cover__services .item:hover .item__art {
  background-position-x: 100px;
}
.intro .cover__services .item .arrow-btn {
  width: 40px;
  height: 40px;
  background: url(../images/ic-arrow-right-light.svg) no-repeat center center
    rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
@media (max-width: 1279px) {
  .intro .cover__services .item .arrow-btn {
    display: none;
  }
}
.intro .cover__services .item .arrow-btn.mobile {
  display: none;
}
@media (max-width: 1279px) {
  .intro .cover__services .item .arrow-btn.mobile {
    margin-top: auto;
    margin-left: auto;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .intro .cover__services .item .arrow-btn.mobile {
    min-width: 40px;
  }
}
.intro .cover__services .item .arrow-btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.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) {
  .intro .cover__tags {
    margin-top: 24px;
    max-width: 290px;
    line-height: 38px;
  }
}
.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;
}
.intro .cover__actions {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .intro .cover__actions {
    margin-top: 24px;
  }
}
.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) {
  .intro .cover__trusted {
    padding: 24px 15px;
  }
}
.intro .cover__trusted .wrap-v4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  padding-top: 0;
}
@media (max-width: 1279px) {
  .intro .cover__trusted .wrap-v4 {
    flex-direction: column;
    gap: 12px;
  }
}
.intro .cover__trusted h4 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}
@media (max-width: 1279px) {
  .intro .cover__trusted h4 br {
    display: none;
  }
}
.intro .cover__trusted .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.intro .cover__trusted .items .item img {
  display: flex;
}
@media (max-width: 1279px) {
  .intro .cover__trusted .items {
    overflow-y: scroll;
    width: 100%;
  }
  .intro .cover__trusted .items::-webkit-scrollbar {
    display: none;
  }
  .intro .cover__trusted .items .item {
    width: 130px;
    min-width: 130px;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .intro .cover__trusted .items .item {
    width: 150px;
    min-width: 150px;
  }
}
@media (max-width: 1279px) {
  .intro .cover__trusted .items .item img {
    max-width: 100%;
  }
}
.intro .cover__trusted__trusted {
  padding: 24px;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  margin-top: 64px;
}
@media (max-width: 767px) {
  .intro .cover__trusted__trusted {
    padding: 24px 15px;
  }
}
.intro .cover__trusted__trusted .wrap-v4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
@media (max-width: 1279px) {
  .intro .cover__trusted__trusted .wrap-v4 {
    flex-direction: column;
    padding: 0;
    gap: 12px;
  }
}
.intro .cover__trusted__trusted h4 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}
@media (max-width: 1279px) {
  .intro .cover__trusted__trusted h4 br {
    display: none;
  }
}
.intro .cover__trusted__trusted .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.intro .cover__trusted__trusted .items .item img {
  display: flex;
}
@media (max-width: 1279px) {
  .intro .cover__trusted__trusted .items {
    overflow-y: scroll;
    width: 100%;
  }
  .intro .cover__trusted__trusted .items::-webkit-scrollbar {
    display: none;
  }
  .intro .cover__trusted__trusted .items .item {
    width: 130px;
    min-width: 130px;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .intro .cover__trusted__trusted .items .item {
    width: 150px;
    min-width: 150px;
  }
}
@media (max-width: 1279px) {
  .intro .cover__trusted__trusted .items .item img {
    max-width: 100%;
  }
}
.intro + .g-achievements {
  padding-top: 120px;
}
@media (max-width: 767px) {
  .intro + .g-achievements {
    padding-top: 40px;
  }
}
.info-desc {
  color: #131426;
  padding: 0 0 80px 0;
  position: relative;
  z-index: 10;
}
.info-desc__top {
  margin-bottom: 8px;
}
.info-desc__top .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 1279px) {
  .info-desc__top .items {
    flex-direction: column;
  }
}
.info-desc__top .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}
@media (max-width: 1279px) {
  .info-desc__top .items .item {
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .info-desc__top .items .item {
    padding: 24px;
    flex-direction: column;
  }
}
.info-desc__top .items .item img {
  margin-bottom: 40px;
}
@media (max-width: 1279px) {
  .info-desc__top .items .item img {
    margin: 0 40px 0 0;
    max-width: 90px;
  }
}
@media (max-width: 767px) {
  .info-desc__top .items .item img {
    margin: 0 0 24px 0;
    max-width: 72px;
  }
}
.info-desc__top .items .item h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}
@media (max-width: 1279px) {
  .info-desc__top .items .item h3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .info-desc__top .items .item h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.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) {
  .info-desc__top .items .item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}
.info-desc__bot .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 767px) {
  .info-desc__bot .items {
    flex-direction: column;
  }
}
.info-desc__bot .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}
.info-desc__bot h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .info-desc__bot h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
}
.info-desc__bot h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.info-desc .actions {
  display: flex;
  justify-content: center;
  padding-top: 64px;
}
.swl {
  padding: 80px 0;
  background: linear-gradient(180deg, #f4f4fa 0, #fff 100%);
}
@media (max-width: 1279px) {
  .swl {
    padding: 48px 0;
  }
}
.swl .wrap-v4 {
  display: flex;
  gap: 8px;
}
@media (max-width: 1279px) {
  .swl .wrap-v4 {
    flex-direction: column;
  }
}
.swl .left {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background: linear-gradient(180deg, #0a9359 0, #709f34 100%);
}
@media (max-width: 767px) {
  .swl .left {
    padding: 40px 24px;
  }
}
.swl .left h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 32px;
}
.swl .left h3 span {
  color: rgba(255, 255, 255, 0.64);
}
@media (max-width: 767px) {
  .swl .left h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.swl .left .items .item {
  padding: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 1279px) {
  .swl .left .items .item {
    padding: 24px 0;
  }
}
@media (max-width: 767px) {
  .swl .left .items .item {
    padding: 16px 0;
  }
}
.swl .left .items h4 {
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 4px 0 4px 56px;
  background: url(../images/service/team/swl-check.svg) no-repeat left center;
}
@media (max-width: 1279px) {
  .swl .left .items h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .swl .left .items h4 {
    font-size: 16px;
    line-height: 22px;
  }
}
.swl .right {
  flex: 1;
  padding: 64px 48px;
  border-radius: 24px;
  background:
    url(../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) {
  .swl .right {
    min-height: 596px;
    background-size: contain;
    background-position-y: 100%;
  }
}
@media (max-width: 767px) {
  .swl .right {
    padding: 40px 24px;
    min-height: 476px;
    background-size: 570px;
    background-position-y: 112%;
  }
}
.swl .right h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.64px;
}
@media (max-width: 767px) {
  .swl .right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}
.stories {
  background: #fff;
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .stories {
    padding: 64px 0;
  }
}
.stories .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 1279px) {
  .stories .title {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .stories .title {
    margin-bottom: 32px;
  }
}
.stories .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  padding: 0 5px;
}
@media (max-width: 1279px) {
  .stories .items {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.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) {
  .stories .items .item {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .stories .items .item {
    padding: 32px;
  }
}
.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;
}
.stories .items .item:nth-child(2) {
  background: #b9e8f7;
}
.stories .items .item:nth-child(3) {
  background: #d1b9f7;
}
.stories .items .item img {
  width: auto !important;
}
.stories .items .item h5 {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.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) {
  .stories .items .item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}
.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) {
  .stories .items .item h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
.stories .items .item__review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media (max-width: 1279px) {
  .stories .items .item__review-author {
    margin-bottom: 40px;
  }
}
.stories .items .item__review-author-picture img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.stories .items .item__review-author-name {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.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;
}
.stories .items-2 .item:nth-child(1) {
  color: #fff;
  background: linear-gradient(119deg, #3419a0 0.04%, #681087 100.04%);
}
.stories .items-2 .item:nth-child(2) {
  background: #ffc5c5;
}
.stories .items-2 .item:nth-child(3) {
  background: #e4e8ff;
}
.stories .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  gap: 8px;
}
.stories .owl-nav .owl-next,
.stories .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../images/ic-arrow-right.svg) no-repeat center center
    rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}
.stories .owl-nav .owl-next:hover,
.stories .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.stories .owl-nav .owl-prev {
  transform: rotate(180deg);
}
.best-results {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .best-results {
    padding: 48px 0;
  }
}
.best-results .title {
  text-align: center;
  margin-bottom: 64px;
  color: #131426;
}
@media (max-width: 1279px) {
  .best-results .title {
    max-width: 360px;
    margin: 0 auto 64px auto;
  }
}
@media (max-width: 767px) {
  .best-results .title {
    margin-bottom: 32px;
  }
}
.best-results .items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 1279px) {
  .best-results .items {
    align-items: flex-start;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .best-results .items {
    flex-direction: column;
  }
}
.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) {
  .best-results .items .item {
    padding: 40px 32px;
  }
}
@media (max-width: 767px) {
  .best-results .items .item {
    padding: 32px;
  }
}
.best-results .items .item:nth-child(1) {
  transform: rotate(3deg);
}
@media (max-width: 1279px) {
  .best-results .items .item:nth-child(1) {
    transform: rotate(0);
  }
}
.best-results .items .item:nth-child(2) {
  transform: rotate(-3deg);
  background: #4252da;
}
@media (max-width: 1279px) {
  .best-results .items .item:nth-child(2) {
    transform: rotate(0);
  }
}
.best-results .items .item:nth-child(3) {
  transform: rotate(3deg);
  background: #429ada;
}
@media (max-width: 1279px) {
  .best-results .items .item:nth-child(3) {
    transform: rotate(0);
    padding-bottom: 32px;
  }
}
.best-results .items .item__art {
  margin-bottom: 32px;
}
.best-results .items .item:hover {
  transform: rotate(0);
}
.best-results .items h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}
@media (max-width: 1279px) {
  .best-results .items h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .best-results .items h5 br {
    display: none;
  }
}
.best-results .items p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
} /*!
 * _cases-v4.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2023 Diffco.us. All rights reserved.
 */
.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__text + .item__actions {
    margin-top: 0;
  }
}
.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(../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;
    margin-left: 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(../images/cases-v4/ic-quote.svg);
} /*!
 * _blog-v4.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2024 Diffco.us. All rights reserved.
 */
.-blog-v4 {
  padding-top: 64px;
}
.-blog-v4 .middle {
  background: url(../images/blog-v4/blog_bg.jpg) no-repeat center top;
  background-color: #f5f5f5;
}
.-blog-v4 .title {
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  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(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2020 Diffco.us. All rights reserved.
 */
.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(../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(../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(../images/keynote-bg.webp);
}
.no-webp .keynote .wrap {
  background-image: url(../images/keynote-bg.jpg);
} /*!
 * _calendly.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2021 Diffco.us. All rights reserved.
 */
.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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2023 Diffco.us. All rights reserved.
 */
.how-we-build {
  background: linear-gradient(180deg, #f7efe3 0, #f7e4e3 100%);
}
.how-we-build__bg-container {
  background-image: url(../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: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
@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 .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(../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(../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(../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: 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 32px 0;
  align-items: center;
  border-radius: 24px;
}
@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 .items-3 .item:nth-child(1) {
  background: #61a1ff;
}
.page.-home-v5 .stories .items-3 .item:nth-child(2) {
  background: #ffaf95;
}
.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(../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(../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(../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(../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(../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 .diffco-blog {
  background: #fff;
}
.page.-about-us-v4 .subscribe-v4 {
  background: #fff;
} /*!
 * our-services.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 */
.page.-services .middle {
  padding-top: 0;
}
.page.-services .intercom-lightweight-app-launcher {
  bottom: 85px !important;
}
.page.-services .first {
  background: #131426 url(../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(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 */
.page.-resources .middle {
  background:
    url(../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(../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
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 */
.page.-solutions {
  background: #131426 url(../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;
}
.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(../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(../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: 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-backend.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 */
@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(../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: 80px 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;
  text-align: center;
}
.page.-solution-ai section.how-ai-models-help {
  padding: 80px 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(../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(../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-diffco {
  display: flex;
  justify-content: center;
  background-image: url(../images/solution-ai/meeting-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1280px) {
  .page.-solution-ai section.why-diffco {
    padding: 70px 0 100px;
  }
}
.page.-solution-ai section.why-diffco .container {
  display: flex;
  flex-direction: column;
  padding: 100px 24px 80px;
}
@media (max-width: 1279px) {
  .page.-solution-ai section.why-diffco .container {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .page.-solution-ai section.why-diffco .container {
    width: 1300px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .page.-solution-ai section.why-diffco .container {
    flex-direction: column;
    align-items: center;
    padding: 64px 15px;
  }
}
.page.-solution-ai section.why-diffco .container svg.logo {
  margin-bottom: 24px;
}
.page.-solution-ai section.why-diffco .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-diffco .container h3 {
    width: 810px;
  }
}
.page.-solution-ai section.why-diffco .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-diffco .container .items {
    flex-wrap: wrap;
  }
}
.page.-solution-ai section.why-diffco .container .items .item {
  min-height: 220px;
}
@media (min-width: 768px) {
  .page.-solution-ai section.why-diffco .container .items .item {
    width: calc(33% - 60px);
  }
}
@media (max-width: 767px) {
  .page.-solution-ai section.why-diffco .container .items .item {
    padding: 8px;
    width: unset;
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.page.-solution-ai section.why-diffco .container .items .item__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .page.-solution-ai section.why-diffco .container .items .item__content {
    padding: 24px;
  }
}
@media (max-width: 1279px) {
  .page.-solution-ai section.why-diffco .container .items .item__content {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .page.-solution-ai section.why-diffco .container .items .item__content {
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
  }
}
.page.-solution-ai section.why-diffco .container .items .item__content svg {
  margin-bottom: 16px;
}
@media (max-width: 1279px) {
  .page.-solution-ai section.why-diffco .container .items .item__content svg {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.page.-solution-ai section.why-diffco .container .items .item__content h3 {
  margin-bottom: 12px;
}
.page.-solution-ai section.why-diffco .container .items .item__content p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.page.-solution-ai section.why-diffco .container .why-diffco-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-diffco
  .container
  .why-diffco-block
  .colorful-items
  .top-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .page.-solution-ai
    section.why-diffco
    .container
    .why-diffco-block
    .colorful-items
    .top-row {
    flex-direction: column;
  }
}
.page.-solution-ai
  section.why-diffco
  .container
  .why-diffco-block
  .colorful-items
  .top-row
  > .item {
  width: calc(33% - 8px);
}
@media (max-width: 767px) {
  .page.-solution-ai
    section.why-diffco
    .container
    .why-diffco-block
    .colorful-items
    .top-row
    > .item {
    width: 100%;
  }
}
.page.-solution-ai
  section.why-diffco
  .container
  .why-diffco-block
  .colorful-items
  .top-row
  > .item:nth-child(1) {
  background: linear-gradient(93.19deg, #9935e8 0, #e85535 302.95%);
}
.page.-solution-ai
  section.why-diffco
  .container
  .why-diffco-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-diffco
  .container
  .why-diffco-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-diffco
  .container
  .why-diffco-block
  .colorful-items
  .bottom-row {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .page.-solution-ai
    section.why-diffco
    .container
    .why-diffco-block
    .colorful-items
    .bottom-row {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .page.-solution-ai
    section.why-diffco
    .container
    .why-diffco-block
    .colorful-items
    .bottom-row {
    flex-direction: column;
  }
}
.page.-solution-ai
  section.why-diffco
  .container
  .why-diffco-block
  .colorful-items
  .bottom-row
  > .item {
  width: calc(50% - 8px);
}
@media (max-width: 767px) {
  .page.-solution-ai
    section.why-diffco
    .container
    .why-diffco-block
    .colorful-items
    .bottom-row
    > .item {
    width: 100%;
  }
}
.page.-solution-ai
  section.why-diffco
  .container
  .why-diffco-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-diffco
  .container
  .why-diffco-block
  .colorful-items
  .bottom-row
  > .item:nth-child(2) {
  background: linear-gradient(94.76deg, #9935e8 -102.58%, #e85535 100%);
}
.page.-solution-ai
  section.why-diffco
  .container
  .why-diffco-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-diffco
  .container
  .why-diffco-block
  .colorful-items
  .item
  svg {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .page.-solution-ai
    section.why-diffco
    .container
    .why-diffco-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(../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(../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(../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(../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(../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(../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-diffco {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .page.-clutch-dev .why-diffco {
    padding: 64px 0;
  }
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco {
    padding: 48px 0;
  }
}
.page.-clutch-dev .why-diffco .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .title {
    margin-bottom: 32px;
  }
}
.page.-clutch-dev .why-diffco .items {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}
.page.-clutch-dev .why-diffco .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}
@media (max-width: 1279px) {
  .page.-clutch-dev .why-diffco .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}
.page.-clutch-dev .why-diffco .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-diffco .items .item__content {
    padding: 64px 48px;
  }
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .items .item__content {
    min-height: auto;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}
.page.-clutch-dev .why-diffco .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page.-clutch-dev .why-diffco .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .items .item .left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
.page.-clutch-dev .why-diffco .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-diffco .items .item .right {
  width: 120px;
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .items .item .right {
    width: 72px;
  }
}
.page.-clutch-dev .why-diffco .items .item .right > a {
  display: block;
}
.page.-clutch-dev .why-diffco .items .item .right img {
  max-width: 100%;
}
.page.-clutch-dev .why-diffco .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-diffco .request-cv br {
  display: none;
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .request-cv br {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .request-cv {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}
.page.-clutch-dev .why-diffco .request-cv h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 767px) {
  .page.-clutch-dev .why-diffco .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(../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(../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(../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(../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(../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(../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(../images/service/team/faq-arrow.svg);
}
.page.-clutch-dev .faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../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(../images/service/team/diffco-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(../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(../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(../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(../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(../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(../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-diffco {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .page.-clutch-ta .why-diffco {
    padding: 64px 0;
  }
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco {
    padding: 48px 0;
  }
}
.page.-clutch-ta .why-diffco .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .title {
    margin-bottom: 32px;
  }
}
.page.-clutch-ta .why-diffco .items {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}
.page.-clutch-ta .why-diffco .items .item {
  padding: 4px;
  max-width: 50%;
  flex: 1 1 50%;
}
@media (max-width: 1279px) {
  .page.-clutch-ta .why-diffco .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}
.page.-clutch-ta .why-diffco .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-diffco .items .item__content {
    padding: 64px 48px;
  }
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .items .item__content {
    min-height: auto;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}
.page.-clutch-ta .why-diffco .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page.-clutch-ta .why-diffco .items .item .left h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .items .item .left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
.page.-clutch-ta .why-diffco .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-diffco .items .item .right {
  width: 120px;
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .items .item .right {
    width: 72px;
  }
}
.page.-clutch-ta .why-diffco .items .item .right > a {
  display: block;
}
.page.-clutch-ta .why-diffco .items .item .right img {
  max-width: 100%;
}
.page.-clutch-ta .why-diffco .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-diffco .request-cv br {
  display: none;
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .request-cv br {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .request-cv {
    flex-direction: column;
    padding: 32px 24px;
    gap: 24px;
  }
}
.page.-clutch-ta .why-diffco .request-cv h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 767px) {
  .page.-clutch-ta .why-diffco .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(../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(../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(../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(../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(../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(../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(../images/service/team/faq-arrow.svg);
}
.page.-clutch-ta .faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../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;
} /*!
 * _service-mobile-v4.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2024 Diffco.us. All rights reserved.
 */
.-service-v4 {
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  background: #f5f5fb;
}
.-service-v4 .title {
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
@media (max-width: 1279px) {
  .-service-v4 .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .-service-v4 .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}
.-service-v4 h3.title {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.-service-v4 .middle {
  padding-bottom: 0;
}
.-service-v4 .g-cases-carousel {
  background-color: #fff;
}
.-service-v4 .case-studies {
  display: flex;
  background: #fff;
  justify-content: center;
  padding: 100px 0 80px 0;
}
@media (max-width: 1279px) {
  .-service-v4 .case-studies {
    padding: 40px 0;
  }
}
.-service-v4 .case-studies .heading {
  text-align: center;
}
.-service-v4 .case-studies .title {
  color: #131426;
  margin-bottom: 64px;
}
@media (max-width: 1279px) {
  .-service-v4 .case-studies .title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .-service-v4 .case-studies .title {
    margin-bottom: 32px;
  }
}
.-service-v4 .case-studies .see-more-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 32px;
  align-items: center;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .-service-v4 .case-studies .see-more-container {
    flex-direction: column;
    padding: 24px;
    border-radius: 0;
  }
}
@media (min-width: 1280px) {
  .-service-v4 .case-studies .see-more-container {
    width: 1300px;
    max-width: 100%;
  }
}
.-service-v4 .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) {
  .-service-v4 .case-studies .see-more-container > p {
    margin-right: 24px;
  }
  .-service-v4 .case-studies .see-more-container > p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .-service-v4 .case-studies .see-more-container > p {
    text-align: center;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .-service-v4 .case-studies .see-more-container .action-btn {
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .-service-v4 .case-studies .see-more-container .action-btn::after {
    left: calc(50% + 40px);
  }
}
.single-job .page {
  height: 100%;
}
.single-job .page.-has-iframe-layout {
  background-image: none;
}
.single-job main.middle {
  height: 100%;
} /*!
 * _descriptions.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.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(../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(../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;
  gap: 40px;
}
.g-intro .cover__form .heading h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
@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(../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;
}
.g-intro .cover__trusted .items .item img {
  display: flex;
}
@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;
  background: #f5f5fb;
  color: #131426;
}
@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(../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 .owl-carousel {
  display: block !important;
}
.g-achievements__reviews .owl-carousel > .item:not(:first-child) {
  display: none !important;
}
.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(../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(../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-achievements .g-achievements__cta {
  display: flex;
  justify-content: center;
  padding-top: 64px;
}
.g-achievements + .info-desc {
  margin-top: 0 !important;
}
.g-info-desc {
  color: #131426;
  padding: 0 0 64px 0;
}
.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 {
  margin-top: 8px;
}
.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;
  }
}
.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(../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(../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(../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: 64px 0;
  color: #131426;
}
@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: 64px 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;
  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: 24px 0 23px;
  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 .item:last-child {
  border-bottom: none;
}
.g-swl .left .items h4 {
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 4px 0 4px 56px;
  background: url(../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(../images/service/g-swl-bg-2@2x.png) no-repeat 48px calc(100% - 14px),
    linear-gradient(131deg, #9935e8 0, #e85535 100%);
  color: #fff;
  background-size: 670px;
}
@media (max-width: 1279px) {
  .g-swl .right {
    min-height: 606px;
    background:
      url(../images/service/g-swl-bg-2@2x.png) no-repeat 48px calc(100% - 24px),
      linear-gradient(131deg, #9935e8 0, #e85535 100%);
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .g-swl .right {
    padding: 48px 24px;
    min-height: 486px;
    background:
      url(../images/service/g-swl-bg-2@2x.png) no-repeat 24px calc(100% - 10px),
      linear-gradient(131deg, #9935e8 0, #e85535 100%);
    background-size: 502px;
  }
}
.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: 80px 0;
  color: #131426;
}
@media (max-width: 767px) {
  .g-t-stack {
    padding: 48px 0;
  }
}
.g-t-stack .title {
  margin-bottom: 32px;
}
@media (max-width: 1279px) {
  .g-t-stack .title {
    text-align: center;
  }
}
.g-t-stack h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}
@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(../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;
  }
}
@media (max-width: 1279px) {
  .g-t-stack__item.-active h4 {
    padding-bottom: 32px;
  }
}
.g-t-stack__item.-active h4::after {
  background-image: url(../images/service/team/t-stack-arrow-up.svg);
}
.g-t-stack__item.-hm {
  display: none;
}
@media (max-width: 1279px) {
  .g-t-stack__item.-hm {
    display: flex;
  }
}
.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;
}
@media (max-width: 1279px) {
  .g-t-stack__all {
    display: none;
  }
}
.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;
}
@media (max-width: 1279px) {
  .g-t-stack .items {
    display: none;
    margin-bottom: 0;
  }
}
.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;
}
@media (max-width: 1279px) {
  .g-t-stack .items .item.-hm {
    display: flex;
  }
}
.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;
}
@media (max-width: 1279px) {
  .g-t-stack .items .item.-show-more {
    display: none;
  }
}
.g-t-stack .block-text-content {
  max-width: 904px;
  margin: 0 auto;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  text-align: center;
}
.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-t-stack.-item-bg-white {
  background: #f5f5fa;
}
.g-t-stack.-item-bg-white .items .item {
  background-color: #fbfbfe;
}
.g-t-stack.-item-bg-white .g-t-stack__more {
  background: #fbfbfe;
}
.g-t-stack.-even-items .items .item {
  flex: 1 0 calc(16.6% - 6px);
}
@media (max-width: 1279px) {
  .g-t-stack.-even-items .items .item {
    flex: 1 0 calc(25% - 6px);
  }
}
@media (max-width: 767px) {
  .g-t-stack.-even-items .items .item {
    flex: 1 0 calc(50% - 6px);
  }
}
.g-t-stack.-show-all-items .items .item {
  display: flex !important;
}
.g-t-stack.-show-all-items .items .item.-show-less,
.g-t-stack.-show-all-items .items .item.-show-more {
  display: none !important;
}
.g-t-stack--center .items {
  justify-content: center;
}
.g-t-stack--center .items .item {
  background-color: transparent !important;
}
.g-t-stack--center .items .item h5 {
  text-align: center;
}
.g-stories {
  background: #fff;
  padding: 64px 0;
  color: #131426;
}
.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(../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: 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: 80px;
  gap: 8px;
}
@media (max-width: 1099px) {
  .g-can-help .tabs {
    justify-content: flex-start;
    padding-bottom: 40px;
  }
}
.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-bottom: 120px;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 1279px) {
  .g-can-help .content .items {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .g-can-help .content .items {
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-bottom: 20px;
    justify-content: flex-start;
  }
  .g-can-help .content .items::-webkit-scrollbar {
    display: none;
  }
}
.g-can-help .content .items .item {
  flex: 0 0 calc(33.33% - 6px);
}
@media (max-width: 1279px) {
  .g-can-help .content .items .item {
    flex: 0 0 calc(50% - 4px);
  }
}
@media (max-width: 767px) {
  .g-can-help .content .items .item {
    min-width: 240px;
    flex: 0 0 calc(50% - 4px);
  }
  .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;
}
@media (max-width: 767px) {
  .g-can-help .content .items .item__content {
    padding: 24px;
  }
}
.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-can-help.-tabs-full-width .tabs__item {
  flex: 1;
}
.g-can-help.-tabs-bg-transparent .tabs__item:not(.-active) {
  background: 0 0;
}
.g-can-help.-tabs-bg-transparent .tabs__title {
  color: #7e80a2;
}
.g-clients-featured {
  padding: 64px 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;
}
.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: 80px 0;
}
.g-hwb__cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 24px;
  padding: 80px;
  min-height: 396px;
}
@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: 12px;
}
@media (max-width: 767px) {
  .g-hwb__cover h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}
.g-hwb__cover p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  max-width: 375px;
  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: 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-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  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;
  width: 100%;
}
.g-cases-carousel .nav .nav-link {
  width: 40px;
  height: 40px;
  background: url(../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-cases-carousel .cases-v4 {
  overflow: visible !important;
}
.g-cases-carousel__bottom {
  border-radius: 24px;
  color: #131426;
  display: flex;
  padding: 32px 32px 0;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 64px;
}
@media (max-width: 767px) {
  .g-cases-carousel__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.g-cases-carousel__bottom h5 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.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;
}
.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 .title + p {
  text-align: center;
  margin-top: -48px;
  margin-bottom: 64px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-our-services .title + p a {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .g-our-services .title + p br {
    display: none;
  }
}
.g-our-services .text {
  text-align: center;
  margin-top: -48px;
  margin-bottom: 64px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-our-services .items {
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: center;
}
.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;
  gap: 32px;
}
@media (max-width: 767px) {
  .g-our-services .items .item__content {
    flex-direction: column;
    padding: 24px;
    align-items: flex-start;
    height: auto;
    max-height: 100%;
    gap: 0;
  }
}
.g-our-services .items .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
  transform: translateY(32px);
  transition: transform 0.3s ease;
}
@media (max-width: 1279px) {
  .g-our-services .items .item .left {
    transform: translateY(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,
.g-our-services .items .item .left ol,
.g-our-services .items .item .left p,
.g-our-services .items .item .left ul {
  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 h5:last-child,
.g-our-services .items .item .left ol:last-child,
.g-our-services .items .item .left p:last-child,
.g-our-services .items .item .left ul:last-child {
  margin-bottom: 0;
}
.g-our-services .items .item .left ul {
  padding-left: 20px;
  list-style: disc;
}
.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 {
  max-width: 160px;
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .g-our-services .items .item .right {
    order: -1;
    margin-bottom: 24px;
  }
}
.g-our-services .items .item .right > a {
  display: block;
}
.g-our-services .items .item .right img {
  display: flex;
  max-width: 160px;
  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 0;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .g-our-services .actions {
    padding: 24px;
  }
}
.g-our-services__bottom {
  border-radius: 24px;
  display: flex;
  padding: 50px 24px 0;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .g-our-services__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.g-our-services__bottom h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.g-our-services.-no-animate .actions-wrap,
.g-our-services.-no-animate .left,
.g-our-services.-no-animate .right {
  transform: translateY(0) !important;
}
.g-our-services.-no-animate .items .item__content {
  align-items: center;
  height: 100%;
  max-height: 100%;
}
.g-our-services.-items-align-center .items .item__content {
  align-items: center;
}
.g-our-services.-pt-none {
  padding-top: 0;
}
.g-our-services.g-our-services--3-columns .item__content {
  padding: 40px;
  align-items: center !important;
}
.g-our-services.g-our-services--3-columns .items .item {
  max-width: 33.33%;
  flex: 1 1 33.33%;
}
.g-our-services.g-our-services--3-columns .items .item .left h4 {
  font-size: 20px;
}
.g-our-services.g-our-services--3-columns .items .item .right {
  max-width: 96px;
}
@media (max-width: 1279px) {
  .g-our-services.g-our-services--3-columns .item__content {
    padding: 48px;
    align-items: flex-start !important;
  }
  .g-our-services.g-our-services--3-columns .items .item {
    max-width: 100%;
    flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  .g-our-services.g-our-services--3-columns .item__content {
    padding: 24px;
  }
  .g-our-services.g-our-services--3-columns .items .item .right {
    max-width: 160px;
  }
}
.g-our-services .truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.item__content-show-more-btn {
  margin-top: 1rem;
  padding: 0;
  background-color: transparent;
  border: none;
  text-align: left;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: under;
}
.g-our-services-show-more .hidden {
  display: none;
}
.g-team-one {
  padding: 80px 0;
  color: #131426;
  background-color: #f4f4f9;
}
.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__text {
  font-family: Inter, sans-serif;
  max-width: 808px;
  margin: 0 auto 64px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-team-one__text p {
  margin-bottom: 1.5rem;
}
.g-team-one__text p:last-child {
  margin-bottom: 0;
}
.g-team-one__text a {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .g-team-one__text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
  }
}
.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;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  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 {
  list-style: disc;
}
.g-team-one .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 20px;
}
.g-team-one .items .item p:last-child {
  margin-bottom: 0;
}
.g-team-one .items .item ol {
  margin: 0 0 20px 22px;
  list-style: disc;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.g-team-one .items .item ol:last-child {
  margin-bottom: 0;
}
.g-team-one .items.-cols-2 {
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.g-team-one .items.-cols-2 .item {
  width: calc(50% - 8px);
}
@media (max-width: 767px) {
  .g-team-one .items.-cols-2 .item {
    width: 100%;
  }
}
.g-team-one .actions {
  margin-top: 64px;
  text-align: center;
}
@media (max-width: 767px) {
  .g-team-one .actions {
    margin-top: 32px;
  }
}
.g-team-one .truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.g-team-two {
  padding: 64px 0;
  color: #131426;
}
@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: 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;
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  .g-made-easy .left {
    flex: 1;
  }
}
.g-made-easy .left img {
  display: flex;
  height: 592px;
  margin-left: -132px;
}
@media (max-width: 1279px) {
  .g-made-easy .left img {
    height: 500px;
    margin-left: 0;
    transform: scale(1.6);
  }
}
@media (max-width: 1023px) {
  .g-made-easy .left img {
    height: 400px;
    margin-left: 0;
    transform: scale(1.3);
  }
}
@media (max-width: 767px) {
  .g-made-easy .left img {
    height: 240px;
    margin-left: 0;
    transform: scale(1.2);
  }
}
.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;
}
@media (min-width: 768px) {
  .g-made-easy .right h3 {
    margin-bottom: 2rem;
  }
}
.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(../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;
}
@media (min-width: 768px) {
  .g-made-easy .actions {
    margin-top: 2.5rem;
  }
}
.g-team-slider {
  padding: 64px 0;
  color: #131426;
}
@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(../images/marketing/ic-verified.svg) no-repeat left center;
}
.g-team-slider .items .item__content ul li.experience {
  background: url(../images/marketing/ic-experience.svg) no-repeat left center;
}
.g-team-slider .items .item__content ul li.stack {
  background: url(../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(../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);
}
.g-used-by {
  background-color: #f4f4f9;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .g-used-by {
    padding: 48px 0;
  }
}
.g-used-by .title {
  text-align: center;
  color: #131426;
  margin-bottom: 80px;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
  letter-spacing: -0.64px !important;
}
@media (max-width: 767px) {
  .g-used-by .title {
    margin-bottom: 64px;
  }
}
.g-used-by__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 48px;
}
@media (max-width: 767px) {
  .g-used-by__items {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
  }
  .g-used-by__items::-webkit-scrollbar {
    display: none;
  }
}
.g-used-by__items .item {
  flex: 0 0 16%;
}
@media (max-width: 1279px) {
  .g-used-by__items .item {
    flex: 0 0 calc(33% - 9px);
  }
}
@media (max-width: 767px) {
  .g-used-by__items .item {
    flex: 0 0 180px;
  }
}
.g-used-by__items .item img {
  max-width: 100%;
  height: auto;
}
.g-used-by.-lighter .item {
  filter: brightness(0) saturate(100%) invert(51%) sepia(7%) saturate(1302%)
    hue-rotate(200deg) brightness(90%) contrast(88%);
}
.g-cf {
  padding: 64px 0;
}
.g-cf .title {
  text-align: center;
  color: #131426;
  margin-bottom: 80px;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
  letter-spacing: -0.64px !important;
}
@media (max-width: 767px) {
  .g-cf .title {
    margin-bottom: 64px;
  }
}
.g-cf__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 1279px) {
  .g-cf__items {
    gap: 16px;
    align-items: center;
    justify-content: center;
  }
}
.g-cf__items .item {
  flex: 1;
}
@media (max-width: 1279px) {
  .g-cf__items .item {
    flex: 0 0 calc(33% - 9px);
  }
}
@media (max-width: 767px) {
  .g-cf__items .item {
    flex: 0 0 calc(50% - 8px);
    padding: 10px 0;
  }
}
.g-cf__items .item img {
  max-width: 100%;
  height: auto;
}
.g-approaches {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-approaches {
    padding: 64px 0;
  }
}
.g-approaches .title {
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .g-approaches .title {
    margin-bottom: 32px;
  }
}
.g-approaches .title > span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.g-approaches .title > span::after {
  content: "";
  position: absolute;
  left: 4px;
  right: -8px;
  bottom: 12px;
  height: 13px;
  opacity: 0.7;
  background: linear-gradient(
    90deg,
    #ffbd12 0,
    #e03d3d 53.72%,
    #cd21e9 101.11%
  );
  z-index: -1;
}
.g-approaches .items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.g-approaches .items .item {
  flex: 1;
  display: flex;
  min-height: 600px;
  background: #fff;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.g-approaches .items .item .item-wrapper {
  flex: 1;
  position: relative;
  padding: 48px;
  min-height: 600px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
@media (max-width: 1023px) {
  .g-approaches .items .item {
    flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  .g-approaches .items .item {
    padding: 24px;
    min-height: 400px;
  }
  .g-approaches .items .item .item-wrapper {
    min-height: 400px;
    padding: 0;
  }
}
.g-approaches .items .item h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .g-approaches .items .item h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.g-approaches .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-approaches .items .item .btn-arrow {
  position: absolute;
  bottom: -100px;
  right: 48px;
  width: 64px;
  height: 64px;
  background: url(../images/services-v4/mobile/ic-btn-arrow.svg) no-repeat
    center rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  transition: bottom 0.3s;
}
.g-approaches .items .item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
}
.g-approaches .items .item:hover .btn-arrow {
  bottom: 48px;
}
.g-approaches .items .item:first-child {
  color: #fff;
  background:
    url(../images/services-v4/mobile/pdev-bg@2x.png) no-repeat bottom center,
    radial-gradient(140.91% 140.6% at 100% 1.17%, #281843 0, #151111 100%);
  background-size: 100% auto;
}
.g-approaches .items .item:first-child::after {
  background: radial-gradient(
    140.91% 140.6% at 100% 1.17%,
    #281843 0,
    #151111 100%
  );
}
.g-approaches .items .item:last-child {
  background: url(../images/services-v4/mobile/ta-bg@2x.png) no-repeat bottom
    center #fff;
  background-size: 100% auto;
}
.g-approaches .items .item:last-child .btn-arrow {
  background: url(../images/services-v4/mobile/ic-btn-arrow-black.svg) no-repeat
    center rgba(255, 255, 255, 0.84);
}
.g-approaches__cta-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.g-dfb {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-dfb {
    padding: 64px 0;
  }
}
.g-dfb .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .g-dfb .title {
    margin-bottom: 32px;
  }
}
.g-dfb .items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.g-dfb .items .item {
  border-radius: 24px;
  background: #fff;
}
.g-dfb .items .item__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 64px;
  gap: 120px;
}
@media (max-width: 1279px) {
  .g-dfb .items .item__content {
    flex-direction: column;
    gap: 64px;
  }
}
@media (max-width: 767px) {
  .g-dfb .items .item__content {
    padding: 24px;
    gap: 24px;
  }
}
.g-dfb .items .item__content > div {
  flex: 1;
}
.g-dfb .items .item__content .left ul {
  list-style: disc;
  margin-left: 22px;
  margin-bottom: 24px;
}
.g-dfb .items .item__content .left ul li {
  font-family: Inter;
  font-weight: 400;
}
.g-dfb .items .item__content .right img {
  display: flex;
  max-width: 100%;
}
@media (max-width: 1279px) {
  .g-dfb .items .item__content .right {
    order: -1;
  }
}
.g-dfb .items .item__content h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
}
.g-dfb .items .item__content p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 18px;
}
.g-dfb .items .item__content p a {
  text-decoration: underline;
}
.g-dfb .items .item__content p:last-child {
  margin-bottom: 0;
}
.g-dfb.-pb-small {
  padding-bottom: 12px;
}
.g-dfb__cta-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.g-faq {
  background: #fff;
  color: #131426;
  padding-bottom: 80px;
}
@media (max-width: 1279px) {
  .g-faq {
    padding: 64px 0;
  }
}
.g-faq__wrap {
  padding: 80px;
  border-radius: 24px;
  background: #f7f7f9;
  display: flex;
  gap: 64px;
}
@media (max-width: 1279px) {
  .g-faq__wrap {
    padding: 64px 40px;
  }
}
@media (max-width: 767px) {
  .g-faq__wrap {
    padding: 40px 24px;
  }
}
.g-faq .left {
  width: 306px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  .g-faq .left {
    display: none;
  }
}
.g-faq .left h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
.g-faq .left img {
  max-width: 157px;
}
.g-faq .right {
  flex: 1;
}
.g-faq .right h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 48px;
  display: none;
}
@media (max-width: 1279px) {
  .g-faq .right h2 {
    display: block;
  }
}
@media (max-width: 767px) {
  .g-faq .right h2 {
    margin-bottom: 32px;
  }
}
.g-faq .items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.g-faq .items .item {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ebebf3;
}
.g-faq .items .item:last-child {
  border-bottom: none;
}
.g-faq .items .item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
  background: url(../images/service/team/faq-plus.svg) no-repeat right -1px;
  padding-right: 48px;
}
@media (max-width: 1279px) {
  .g-faq .items .item h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .g-faq .items .item h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.g-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;
}
.g-faq .items .item.-hm {
  display: none;
}
@media (max-width: 1279px) {
  .g-faq .items .item.-hm {
    display: block;
  }
}
.g-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) {
  .g-faq .items .item.-show-more {
    display: none;
  }
}
.g-faq .items .item.-show-more h3 {
  background-image: url(../images/service/team/faq-arrow.svg);
}
.g-faq .items .item.-active h3 {
  margin-bottom: 16px;
  background-image: url(../images/service/team/faq-minus.svg);
}
.g-faq .items .item.-active p {
  display: block;
}
.g-outsource {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-outsource {
    padding: 64px 0;
  }
}
.g-outsource__content {
  padding: 48px 64px;
  border-radius: 24px;
  background: #fff;
}
@media (max-width: 767px) {
  .g-outsource__content {
    padding: 24px;
  }
}
.g-outsource__art {
  margin-bottom: 64px;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .g-outsource__art {
    margin-bottom: 24px;
  }
}
.g-outsource__art img {
  max-width: 280px;
}
.g-outsource__row {
  display: flex;
  flex-direction: row;
  gap: 80px;
}
@media (max-width: 1279px) {
  .g-outsource__row {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .g-outsource__row {
    gap: 48px;
  }
}
.g-outsource__row > div {
  flex: 1;
}
.g-outsource__row .left .title {
  margin-top: auto;
  margin-bottom: 24px;
}
.g-outsource__row .left p {
  margin-bottom: 16px;
}
.g-outsource__row .left p:last-child {
  margin-bottom: 0;
}
.g-outsource__row p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-outsource__row .items {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.g-outsource__row .items .item {
  padding: 12px 0;
  display: flex;
  gap: 16px;
}
.g-outsource__row .items .item__step {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffdfcb;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.g-outsource__row .items .item__content {
  flex: 1;
}
.g-outsource__row .items .item h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}
.g-outsource__bottom {
  border-radius: 24px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 64px;
}
@media (max-width: 767px) {
  .g-outsource__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.g-outsource__bottom h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.g-psf {
  background: url(../images/services-v4/mobile/psf-bg@2x.jpg) no-repeat center
    center;
  background-size: cover;
  padding: 120px 0;
}
@media (max-width: 1279px) {
  .g-psf {
    padding: 80px 0;
  }
}
.g-psf .title {
  margin-bottom: 24px;
}
.g-psf .title + p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-bottom: 40px;
}
.g-psf .items {
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.g-psf .items .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
@media (max-width: 1279px) {
  .g-psf .items .item {
    flex: 1 1 100%;
  }
}
@media (max-width: 767px) {
  .g-psf .items .item {
    flex: 1 1 100%;
  }
}
.g-psf .items .item__step {
  color: #f8b000;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}
.g-psf .items .item__step::after {
  content: "";
  position: absolute;
  left: 72px;
  right: 0;
  top: 11px;
  height: 8px;
  background: url(../images/services-v4/mobile/ic-yellow-arrow.svg) no-repeat
    center left;
  background-size: cover;
}
.g-psf .items .item h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}
.g-psf .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.g-psf .items .item:last-child .item__step::after {
  display: none;
}
.g-psf__bottom {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .g-psf__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.g-psf__bottom h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.g-psf--3-in-row .items .item {
  flex: unset;
  width: 33.33%;
}
@media (max-width: 767px) {
  .g-psf--3-in-row .items .item {
    width: 100%;
  }
}
.g-service-carousel {
  padding: 80px 0;
  background: #fff;
  color: #131426;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .g-service-carousel {
    padding: 64px 0;
  }
}
.g-service-carousel .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .g-service-carousel .title {
    margin-bottom: 32px;
  }
}
.g-service-carousel .owl-stage-outer {
  overflow: visible;
}
.g-service-carousel .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 64px;
  gap: 8px;
}
.g-service-carousel .owl-nav .owl-next,
.g-service-carousel .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../images/ic-arrow-right.svg) no-repeat center center
    rgba(0, 0, 0, 0.04) !important;
  border-radius: 50%;
}
.g-service-carousel .owl-nav .owl-next:hover,
.g-service-carousel .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.g-service-carousel .owl-nav .owl-next.disabled,
.g-service-carousel .owl-nav .owl-prev.disabled {
  opacity: 0.2;
}
.g-service-carousel .owl-nav .owl-prev {
  transform: rotate(180deg);
}
.g-service-carousel .items .item {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  background: #f7f7f9;
  height: 100%;
}
@media (max-width: 767px) {
  .g-service-carousel .items .item {
    padding: 24px;
  }
}
.g-service-carousel .items .item__art img {
  height: 120px;
  width: auto !important;
}
.g-service-carousel .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 12px;
}
.g-service-carousel .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.g-service-intro {
  padding: 120px 0 80px 0;
  min-height: 907px;
  margin-top: -64px;
  background: url(../images/services-v4/g-service-intro-bg@2x.jpg) no-repeat
    center;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1279px) {
  .g-service-intro {
    min-height: auto;
  }
}
.g-service-intro__label {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 40px;
  padding-left: 35px;
  background: url(../images/services-v4/mobile/ic-diffco-min.svg) no-repeat
    center left;
}
.g-service-intro__label b {
  font-weight: 700;
}
.g-service-intro h1 {
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.44px;
  margin-bottom: 40px;
}
@media (max-width: 1279px) {
  .g-service-intro h1 {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -0.96px;
  }
  .g-service-intro h1 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .g-service-intro h1 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -0.64px;
  }
}
.g-service-intro 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;
}
.g-service-intro h1 span.-gradient3 {
  background: linear-gradient(95deg, #9936e8 0, #e85535 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.g-service-intro .wrap-v4 > p {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-bottom: 40px;
}
.g-service-intro .wrap-v4 > p a {
  text-decoration: underline;
}
.g-service-intro .actions {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .g-service-intro .actions {
    margin-bottom: 48px;
  }
}
.g-service-intro .wrap-v4 > .items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.g-service-intro .wrap-v4 > .items .item {
  flex: 1;
  padding: 16px 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
@media (max-width: 767px) {
  .g-service-intro .wrap-v4 > .items .item {
    flex: 1 1 100%;
    padding: 16px;
  }
}
.g-service-intro .wrap-v4 > .items .item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.g-service-intro .wrap-v4 > .items .item img {
  height: 64px;
}
@media (max-width: 767px) {
  .g-service-intro .wrap-v4 > .items .item img {
    height: 48px;
  }
}
.g-service-intro .wrap-v4 > .items .item h3 {
  margin-top: 8px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.g-service-intro__achievements {
  display: flex;
  flex-direction: row;
  gap: 8px;
  color: #131426;
  margin-bottom: -225px;
}
@media (max-width: 1279px) {
  .g-service-intro__achievements {
    flex-direction: column;
  }
}
.g-service-intro__achievements .left {
  flex: 1;
}
.g-service-intro__achievements .left .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 767px) {
  .g-service-intro__achievements .left .items {
    margin: 0 -15px;
    padding: 0 15px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .g-service-intro__achievements .left .items::-webkit-scrollbar {
    display: none;
  }
}
.g-service-intro__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-service-intro__achievements .left .items .item {
    height: 168px;
    min-width: 300px;
  }
}
.g-service-intro__achievements .left .items .item h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 36px;
  background: url(../images/home-v5/ic_achievements.svg) no-repeat right center;
}
.g-service-intro__achievements .left .items .item .logo {
  height: 26px;
  width: 100%;
  display: flex;
  align-items: center;
}
.g-service-intro__achievements .left .items .item .logo img {
  max-height: 26px;
}
.g-service-intro__achievements .right {
  width: 50%;
  padding: 32px 40px 32px 32px;
  border-radius: 24px;
  background: #fff;
}
@media (max-width: 1279px) {
  .g-service-intro__achievements .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .g-service-intro__achievements .right {
    padding: 32px 24px;
  }
}
.g-service-intro__reviews {
  height: 100%;
}
.g-service-intro__reviews .item {
  padding-left: 5px;
  min-height: 336px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.g-service-intro__reviews .item img {
  width: auto;
}
.g-service-intro__reviews .item__quote {
  background: url(../images/home-v5/ic_quote.svg) no-repeat left top;
  padding-top: 48px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
.g-service-intro__reviews .item__score {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.g-service-intro__reviews .item__score .logo {
  background-size: contain;
  margin-right: 36px;
}
.g-service-intro__reviews .item__score-stars {
  display: flex;
  flex-direction: row;
  margin-right: 16px;
}
.g-service-intro__reviews .item__score-stars img {
  width: 16px;
  height: 15px;
}
.g-service-intro__reviews .item__score-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.g-service-intro__reviews .item__review-author {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .g-service-intro__reviews .item__review-author {
    margin-top: 48px;
  }
}
.g-service-intro__reviews .item__review-author-picture {
  margin-right: 24px;
}
.g-service-intro__reviews .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.g-service-intro__reviews .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.g-service-intro__reviews .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.g-service-intro__reviews .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .g-service-intro__reviews .owl-nav {
    position: static;
    margin-top: 48px;
  }
}
.g-service-intro__reviews .owl-nav .owl-next,
.g-service-intro__reviews .owl-nav .owl-prev {
  width: 36px;
  height: 36px;
  background: url(../images/ic-arrow-right.svg) no-repeat center center
    rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
}
.g-service-intro__reviews .owl-nav .owl-next:hover,
.g-service-intro__reviews .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.g-service-intro__reviews .owl-nav .owl-prev {
  transform: rotate(180deg);
  margin-right: 8px;
}
.g-service-intro.-with-achievements + section {
  margin-top: 176px;
}
.items--4-in-row .item {
  flex: initial !important;
  width: calc(25% - 8px);
}
@media (max-width: 767px) {
  .items--4-in-row .item {
    width: calc(50% - 8px);
  }
} /*!
 * _g-cwdev.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2024 Diffco.us. All rights reserved.
 */
.g-cwdev {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 767px) {
  .g-cwdev {
    padding: 40px 0;
  }
}
.g-cwdev .title {
  text-align: center;
  color: #131426;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .g-cwdev .title {
    margin-bottom: 32px;
  }
}
.g-cwdev .text {
  max-width: 740px;
  width: 100%;
  margin: 0 auto 64px;
  text-align: center;
  font-family: Inter, sans-serif;
}
.g-cwdev .items {
  display: flex;
  gap: 8px;
}
.g-cwdev .items .item {
  flex: 1;
  padding: 32px;
  border-radius: 24px;
  background: #fff;
}
.g-cwdev .items .item .item-icon {
  display: flex;
  margin-bottom: 24px;
}
.g-cwdev .items .item h4 {
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .g-cwdev .items .item h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
.g-cwdev .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}
@media (max-width: 1279px) {
  .g-cwdev .items {
    flex-wrap: wrap;
    justify-content: center;
  }
  .g-cwdev .items .item {
    width: 32.5%;
    flex: initial;
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .g-cwdev .items {
    flex-direction: column;
  }
  .g-cwdev .items .item {
    width: 100%;
  }
}
.g-cwdev__bottom {
  margin-top: 64px;
  padding: 64px 120px;
  border-radius: 24px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 120px;
}
@media (max-width: 1279px) {
  .g-cwdev__bottom {
    padding: 48px;
    gap: 64px;
  }
}
@media (max-width: 767px) {
  .g-cwdev__bottom {
    flex-direction: column;
    padding: 24px;
    gap: 32px;
  }
}
.g-cwdev__bottom .left img {
  max-width: 280px;
}
@media (max-width: 1279px) {
  .g-cwdev__bottom .left img {
    max-width: 180px;
  }
}
.g-cwdev__bottom .right h4 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .g-cwdev__bottom .right h4 {
    font-size: 24px;
    line-height: 28px;
  }
}
.g-cwdev__bottom .right p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-cwdev__cta {
  margin-top: 8px;
  padding: 32px;
  background-color: #fbfbfe;
  border-radius: 24px;
}
.g-cwdev__cta-text {
  max-width: 500px;
  width: 100%;
  margin: 0 auto 24px;
  color: #131426;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  text-align: center;
}
.g-cwdev__cta-btn {
  display: flex;
  justify-content: center;
  margin: 0 auto;
} /*!
 * _g-stack.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2024 Diffco.us. All rights reserved.
 */
.g-stack {
  padding: 120px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-stack {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .g-stack {
    padding: 64px 0;
  }
}
.g-stack .title {
  margin-bottom: 80px;
}
@media (max-width: 1279px) {
  .g-stack .title {
    text-align: center;
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .g-stack .title {
    margin-bottom: 48px;
  }
}
.g-stack .title + .block-text-content {
  max-width: 904px;
  margin: -56px auto 64px auto;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  text-align: center;
}
@media (max-width: 1279px) {
  .g-stack .title + .block-text-content {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .g-stack .title + .block-text-content {
    margin-top: -32px;
    margin-bottom: 48px;
  }
}
.g-stack .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 767px) {
  .g-stack .items {
    justify-content: center;
    align-items: center;
  }
}
.g-stack .items .item {
  padding: 16px 32px 24px 32px;
  flex: 1;
  border-radius: 12px;
  background: #fbfbfe;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1279px) {
  .g-stack .items .item {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .g-stack .items .item {
    flex: 0 0 calc(50% - 8px);
    height: 100%;
  }
}
.g-stack .items .item img {
  max-width: 64px;
  height: 64px;
}
.g-stack .items .item h5 {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}
.g-stack__bottom {
  margin-top: 48px;
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  text-align: center;
}
.g-stack__bottom h5 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}
.g-stack__bottom p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}
.g-isf {
  padding: 80px 0;
}
.g-isf__content {
  color: #fff;
  padding: 100px 64px 40px 64px;
  border-radius: 24px;
  background: url(../images/solutions-v4/g-isf-bg@2x.jpg) no-repeat right top
    #131426;
  background-size: contain;
}
@media (max-width: 767px) {
  .g-isf__content {
    padding: 100px 24px 40px 24px;
  }
}
.g-isf .title {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 24px;
}
.g-isf .title + p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.g-isf .items {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-top: 64px;
  flex-wrap: wrap;
}
.g-isf .items .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
@media (max-width: 1279px) {
  .g-isf .items .item {
    flex: 1 1 50%;
  }
}
@media (max-width: 767px) {
  .g-isf .items .item {
    flex: 1 1 100%;
  }
}
.g-isf .items .item__step {
  color: #f8b000;
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}
.g-isf .items .item h4 {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}
.g-isf .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.g-isf__qa {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  padding: 24px 40px 12px;
  display: flex;
  gap: 40px;
  align-items: center;
  color: #fff;
  margin-top: 40px;
}
.g-isf__qa .left {
  flex: 1;
}
.g-isf__qa .right {
  align-self: flex-end;
  margin-bottom: 2.15rem;
}
.g-isf__qa h5 {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
}
.g-isf__qa p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 1rem;
}
.g-isf__qa p b,
.g-isf__qa p strong {
  color: #f8b000;
}
@media (max-width: 767px) {
  .g-isf__qa {
    flex-direction: column;
    gap: 16px;
  }
  .g-isf__qa .right {
    align-self: center;
  }
}
.g-isf__bottom {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .g-isf__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.g-isf__bottom h5 {
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
.g-video-review {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-video-review {
    padding: 64px 0;
  }
}
@media (max-width: 767px) {
  .g-video-review {
    padding: 48px 0;
  }
}
.g-video-review .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 1279px) {
  .g-video-review .title {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .g-video-review .title {
    margin-bottom: 32px;
  }
}
.g-video-review .items .item {
  width: 100%;
  display: flex;
  gap: 16px;
}
@media (max-width: 1279px) {
  .g-video-review .items .item {
    flex-direction: column;
  }
}
.g-video-review .items .item__video {
  flex: 1;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  min-height: 380px;
}
.g-video-review .items .item__video::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  z-index: 1;
}
.g-video-review .items .item__video::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: url(../images/g-blocks/video-review/ic-review-play.svg) no-repeat
    center center;
  transition: all 0.2s ease-out;
}
.g-video-review .items .item__video:hover::after {
  transform: translate(-50%, -50%) scale(1.2);
}
.g-video-review .items .item__right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.g-video-review .items .item__review {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .g-video-review .items .item__review {
    flex-direction: column;
  }
}
.g-video-review .items .item__review-author {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 24px;
  background: #f5f5fb;
}
@media (max-width: 1279px) {
  .g-video-review .items .item__review-author {
    justify-content: center;
  }
}
.g-video-review .items .item__review-author-picture img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
}
@media (max-width: 1279px) {
  .g-video-review .items .item__review-author-picture img {
    width: 48px;
    height: 48px;
  }
}
.g-video-review .items .item__review-author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
.g-video-review .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12.5px;
  letter-spacing: -0.12px;
}
.g-video-review .items .item__review-score {
  flex: 1;
  padding: 16px 24px;
  min-height: 80px;
  border-radius: 24px;
  background: #f5f5fb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  .g-video-review .items .item__review-score {
    justify-content: center;
    gap: 80px;
  }
}
@media (max-width: 767px) {
  .g-video-review .items .item__review-score {
    gap: 24px;
  }
}
.g-video-review .items .item__review-score img {
  display: flex;
}
.g-video-review .items .item__review-score-stars {
  display: flex;
}
.g-video-review .items .item__review-score-number {
  margin-left: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.g-video-review .items .item__content {
  padding: 40px;
  border-radius: 24px;
  background: #f5f5fb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 2;
}
@media (max-width: 767px) {
  .g-video-review .items .item__content {
    padding: 24px;
  }
}
.g-video-review .items .item__quote {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 1279px) {
  .g-video-review .items .item__quote {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .g-video-review .items .item__quote {
    font-size: 18px;
  }
}
.g-video-review .items .item__bottom {
  margin-top: 24px;
}
.g-video-review .items .item__bottom img {
  max-height: 24px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 767px) {
  .g-video-review .items .item__bottom img {
    max-height: 16px;
  }
}
.g-video-review__popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.g-video-review__popup.-open {
  display: flex;
}
.g-video-review__popup .wrap-v4 {
  position: relative;
}
.g-video-review__popup .close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/g-blocks/video-review/ic-close.svg) no-repeat center
    center;
  right: 40px;
  top: -48px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .g-video-review__popup .close {
    right: 16px;
  }
}
.g-video-review__popup video {
  max-width: 100%;
  max-height: 80vh;
  width: 100%;
}
.g-video-review .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 64px;
  gap: 8px;
}
@media (max-width: 1279px) {
  .g-video-review .owl-nav {
    margin-top: 48px;
  }
}
@media (max-width: 767px) {
  .g-video-review .owl-nav {
    margin-top: 32px;
  }
}
.g-video-review .owl-nav .owl-next,
.g-video-review .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../images/ic-arrow-right.svg) no-repeat center center
    rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
}
.g-video-review .owl-nav .owl-next:hover,
.g-video-review .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.g-video-review .owl-nav .owl-prev {
  transform: rotate(180deg);
}
.g-video-review-two {
  padding: 80px 0;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-video-review-two {
    padding: 64px 0;
  }
}
@media (max-width: 767px) {
  .g-video-review-two {
    padding: 48px 0;
  }
}
.g-video-review-two .title {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 1279px) {
  .g-video-review-two .title {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .g-video-review-two .title {
    margin-bottom: 32px;
  }
}
.g-video-review-two .items .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px;
  border-radius: 32px;
  background: #f5f5fb;
}
.g-video-review-two .items .item__video {
  flex: 1;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  min-height: 380px;
}
@media (max-width: 767px) {
  .g-video-review-two .items .item__video {
    min-height: 312px;
  }
}
.g-video-review-two .items .item__video::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  z-index: 1;
}
.g-video-review-two .items .item__video::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: url(../images/g-blocks/video-review/ic-review-play.svg) no-repeat
    center center;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  .g-video-review-two .items .item__video::after {
    top: 92px;
  }
}
.g-video-review-two .items .item__video:hover::after {
  transform: translate(-50%, -50%) scale(1.2);
}
.g-video-review-two .items .item__right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.g-video-review-two .items .item__review {
  display: flex;
  gap: 4px;
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  z-index: 2;
}
@media (max-width: 767px) {
  .g-video-review-two .items .item__review {
    flex-direction: column;
  }
}
.g-video-review-two .items .item__review-author {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 54px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  min-height: 56px;
  color: #fff;
  padding: 0 4px;
}
.g-video-review-two .items .item__review-author-picture img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
}
.g-video-review-two .items .item__review-author-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.g-video-review-two .items .item__review-author-position {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.12px;
}
.g-video-review-two .items .item__review-score {
  flex: 1;
  max-width: 241px;
  border-radius: 54px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  min-height: 56px;
  color: #fff;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .g-video-review-two .items .item__review-score {
    max-width: 100%;
  }
}
.g-video-review-two .items .item__review-score img {
  display: flex;
}
.g-video-review-two .items .item__review-score-stars {
  display: flex;
}
.g-video-review-two .items .item__review-score-number {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.g-video-review-two .items .item__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 2;
}
@media (max-width: 767px) {
  .g-video-review-two .items .item__content {
    padding: 24px;
  }
}
.g-video-review-two .items .item__quote {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.g-video-review-two .items .item__bottom {
  margin-top: 32px;
}
.g-video-review-two .items .item__bottom img {
  max-height: 16px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.g-video-review-two__popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.g-video-review-two__popup.-open {
  display: flex;
}
.g-video-review-two__popup .wrap-v4 {
  position: relative;
}
.g-video-review-two__popup .close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/g-blocks/video-review/ic-close.svg) no-repeat center
    center;
  right: 40px;
  top: -48px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .g-video-review-two__popup .close {
    right: 16px;
  }
}
.g-video-review-two__popup video {
  max-width: 100%;
  max-height: 80vh;
  width: 100%;
}
.g-video-review-two .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 64px;
  gap: 8px;
}
@media (max-width: 1279px) {
  .g-video-review-two .owl-nav {
    margin-top: 48px;
  }
}
@media (max-width: 767px) {
  .g-video-review-two .owl-nav {
    margin-top: 32px;
  }
}
.g-video-review-two .owl-nav .owl-next,
.g-video-review-two .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../images/ic-arrow-right.svg) no-repeat center center
    rgba(0, 0, 0, 0.02) !important;
  border-radius: 50%;
}
.g-video-review-two .owl-nav .owl-next:hover,
.g-video-review-two .owl-nav .owl-prev:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.g-video-review-two .owl-nav .owl-prev {
  transform: rotate(180deg);
}
.g-integration {
  padding: 80px 0;
  background: #fff;
  color: #131426;
}
@media (max-width: 1279px) {
  .g-integration {
    padding: 64px 0;
  }
}
.g-integration .title {
  margin-bottom: 24px;
}
.g-integration .block-text-content {
  margin-bottom: 64px;
}
.g-integration .items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.g-integration .items .item {
  border-radius: 12px;
  background: #fbfbfe;
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 24px;
  align-items: center;
}
@media (max-width: 1279px) {
  .g-integration .items .item {
    flex: 1 1 33.33%;
  }
}
@media (max-width: 767px) {
  .g-integration .items .item {
    flex: 1 1 100%;
    gap: 16px;
    padding: 16px;
  }
}
.g-integration .items .item__art {
  text-align: center;
}
.g-integration .items .item__content {
  text-align: center;
}
.g-integration .items .item h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .g-integration .items .item h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
.g-integration .items .item p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.g-integration__bottom {
  margin-top: 48px;
  padding: 48px;
  border-radius: 24px;
  background: #fbfbfe;
  text-align: center;
}
@media (max-width: 767px) {
  .g-integration__bottom {
    padding: 24px;
  }
}
.g-integration__bottom h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
}
.g-integration__bottom p {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}
.g-our-partners {
  background-color: #fff;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .g-our-partners {
    padding: 48px 0;
  }
}
.g-our-partners .title {
  text-align: center;
  color: #131426;
  margin-bottom: 80px;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
  letter-spacing: -0.64px !important;
}
@media (max-width: 767px) {
  .g-our-partners .title {
    margin-bottom: 64px;
  }
}
.g-our-partners__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1064px;
  margin: 0 auto;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 24px;
}
@media (max-width: 767px) {
  .g-our-partners__items {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
  }
  .g-our-partners__items::-webkit-scrollbar {
    display: none;
  }
}
.g-our-partners__items .item {
  flex: 0 0 calc(25% - 8px);
}
@media (max-width: 1279px) {
  .g-our-partners__items .item {
    flex: 0 0 calc(33% - 9px);
  }
}
@media (max-width: 767px) {
  .g-our-partners__items .item {
    flex: 0 0 180px;
  }
}
.g-our-partners__items .item img {
  max-width: 100%;
  height: auto;
}
.g-our-partners.-lighter .item {
  filter: brightness(0) saturate(100%) invert(51%) sepia(7%) saturate(1302%)
    hue-rotate(200deg) brightness(90%) contrast(88%);
}
.g-our-partners .g-achievements__cta {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
.-pb-small {
  padding-bottom: 12px;
}
.-pt-none {
  padding-top: 0;
}
.what-is {
  position: relative;
  background: #131426;
  overflow: hidden;
}
.what-is .container {
  position: relative;
  max-width: 1380px;
  margin: 0 auto;
  min-height: 836px;
  padding: 0 40px 120px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  z-index: 1;
}
.what-is .container > div {
  flex: 1;
}
@media (max-width: 767px) {
  .what-is .container > div {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .what-is .container {
    flex-direction: column;
    padding-top: 100px;
  }
}
.what-is .title {
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .what-is .title {
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 16px;
  }
  .what-is .title br {
    display: none;
  }
}
.what-is .left {
  padding-right: 40px;
}
.what-is .left p {
  max-width: 530px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}
.what-is .left p b,
.what-is .left p strong {
  color: #f8b000;
}
@media (max-width: 767px) {
  .what-is .left {
    padding-right: 0;
  }
}
.what-is .right {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .what-is .right {
    padding-left: 0;
  }
}
.what-is .accordion .item {
  padding: 16px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.0705882353);
}
.what-is .accordion .item.-open .item__title {
  background-image: url(../images/service/web/acc-close.svg);
}
.what-is .accordion .item__title {
  background: url(../images/service/web/acc-open.svg) no-repeat right center;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  cursor: pointer;
}
.what-is .accordion .item__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  display: none;
}
.what-is .accordion .item__content p {
  margin-bottom: 16px;
}
.what-is .accordion .item__content p:last-child {
  margin-bottom: 0;
}
.what-is .accordion .item__content ul {
  margin-bottom: 16px;
}
.what-is .accordion .item__content ul li {
  background: url(../images/service/web/list-dot.svg) no-repeat left center;
  padding-left: 14px;
  margin-bottom: 8px;
}
.what-is__background {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1600px;
  height: auto;
  z-index: 0;
}
.what-is--accordion-title-sm .accordion__title {
  font-size: 18px;
}
.text-image-cards {
  padding: 80px 0;
}
.text-image-cards-wrapper {
  border-radius: 24px;
  background: radial-gradient(#141759, #321458);
  padding: 4rem;
}
.text-image-cards__content {
  display: flex;
}
@media (max-width: 767px) {
  .text-image-cards__content {
    flex-direction: column;
  }
}
.text-image-cards__content-wrapper {
  width: 50%;
}
@media (max-width: 767px) {
  .text-image-cards__content-wrapper {
    width: 100%;
  }
}
.text-image-cards__content-media {
  position: relative;
  display: flex;
  width: 50%;
}
.text-image-cards__content-media img {
  position: absolute;
  top: -60%;
  left: 100%;
  transform: translateX(-100%);
}
@media (max-width: 1279px) {
  .text-image-cards__content-media img {
    position: static;
    transform: none;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    top: unset;
    left: unset;
  }
}
@media (max-width: 767px) {
  .text-image-cards__content-media {
    width: 100%;
  }
  .text-image-cards__content-media img {
    max-width: 320px;
  }
}
.text-image-cards__content-title {
  margin-bottom: 2rem;
}
.text-image-cards__content-text {
  margin-bottom: 2rem;
}
.text-image-cards__items {
  margin-top: 4rem;
}
.text-image-cards__item {
  display: flex;
  background-color: rgba(248, 251, 255, 0.04);
  padding: 2rem;
  border-radius: 12px;
}
.text-image-cards__item-media {
  margin-right: 1.5rem;
}
.text-image-cards__item-title {
  font-size: 20px;
  margin-bottom: 1rem;
}
.text-image-cards__item-text {
  font-size: 16px;
  font-weight: 400;
}
.text-img-half {
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .text-img-half {
    padding-top: 64px;
  }
}
.text-img-half-wrapper {
  display: flex;
  align-items: center;
  gap: 64px;
}
@media (max-width: 767px) {
  .text-img-half-wrapper {
    display: block;
  }
}
.text-img-half__content {
  flex: 1;
  padding: 0 64px;
  max-width: 500px;
}
@media (max-width: 1279px) {
  .text-img-half__content {
    padding: 49px 0;
    width: 50%;
    flex: none;
  }
}
@media (max-width: 767px) {
  .text-img-half__content {
    padding: 0 20px;
    width: 100%;
  }
  .text-img-half__content .action-btn {
    margin: 32px auto 0;
  }
}
.text-img-half__content-title {
  margin-bottom: 40px;
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  color: #131426;
}
@media (max-width: 1279px) {
  .text-img-half__content-title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .text-img-half__content-title {
    line-height: 1.2;
  }
}
.text-img-half__content-text {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #131426;
}
.text-img-half__content-text p {
  margin-bottom: 12px;
}
.text-img-half__content-text ul {
  margin-left: 28px;
  margin-bottom: 40px;
  list-style-type: disc;
}
.text-img-half__content-text ul li {
  margin-bottom: 4px;
}
@media (max-width: 1279px) {
  .text-img-half__content-text ul {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .text-img-half__content-btn {
    display: flex;
    justify-content: center;
  }
}
.text-img-half__media {
  display: flex;
  flex: 1;
}
.text-img-half__media img {
  width: 100%;
  height: auto;
}
@media (max-width: 1279px) {
  .text-img-half__media img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translateX(-25%);
  }
}
@media (max-width: 767px) {
  .text-img-half__media {
    margin-top: 32px;
    width: calc(100% + 30px);
    transform: translateX(-15px) rotate(90deg);
  }
  .text-img-half__media img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    transform: none;
  }
}
.cases-video {
  padding: 80px 0;
  background-color: #fff;
}
@media (max-width: 1279px) {
  .cases-video {
    padding: 40px 0;
  }
}
.cases-video__title {
  margin: 0 auto 80px;
  max-width: 590px;
  width: 100%;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0;
  text-align: center;
  color: #131426;
}
@media (max-width: 767px) {
  .cases-video__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
  }
}
.cases-video__items {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 8px;
  overflow: hidden;
  color: #131426;
}
@media (max-width: 767px) {
  .cases-video__items {
    gap: 8px;
    margin-bottom: 8px;
  }
}
.cases-video__item {
  min-height: 600px;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  color: #131426;
  font-family: Gilroy, sans-serif;
}
@media (max-width: 1279px) {
  .cases-video__item {
    flex-direction: column;
  }
}
.cases-video__item:hover .cases-video__item-video {
  opacity: 1;
}
.cases-video__item:hover .cases-video__item-image {
  opacity: 0;
}
@media (max-width: 1279px) {
  .cases-video__item:hover .cases-video__item-video {
    opacity: 0;
  }
  .cases-video__item:hover .cases-video__item-image {
    opacity: 1;
  }
}
.cases-video__item-logo img {
  max-width: 100%;
  max-height: 80px;
}
.cases-video__item-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}
.cases-video__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);
}
.cases-video__item-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 767px) {
  .cases-video__item-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
}
.cases-video__item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 40px 48px 48px;
}
@media (max-width: 1279px) {
  .cases-video__item-content {
    padding: 48px;
  }
}
@media (max-width: 767px) {
  .cases-video__item-content {
    padding: 32px 24px;
  }
}
.cases-video__item-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1280px) {
  .cases-video__item-text {
    margin-bottom: 32px;
  }
  .cases-video__item-text + .item__actions {
    margin-top: 0;
  }
}
.cases-video__item-review {
  max-height: 500px;
  overflow: hidden;
  margin-top: 24px;
  padding: 16px 0 0 16px;
  background: url(../images/cases-v4/ic-quote-dark.svg) no-repeat left top;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    max-height 0.4s ease,
    margin-top 0.4s ease;
}
.cases-video__item-review-text {
  max-width: 530px;
  margin-bottom: 12px;
}
.cases-video__item-review-author {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.cases-video__item-review-author-picture {
  width: 48px;
}
.cases-video__item-review-author-picture img {
  max-height: 48px;
  max-width: 100%;
  border-radius: 50%;
}
.cases-video__item-review-author-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.cases-video__item-review-author-position {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.cases-video__item-art {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cases-video__item-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
@media (max-width: 1279px) {
  .cases-video__item-video {
    display: none;
  }
}
.cases-video__item-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
  transition: opacity 0.3s ease;
}
@media (max-width: 1279px) {
  .cases-video__item-image {
    max-width: 500px;
    margin: 0 auto;
  }
}
.cases-video__cta {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 32px 32px 0;
  align-items: center;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .cases-video__cta {
    flex-direction: column;
    gap: 16px;
    padding: 32px 0 0;
  }
}
.cases-video__cta-text {
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #131426;
}
@media (min-width: 768px) {
  .cases-video__cta-text {
    margin-right: 24px;
  }
}
.cases-video__item-actions .action-btn {
  flex: initial !important;
  padding: 4px 12px;
  margin-top: 12px;
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #131426;
  position: relative;
  padding-right: 42px;
  cursor: pointer;
}

/* DIFWEB-30 — "Looking for" <select> field styling.
   Matches existing input/textarea look across the 4 contact forms.
   Native chevron is replaced with the same SVG used by .select2 chevrons. */
section.contact-form-v4 form .row select,
.get-started-v4 .wrap-v4 .right form .row select {
  background-color: transparent;
  border: 1px solid #7795ff;
  border-radius: 6px;
  padding: 12px;
  padding-right: 40px;
  font-size: 16px;
  color: #fff;
  font-family: Inter, sans-serif;
  transition: background-color 0.4s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  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 10L12 15L17 10' stroke='%237795ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px 24px;
  cursor: pointer;
}
section.contact-form-v4 form .row select option,
.get-started-v4 .wrap-v4 .right form .row select option {
  color: #131426;
}
section.contact-form-v4 form .row select.error,
.get-started-v4 .wrap-v4 .right form .row select.error {
  background-color: rgba(255, 77, 77, 0.16);
  border: 1px solid #ff4d4d;
}

/* v5 (floating label) variant — matches underline input style. */
.get-started-v5 .form .group.-select {
  position: relative;
  padding-top: 18px;
}
.get-started-v5 .form .group.-select select {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  border-radius: 0;
  padding: 0 30px 9px 0;
  display: block;
  border: none;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  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 10L12 15L17 10' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 24px 24px;
  cursor: pointer;
}
.get-started-v5 .form .group.-select select option {
  color: #131426;
}
.get-started-v5 .form .group.-select select.error {
  border-color: #ff6e6e;
}
.get-started-v5 .form .group.-select select:focus {
  outline: 0;
}
/* Always float the label above a <select> since native selects never report
   an empty value the way :placeholder-shown does. */
.get-started-v5 .form .group.-select > label:not(.error) {
  top: 4px;
  color: #b1b2c1;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: -0.24px;
}