@charset "UTF-8";
/*!
Theme Name: agenturro-relaunch
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: agenturro-relaunch
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

agenturro-relaunch is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Extralight.woff2") format("woff2"), url("./fonts/ClashDisplay-Extralight.woff") format("woff"), url("./fonts/ClashDisplay-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Light.woff2") format("woff2"), url("./fonts/ClashDisplay-Light.woff") format("woff"), url("./fonts/ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Regular.woff2") format("woff2"), url("./fonts/ClashDisplay-Regular.woff") format("woff"), url("./fonts/ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Medium.woff2") format("woff2"), url("./fonts/ClashDisplay-Medium.woff") format("woff"), url("./fonts/ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Semibold.woff2") format("woff2"), url("./fonts/ClashDisplay-Semibold.woff") format("woff"), url("./fonts/ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Bold.woff2") format("woff2"), url("./fonts/ClashDisplay-Bold.woff") format("woff"), url("./fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/* onest-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2"), url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2"), url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2"), url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-600.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Extralight.woff2") format("woff2"), url("./fonts/ClashDisplay-Extralight.woff") format("woff"), url("./fonts/ClashDisplay-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Light.woff2") format("woff2"), url("./fonts/ClashDisplay-Light.woff") format("woff"), url("./fonts/ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Regular.woff2") format("woff2"), url("./fonts/ClashDisplay-Regular.woff") format("woff"), url("./fonts/ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Medium.woff2") format("woff2"), url("./fonts/ClashDisplay-Medium.woff") format("woff"), url("./fonts/ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Semibold.woff2") format("woff2"), url("./fonts/ClashDisplay-Semibold.woff") format("woff"), url("./fonts/ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Clash Display";
  src: url("./fonts/ClashDisplay-Bold.woff2") format("woff2"), url("./fonts/ClashDisplay-Bold.woff") format("woff"), url("./fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/* onest-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2") format("woff2"), url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2") format("woff2"), url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* onest-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2") format("woff2"), url("./fonts/onest-v6-cyrillic_cyrillic-ext_latin_latin-ext-600.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

footer .title_h2,
footer .title_h2 h2,
footer h2.title_h2,
section .title_h2,
section .title_h2 h2,
section h2.title_h2 {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: clamp(16px, 2vw, 24px);
}
@media (max-width: 768px) {
  footer .title_h2,
  footer .title_h2 h2,
  footer h2.title_h2,
  section .title_h2,
  section .title_h2 h2,
  section h2.title_h2 {
    margin-top: 48px;
  }
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
  color: #1d1d1f;
  overflow-x: hidden;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

.btn_dark {
  padding: 17px 39px 17px 39px;
  border-radius: 100px;
  background: #007aff;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: white;
  text-decoration: unset;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn_dark svg {
  position: relative;
  top: 3px;
  left: 10px;
}
@media (min-width: 1024px) {
  .btn_dark:hover {
    background: #1d1d1f;
    color: white;
  }
}

.btn_white {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: #1d1d1f;
  text-decoration: unset;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn_white svg {
  position: relative;
  left: 14px;
  top: 1px;
}
.btn_white svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn_white:hover {
  color: #007aff;
}
.btn_white:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}

.btn_grey {
  padding: 17px 18px 17px 18px;
  border-radius: 100px;
  background: #ECECF1;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1d1d1f;
  text-decoration: unset;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn_grey svg {
  position: relative;
  top: 2px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btn_grey svg path {
  stroke: #1d1d1f;
  fill: #1d1d1f;
}
@media (min-width: 1024px) {
  .btn_grey:hover {
    background: #007aff;
    color: white;
  }
}

@media (max-width: 1024px) {
  .page-template-page-template-landing-affiliate .img-text .btn_dark {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
      touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: -10px;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #a3a1a1;
  border-radius: 12px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0.5s linear;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.simplebar-scrollbar.simplebar-visible:after {
  position: absolute;
  /* content: url('./img/icons/dots.svg'); */
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 4px;
  border-radius: 6px;
}

.simplebar-track.simplebar-vertical:before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  height: 100%;
  width: 4px;
  /* background-color: #E7ECF8; */
  border-radius: 6px;
}

.simplebar-scrollbar:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 4px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
// --------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
}

.container {
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .container {
    padding: 0 16px;
  }
}

.lines {
  position: relative;
  background: unset;
}
.lines::after {
  content: "";
  background-image: url(img/text-lines.svg);
  background-repeat: no-repeat;
  padding: 8px 3px;
  background-position: right;
  width: 50px;
  display: block;
  height: 56px;
  position: absolute;
  right: -42px;
  top: 0;
}

a {
  text-decoration: none;
}

body {
  -webkit-transition: background-color 0.8s ease;
  transition: background-color 0.8s ease;
}

.color-violet {
  background: #1c1c29;
}
.color-violet .site-header__nav .site-header__top-menu-second-wrap li.m-top a,
.color-violet .site-header__nav .site-header__top-menu-second-wrap,
.color-violet .site-header__nav ul a,
.color-violet .site-header__nav-bottom .btn,
.color-violet .site-header__nav-bottom .menu-btn {
  color: #f5f5f7;
}
.color-violet .site-header__nav-bottom .btn svg path,
.color-violet .site-header__nav-bottom .menu-btn svg rect {
  fill: #f5f5f7;
}
.color-violet .skills-carusel .btn-text {
  color: white;
}
.color-violet .skills-carusel .btn-text svg path {
  fill: white;
  stroke: white;
}

.color-white {
  background: white;
}
.color-white .portfolio-slider .btn-text {
  color: #1d1d1f;
}
.color-white .portfolio-slider .btn-text svg path {
  fill: #1d1d1f;
  stroke: #1d1d1f;
}
.color-white .portfolio-slider__nav svg rect {
  fill: #f5f5f7;
}
.color-white .portfolio-slider__nav svg path {
  fill: rgb(29, 29, 31);
  stroke: rgb(29, 29, 31);
}

.color-grey {
  background: #f5f5f7;
}

.first-section .top-home .frame_center {
  opacity: 1;
}

.page-id-281 {
  background: #f5f5f7;
}

.swiper-button-disabled svg path {
  opacity: 0.3;
}

@media (max-width: 620px) {
  html[lang=en-GB] .top-home h1 {
    max-width: 283px;
  }
}

.top-home {
  padding-bottom: 90px;
  margin-bottom: clamp(80px, 5vw, 140px);
  position: relative;
}
@media (max-width: 620px) {
  .top-home {
    margin-top: 70px;
  }
}
.top-home .portfolio-slider__tech-icons span {
  overflow: hidden;
}
.top-home .portfolio-slider__tech-icons span,
.top-home .portfolio-slider__team-fotos span {
  border-color: white;
}
.top-home .portfolio-slider__tech-icons img {
  background-color: white;
}
.top-home .frame_center {
  position: fixed;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  z-index: -1;
}
@media (max-width: 1300px) {
  .top-home .frame_center {
    top: 15%;
  }
}
@media (max-width: 620px) {
  .top-home .frame_center {
    display: none;
  }
}
.top-home .container {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  position: relative;
  height: inherit;
}
.top-home h1 {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: clamp(38px, 6vw, 80px);
  line-height: clamp(52.8px, 6vw, 88px);
  text-align: center;
  padding: 32px 0 70px;
  margin: 40px 0;
  position: relative;
  margin-bottom: -12px;
}
.top-home h1::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("img/border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  left: var(--translateX);
  top: var(--translateY);
}
@media (max-width: 1024px) {
  .top-home h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 103%;
    height: 100%;
    background-image: url(img/border.svg);
    background-size: 78vw;
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media (max-width: 620px) {
  .top-home h1::before {
    display: none;
  }
}
@media (max-width: 1412px) {
  .top-home h1 {
    background-size: 66vw;
    background-position: top center;
  }
}
@media (max-width: 1100px) {
  .top-home h1 {
    background-size: 73vw;
    background-position: center;
  }
}
@media (max-width: 768px) {
  .top-home h1 {
    margin-bottom: 0;
    background-size: 86vw;
    background-position: 70% 2vw;
    padding: 32px 0 55px;
  }
}
@media (max-width: 710px) {
  .top-home h1 {
    background-position: 70% 4vw;
  }
}
@media (max-width: 660px) {
  .top-home h1 {
    background-position: 70% 6vw;
  }
}
@media (max-width: 620px) {
  .top-home h1 {
    background-image: url(img/border-mob.svg);
    background-size: 100%;
    background-position: center 30%;
    max-width: 295px;
    margin: 0 auto;
    padding: 32px 0 35px;
    background-repeat: no-repeat;
  }
}
.top-home h1 span > span {
  position: relative;
  padding: 0 8px;
}
.top-home h1 span > span:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  z-index: -1;
}
.top-home h1 svg {
  position: absolute;
  right: -43px;
  bottom: -49px;
}
.top-home h1 .lines {
  position: relative;
  background: unset;
}
.top-home h1 .lines::after {
  content: "";
  background-image: url(img/text-lines.svg);
  background-repeat: no-repeat;
  padding: 8px 3px;
  background-position: right;
  width: 50px;
  display: block;
  height: 56px;
  position: absolute;
  right: -42px;
  top: 0;
}
@media (max-width: 768px) {
  .top-home h1 .lines::after {
    background-size: 86vw;
    background-position: 71% 28%;
  }
}
@media (max-width: 468px) {
  .top-home h1 .lines::after {
    display: none;
  }
}
.top-home h1 .lines:before {
  display: none;
}
@media (max-width: 768px) {
  .top-home h1 .lines {
    padding: 0;
  }
}
@media (max-width: 620px) {
  .top-home h1 span br {
    display: none;
  }
}
@media (max-width: 768px) {
  .top-home__text {
    margin-top: -15px;
  }
}
.top-home__text p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.02px;
  text-align: center;
  max-width: 690px;
  margin: 0 auto;
  color: #565454;
}
@media (max-width: 768px) {
  .top-home__text p {
    font-size: 16px;
  }
}
.top-home__btns {
  margin: 40px auto 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .top-home__btns {
    margin: 24px auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 480px) {
  .top-home__btns {
    width: 100%;
  }
}
.top-home .btn_dark {
  margin-right: 32px;
}
@media (max-width: 768px) {
  .top-home .btn_dark {
    margin-right: unset;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .top-home .btn_dark {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.top-home .top-home__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: inherit;
}
.top-home .top-home__area {
  height: inherit;
}
.top-home .site-header__menu {
  margin-top: auto;
  position: fixed;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  max-width: 902px;
  width: calc(100% - 32px);
  background: rgba(232, 232, 239, 0.16);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-radius: 30px;
}
@media (max-width: 1024px) {
  .top-home .site-header__menu {
    bottom: 70px;
  }
}
@media (max-width: 768px) {
  .top-home .site-header__menu {
    bottom: 70px;
  }
}
@media (max-width: 768px) {
  .top-home .d-desk {
    display: none;
  }
}

.top-home .site-header__area .site-header__technology,
.top-home .site-header__area .site-header__rating,
.top-home .site-header__area .site-header__team,
.top-home h1,
.top-home .h1-show-anim,
.top-home .top-home__text,
.top-home .top-home__btns,
.top-home .top-services__text,
.top-home .top-services__btns,
.top-services .site-header__area .site-header__technology,
.top-services .site-header__area .site-header__rating,
.top-services .site-header__area .site-header__team,
.top-services h1,
.top-services .h1-show-anim,
.top-services .top-home__text,
.top-services .top-home__btns,
.top-services .top-services__text,
.top-services .top-services__btns {
  opacity: 0;
  animation: show-slow 1s both;
  -webkit-animation: show-slow 1s both;
}
@media (max-width: 620px) {
  .top-home .site-header__area .site-header__technology,
  .top-home .site-header__area .site-header__rating,
  .top-home .site-header__area .site-header__team,
  .top-home h1,
  .top-home .h1-show-anim,
  .top-home .top-home__text,
  .top-home .top-home__btns,
  .top-home .top-services__text,
  .top-home .top-services__btns,
  .top-services .site-header__area .site-header__technology,
  .top-services .site-header__area .site-header__rating,
  .top-services .site-header__area .site-header__team,
  .top-services h1,
  .top-services .h1-show-anim,
  .top-services .top-home__text,
  .top-services .top-home__btns,
  .top-services .top-services__text,
  .top-services .top-services__btns {
    animation: show-slow 0.4s both;
    -webkit-animation: show-slow 0.4s both;
  }
}
.top-home .site-header__area .site-header__technology,
.top-home .site-header__area .site-header__rating,
.top-home .site-header__area .site-header__team,
.top-services .site-header__area .site-header__technology,
.top-services .site-header__area .site-header__rating,
.top-services .site-header__area .site-header__team {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.top-home .site-header__area .site-header__rating,
.top-services .site-header__area .site-header__rating {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.top-home .site-header__area .site-header__team,
.top-services .site-header__area .site-header__team {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.top-home .site-header__area .site-header__team p,
.top-home .site-header__area .site-header__technology p,
.top-services .site-header__area .site-header__team p,
.top-services .site-header__area .site-header__technology p {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.top-home .site-header__area .site-header__team:hover p,
.top-home .site-header__area .site-header__technology:hover p,
.top-services .site-header__area .site-header__team:hover p,
.top-services .site-header__area .site-header__technology:hover p {
  color: #007aff;
}
.top-home .h1-show-anim,
.top-services .h1-show-anim {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
@media (max-width: 620px) {
  .top-home .h1-show-anim,
  .top-services .h1-show-anim {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
}
@media (max-width: 620px) {
  .top-home h1,
  .top-services h1 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
}
.top-home h1:before,
.top-services h1:before {
  animation: show-slow 1s both, scale-border 1s both;
  -webkit-animation: show-slow 1s both, scale-border 1s both;
  -webkit-animation-delay: 0.8s, 3s;
          animation-delay: 0.8s, 3s;
}
@media (max-width: 620px) {
  .top-home h1:before,
  .top-services h1:before {
    -webkit-animation-delay: 0.3s, 3s;
            animation-delay: 0.3s, 3s;
  }
}
.top-home h1 span > span:before,
.top-services h1 span > span:before {
  animation: width-slow 1s both;
  -webkit-animation: width-slow 1s both;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
@media (max-width: 620px) {
  .top-home h1 span > span:before,
  .top-services h1 span > span:before {
    animation: width-slow 0.3s both;
    -webkit-animation: width-slow 0.3s both;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
}
.top-home .top-home__text,
.top-home .top-services__text,
.top-services .top-home__text,
.top-services .top-services__text {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@media (max-width: 620px) {
  .top-home .top-home__text,
  .top-home .top-services__text,
  .top-services .top-home__text,
  .top-services .top-services__text {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
}
.top-home .top-home__btns,
.top-home .top-services__btns,
.top-services .top-home__btns,
.top-services .top-services__btns {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@media (max-width: 620px) {
  .top-home .top-home__btns,
  .top-home .top-services__btns,
  .top-services .top-home__btns,
  .top-services .top-services__btns {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
}

@keyframes show-slow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes show-slow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes width-slow {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes width-slow {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes scale-border {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes scale-border {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.top-services {
  position: relative;
  overflow: hidden;
}
.top-services .portfolio-slider__tech-icons img,
.top-services .portfolio-slider__team-fotos span {
  border-color: white;
}
.top-services__content {
  max-width: 750px;
  margin: 0 auto;
}
.top-services h1 {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: clamp(48px, 6vw, 80px);
  line-height: clamp(52.8px, 6vw, 88px);
  text-align: center;
  margin: 40px 0 0;
  position: relative;
  margin-bottom: -12px;
}
@media (max-width: 768px) {
  .top-services h1 {
    margin-top: 88px;
  }
}
.top-services h1 span > span {
  position: relative;
  padding: 0 8px;
  display: inline-block;
}
.top-services h1 span > span:before {
  content: "";
  width: 100%;
  height: 94%;
  position: absolute;
  left: 0;
  top: 3%;
  border-radius: 12px;
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  z-index: -1;
}
.top-services h1 span > span img {
  margin-right: 5px;
  width: 30px;
}
@media (min-width: 1024px) {
  .top-services h1 span > span img {
    width: 40px;
  }
}
@media (min-width: 1280px) {
  .top-services h1 span > span img {
    width: 50px;
  }
}
.top-services h1 span > span.h1-show-anim_grey:before {
  background: #f5f5f7;
}
.top-services h1 svg {
  position: absolute;
  right: -43px;
  bottom: -49px;
}
.top-services h1 .lines {
  position: relative;
  background: unset;
}
.top-services h1 .lines::after {
  content: "";
  background-image: url(img/text-lines.svg);
  background-repeat: no-repeat;
  padding: 8px 3px;
  background-position: right;
  width: 50px;
  display: block;
  height: 56px;
  position: absolute;
  right: -42px;
  top: 0;
}
@media (max-width: 768px) {
  .top-services h1 .lines::after {
    background-size: 86vw;
    background-position: 71% 28%;
  }
}
.top-services h1 .lines:before {
  display: none;
}
.top-services__bg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  z-index: -1;
}
.top-services__text p {
  color: #565454;
  text-align: center;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
  margin-top: 25px;
  margin-bottom: 40px;
}
.top-services__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-services__btns .btn_dark {
  padding: 14px 39px 18px 39px;
}
@media (max-width: 380px) {
  .top-services__btns .btn_dark {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.top-services__btns .btn_dark svg {
  position: relative;
  top: 4px;
  left: 10px;
}
.top-services .portfolio-slider__tech-icons span {
  border-color: white;
  background-color: white;
}

.page-id-259 .top-services__content {
  max-width: 950px;
}

.top-startup-landing .funding {
  margin: 33px auto;
  display: block;
  max-width: 138px;
}
@media (max-width: 768px) {
  .top-startup-landing .funding {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .top-startup-landing h1 {
    margin-top: 24px;
  }
}

.top-tech {
  margin-bottom: 80px;
  background-image: url("img/services-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
}
@media (min-width: 1024px) {
  .top-tech {
    margin-bottom: 80px;
  }
}
.top-tech .container {
  max-width: 1308px;
}
.top-tech .top-services {
  padding: 80px 0 109px;
}
@media (min-width: 1024px) {
  .top-tech .top-services {
    padding: 80px 0 200px;
  }
}
.top-tech .top-services__content {
  max-width: inherit;
}
.top-tech .top-services__content .top-text-img__subtitle {
  color: #007aff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.top-tech h1 {
  color: #1d1d1f;
  margin: 0 0 16px 0;
}
.top-tech .top-services__text {
  color: #596681;
}
.top-tech__btns {
  margin: 40px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-tech__btns .btn {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 576px) {
  .top-tech__btns .btn {
    width: inherit;
  }
}
.top-tech__wrap {
  padding: 24px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='32' ry='32' stroke='%23007AFFFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 32px;
  margin: -65px 0 80px;
  position: relative;
  z-index: 1;
  background-color: #fff;
  position: relative;
}
.top-tech__wrap > svg {
  position: absolute;
}
.top-tech__wrap > svg:first-child {
  top: 0;
  left: 0;
}
.top-tech__wrap > svg:nth-child(2) {
  top: 0;
  right: 0;
}
.top-tech__wrap > svg:nth-child(3) {
  bottom: 0;
  right: 0;
}
.top-tech__wrap > svg:nth-child(4) {
  bottom: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .top-tech__wrap {
    padding: 50px 46px;
    margin: -130px 0 0px;
  }
}
.top-tech__body {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 24px;
}
@media (min-width: 768px) {
  .top-tech__body {
    grid-template-columns: 1fr 0.54fr;
  }
}
.top-tech__sidebar {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
@media (min-width: 768px) {
  .top-tech__sidebar {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.top-tech__navigation {
  position: sticky;
  top: 0px;
}
.top-tech__navigation-title {
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1f;
  margin: -20px 0 24px 0;
  padding-top: 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 122.222% */
  letter-spacing: 0.36px;
}
.top-tech__navigation-menu {
  background-color: #f5f5f7;
  border-radius: 16px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.top-tech__navigation-menu a {
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1f;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .top-tech__navigation-menu a._active {
    color: #007aff;
  }
}
.top-tech__bg {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  z-index: -1;
}

.page-template-page-template-landing-affiliate .img-text__grid {
  background: transparent;
}

.img-text {
  margin: 16px auto 16px;
  z-index: 2;
  position: relative;
}
.img-text__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: white;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .img-text__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    overflow: hidden;
  }
}
.img-text__grid.img-text__grid_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .img-text__grid.img-text__grid_reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.img-text__grid.img-text__grid_reverse div:first-child {
  margin-right: unset;
}
.img-text__grid.img-text__grid_reverse .img-text__content {
  margin-right: 16px;
}
@media (max-width: 768px) {
  .img-text__grid.img-text__grid_reverse .img-text__content {
    margin-right: 0;
  }
}
.img-text__grid.img-text__grid_reverse img {
  margin-top: 0;
  margin-bottom: 0;
}
.img-text__grid.two-column {
  background: unset;
}
.img-text__grid.two-column .img-text__content,
.img-text__grid.two-column .img-text__img {
  border-radius: 30px;
  background: white;
}
@media (max-width: 768px) {
  .img-text__grid.two-column .img-text__content,
  .img-text__grid.two-column .img-text__img {
    border-radius: 0;
  }
}
.img-text__grid.two-column .img-text__img {
  margin-right: 16px;
}
.img-text__img {
  width: 50%;
  padding-right: 20px;
  max-height: 700px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .img-text__img {
    width: 100%;
    padding-right: 0;
  }
}
.img-text__img img {
  margin-top: clamp(0px, 5vw, 56px);
  margin-bottom: clamp(0px, 5vw, 57px);
  width: 100%;
}
@media (max-width: 768px) {
  .img-text__img img {
    padding-left: clamp(20px, 5vw, 70px);
    padding-right: clamp(20px, 5vw, 70px);
  }
}
.img-text__content {
  width: 50%;
  /* height: auto; */
  padding-left: clamp(20px, 5vw, 70px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .img-text__content {
    width: 100%;
    padding-right: clamp(20px, 5vw, 70px);
    margin-right: 0;
  }
}
.img-text__content h2,
.img-text__content .title_h2 > *,
.img-text__content p {
  max-width: 470px;
}
@media (max-width: 768px) {
  .img-text__content h2,
  .img-text__content .title_h2 > *,
  .img-text__content p {
    max-width: 100%;
  }
}
.img-text__content .title_h2 {
  margin: 0;
}
.img-text__content .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 24px 0;
  text-align: left;
}
.img-text__content p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
  text-align: left;
  color: #565454;
  margin-bottom: 8px;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .img-text__content p {
    font-size: 16px;
  }
}
.img-text__content p strong {
  color: #1d1d1f;
}
.img-text__content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.img-text__content ul li {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.02em;
  text-align: left;
}
@media (max-width: 768px) {
  .img-text__content ul li {
    font-size: 16px;
  }
}
.img-text__content ul li:before {
  position: relative;
  bottom: -6px;
  margin-right: 4px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6693 12.2553L17.2043 8.71929C17.2998 8.62704 17.376 8.5167 17.4284 8.39469C17.4808 8.27269 17.5084 8.14147 17.5095 8.00869C17.5107 7.87591 17.4854 7.74423 17.4351 7.62133C17.3848 7.49844 17.3106 7.38679 17.2167 7.29289C17.1228 7.199 17.0111 7.12475 16.8882 7.07447C16.7653 7.02419 16.6337 6.99888 16.5009 7.00004C16.3681 7.00119 16.2369 7.02878 16.1149 7.08119C15.9929 7.1336 15.8825 7.20978 15.7903 7.30529L12.2543 10.8403L8.71929 7.30529C8.62704 7.20978 8.5167 7.1336 8.39469 7.08119C8.27269 7.02878 8.14147 7.00119 8.00869 7.00004C7.87591 6.99888 7.74423 7.02419 7.62133 7.07447C7.49844 7.12475 7.38679 7.199 7.29289 7.29289C7.199 7.38679 7.12475 7.49844 7.07447 7.62133C7.02419 7.74423 6.99888 7.87591 7.00004 8.00869C7.00119 8.14147 7.02878 8.27269 7.08119 8.39469C7.1336 8.5167 7.20978 8.62704 7.30529 8.71929L10.8403 12.2543L7.30529 15.7903C7.20978 15.8825 7.1336 15.9929 7.08119 16.1149C7.02878 16.2369 7.00119 16.3681 7.00004 16.5009C6.99888 16.6337 7.02419 16.7653 7.07447 16.8882C7.12475 17.0111 7.199 17.1228 7.29289 17.2167C7.38679 17.3106 7.49844 17.3848 7.62133 17.4351C7.74423 17.4854 7.87591 17.5107 8.00869 17.5095C8.14147 17.5084 8.27269 17.4808 8.39469 17.4284C8.5167 17.376 8.62704 17.2998 8.71929 17.2043L12.2543 13.6693L15.7903 17.2043C15.8825 17.2998 15.9929 17.376 16.1149 17.4284C16.2369 17.4808 16.3681 17.5084 16.5009 17.5095C16.6337 17.5107 16.7653 17.4854 16.8882 17.4351C17.0111 17.3848 17.1228 17.3106 17.2167 17.2167C17.3106 17.1228 17.3848 17.0111 17.4351 16.8882C17.4854 16.7653 17.5107 16.6337 17.5095 16.5009C17.5084 16.3681 17.4808 16.2369 17.4284 16.1149C17.376 15.9929 17.2998 15.8825 17.2043 15.7903L13.6693 12.2553Z' fill='%23007AFF'/%3E%3C/svg%3E%0A");
}
.img-text__content .img-text__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 24px;
}
.img-text .img-text__img-mob .img-text__img_mob {
  display: none;
}
@media (max-width: 768px) {
  .img-text .img-text__img-mob .img-text__img_desk {
    display: none;
  }
  .img-text .img-text__img-mob .img-text__img_mob {
    display: block;
  }
}
.img-text__img-count {
  position: absolute;
  bottom: 37px;
  left: 21px;
  border-radius: 17.159px;
  background: #fff;
  -webkit-box-shadow: 0px 3.826px 14.3px 0px rgba(11, 31, 60, 0.11);
          box-shadow: 0px 3.826px 14.3px 0px rgba(11, 31, 60, 0.11);
  width: 307px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 22.879px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1220px) {
  .img-text__img-count {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .img-text__img-count {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    bottom: 13px;
    left: -16px;
  }
}
@media (max-width: 560px) {
  .img-text__img-count {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    bottom: -13px;
    left: -16px;
  }
}
@media (max-width: 480px) {
  .img-text__img-count {
    bottom: -8px;
    left: -49px;
  }
}
@media (max-width: 390px) {
  .img-text__img-count {
    bottom: -22px;
    left: -66px;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}
.img-text__img-count .odometer_one {
  color: #1d1d1f;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.img-text__img-count p {
  margin: 0;
  color: #596681;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}
.img-text .odometer-digit {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
.img-text .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.img-text .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
}
.img-text .odometer.odometer-theme-default .odometer-value {
  text-align: unset !important;
}
.img-text .odometer.odometer-theme-default .odometer-digit {
  margin: 0 2px !important;
}
.img-text .odometer.odometer-theme-default .odometer-digit:first-child {
  margin-right: -7px !important;
}
.img-text .odometer.odometer-theme-default .odometer-digit:last-child {
  margin-right: 3px !important;
}
.img-text__img-count-two {
  position: absolute;
  bottom: 73px;
  right: 25px;
  border-radius: 17.159px;
  background: #007aff;
  -webkit-box-shadow: 0px 3.826px 14.3px 0px rgba(11, 31, 60, 0.11);
          box-shadow: 0px 3.826px 14.3px 0px rgba(11, 31, 60, 0.11);
  width: 318px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20.879px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1220px) {
  .img-text__img-count-two {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    right: 5px;
    bottom: 55px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .img-text__img-count-two {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    bottom: 42px;
    right: -30px;
  }
}
@media (max-width: 560px) {
  .img-text__img-count-two {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    bottom: 20px;
    right: -30px;
  }
}
@media (max-width: 480px) {
  .img-text__img-count-two {
    right: -51px;
  }
}
@media (max-width: 390px) {
  .img-text__img-count-two {
    bottom: -10px;
    right: -55px;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}
.img-text__img-count-two .odometer_two,
.img-text__img-count-two .odometer {
  color: white;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.img-text__img-count-two .odometer.odometer-theme-default .odometer-digit:first-child {
  margin-right: -3px !important;
}
.img-text__img-count-two p {
  margin: 0;
  color: #fff;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
}

.skills-carusel {
  margin-top: 140px;
  margin-bottom: 110px;
}
@media (max-width: 1024px) {
  .skills-carusel {
    margin-top: 100px;
  }
}
@media (max-width: 768px) {
  .skills-carusel {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.skills-carusel__head {
  max-width: 689px;
  margin: 0 auto;
}
.skills-carusel__head .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: clamp(16px, 2vw, 24px);
  text-align: center;
  color: #1d1d1f;
}
.skills-carusel__head .title_h2 > * .lines::after {
  right: -60px;
  top: -10px;
}
.skills-carusel__head h2 {
  font-size: 56px;
  font-weight: 500;
  line-height: 61.6px;
  text-align: center;
  margin: 0 0 24px;
  color: #1d1d1f;
}
.skills-carusel__head h2 .lines::after {
  right: -60px;
  top: -10px;
}
.skills-carusel__head p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.02px;
  text-align: center;
  margin: 0;
  color: #565454;
}
@media (max-width: 768px) {
  .skills-carusel__head p {
    font-size: 16px;
    line-height: 139%; /* 22.24px */
  }
}
.skills-carusel__grid {
  display: none;
}
.skills-carusel__grid.active {
  display: block;
  -webkit-animation: load-post forwards 0.5s;
          animation: load-post forwards 0.5s;
}
.skills-carusel .swiper-slide {
  background: white;
  height: auto;
}
.skills-carusel .skills__tabs-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-wrap {
    margin-top: 24px;
  }
}
.skills-carusel .skills__tabs-container {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  max-width: 456px;
  width: 100%;
  margin-right: 16px;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-container {
    max-width: 100%;
  }
}
.skills-carusel .skills__tabs-link {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  letter-spacing: 0.36px;
}
.skills-carusel .skills__tabs-link span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    color: #1d1d1f;
  }
}
.skills-carusel .skills__tabs-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-title {
    margin-bottom: 16px;
  }
}
.skills-carusel .skills__tabs-title img {
  margin-right: 16px;
  width: 56px;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-title img {
    width: 40px;
    margin-right: 8px;
  }
}
.skills-carusel .skills__tabs-title svg {
  margin-left: auto;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-title svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.skills-carusel .skills__tabs-item {
  padding: 12px 24px 12px 12px;
  border-radius: 100px;
  cursor: pointer;
}
.skills-carusel .skills__tabs-item:hover span {
  color: #007aff;
}
.skills-carusel .skills__tabs-item:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-item {
    padding: unset;
  }
}
.skills-carusel .skills__tabs-item.active {
  background: #ECECF1;
}
.skills-carusel .skills__tabs-item.active:hover span {
  text-decoration: unset;
}
@media (max-width: 768px) {
  .skills-carusel .skills__tabs-item.active {
    background: unset;
  }
  .skills-carusel .skills__tabs-item.active svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
.skills-carusel .skills-carusel__container {
  max-width: 928px;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .skills-carusel .skills-carusel__container {
    border-radius: 0;
  }
}
.skills-carusel .swiper-skills {
  border-radius: 30px;
}
@media (max-width: 768px) {
  .skills-carusel .swiper-skills {
    border-radius: 0;
  }
}
.skills-carusel .skills-carusel__nav {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.skills-carusel .skills-carusel__nav svg {
  margin-left: 16px;
  cursor: pointer;
}
.skills-carusel .skills-carusel__nav svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.skills-carusel .skills-carusel__nav svg:hover path {
  fill: #007aff;
  stroke: #007aff;
}
.skills-carusel .swiper-button-lock {
  display: block !important;
}
.skills-carusel .swiper-wrapper {
  border-radius: 30px;
}
@media (max-width: 768px) {
  .skills-carusel .swiper-wrapper {
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .skills-carusel .swiper-wrapper .swiper-slide {
    border-radius: 30px;
  }
}
.skills-carusel .swiper-wrapper .swiper-slide a.skills-carusel__item {
  height: auto;
  padding: 32px;
  text-decoration: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 90%;
}
.skills-carusel .swiper-wrapper .swiper-slide a.skills-carusel__item:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
@media (max-width: 768px) {
  .skills-carusel .swiper-wrapper .swiper-slide a.skills-carusel__item {
    padding: 20px;
  }
}
.skills-carusel .swiper-wrapper .swiper-slide img {
  width: 56px;
}
.skills-carusel .swiper-wrapper .swiper-slide .skills-carusel__name {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #1d1d1f;
  margin: 24px 0 12px;
}
@media (max-width: 768px) {
  .skills-carusel .swiper-wrapper .swiper-slide .skills-carusel__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
  }
}
.skills-carusel .swiper-wrapper .swiper-slide .skills-carusel__info p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  text-align: left;
  color: #565454;
  margin-top: 0;
}
.skills-carusel .swiper-wrapper .swiper-slide .skills-carusel__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.skills-carusel .swiper-wrapper .swiper-slide .skills-carusel__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: auto;
}
.skills-carusel .btn-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: #1d1d1f;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  top: -5px;
}
.skills-carusel .btn-text svg {
  margin-left: 14px;
  position: relative;
  top: 1px;
}
.skills-carusel .btn-text svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.skills-carusel .btn-text svg rect {
  fill: white;
}
.skills-carusel .btn-text:hover {
  color: #007aff;
}
.skills-carusel .btn-text:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
@media (max-width: 767px) {
  .skills-carusel .skills-carusel__grid {
    display: none;
  }
  .skills-carusel .skills__tabs-item.active .skills-carusel__grid {
    display: block;
    margin-bottom: 16px;
  }
  .skills-carusel .skills-carusel__navigation {
    display: none;
  }
}

@-webkit-keyframes load-post {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes load-post {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.portfolio-slider {
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .portfolio-slider {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider {
    padding: 140px 0 115px;
  }
}
.portfolio-slider__head {
  text-align: center;
  max-width: 1025px;
  margin: 0 auto 32px;
}
.portfolio-slider__head .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  text-align: center;
  color: white;
}
@media (max-width: 768px) {
  .portfolio-slider__head .title_h2 > * {
    max-width: 340px;
    margin: 48px auto;
  }
}
.portfolio-slider__head h2 {
  font-size: 56px;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: -0.02em;
  text-align: center;
  color: white;
}
@media (max-width: 768px) {
  .portfolio-slider__head h2 {
    max-width: 340px;
    margin: 48px auto;
  }
}
.portfolio-slider__head h2 span {
  color: #bfff4a;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .portfolio-slider__head {
    margin: 0 auto 56px;
  }
}
.portfolio-slider .portfolio-list {
  pointer-events: all !important;
  padding-bottom: 2px;
}
@media (min-width: 1024px) {
  .portfolio-slider .portfolio-list {
    padding-bottom: 0;
  }
}
.portfolio-slider__grid {
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .portfolio-slider__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    background-color: transparent;
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider__img, .portfolio-slider__info {
    background: white;
    overflow: hidden;
    min-height: 540px;
    max-height: 540px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media (min-width: 1367px) {
  .portfolio-slider__img, .portfolio-slider__info {
    background: white;
    overflow: hidden;
    min-height: 580px;
    max-height: 580px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.portfolio-slider__img {
  font-size: 0;
  border-radius: 30px 0 0 30px;
  cursor: none;
}
@media (min-width: 1024px) {
  .portfolio-slider__img img {
    min-height: 540px;
  }
}
.portfolio-slider__img_desk {
  overflow-y: hidden;
  scrollbar-width: none;
  display: none;
}
@media (min-width: 1024px) {
  .portfolio-slider__img_desk {
    display: block;
  }
}
.portfolio-slider__img_desk::-webkit-scrollbar {
  display: none;
}
.portfolio-slider__img_desk img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .portfolio-slider__img_mob {
    display: none;
  }
}
.portfolio-slider__img_mob img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 225px;
  -o-object-position: top center;
     object-position: top center;
  border-radius: 16px 16px 0 0;
}
@media (min-width: 576px) {
  .portfolio-slider__img_mob img {
    max-height: 250px;
  }
}
@media (min-width: 768px) {
  .portfolio-slider__img_mob img {
    max-height: 350px;
  }
}
.portfolio-slider__info {
  padding: 16px;
  border-radius: 0 30px 30px 0;
  background: #29293a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .portfolio-slider__info {
    border-radius: 0;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider__info {
    padding: 24px;
  }
}
@media (min-width: 1280px) {
  .portfolio-slider__info {
    padding: 52px;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider__info_mob {
    display: none;
  }
}
.portfolio-slider__title {
  font-size: 20px;
  line-height: 130%;
  color: white;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.02em;
  text-align: left;
}
@media (max-width: 768px) {
  .portfolio-slider__title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider__title {
    font-size: 34px;
  }
}
@media (min-width: 1280px) {
  .portfolio-slider__title {
    font-size: 40px;
  }
}
.portfolio-slider__title a {
  text-decoration: none;
  color: white;
}
@media (max-width: 768px) {
  .portfolio-slider__title a {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
  }
}
.portfolio-slider__text {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  text-align: left;
  color: rgba(255, 255, 255, 0.6980392157);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .portfolio-slider__text {
    display: none;
  }
}
@media (min-width: 1280px) {
  .portfolio-slider__text {
    font-size: 16px;
  }
}
.portfolio-slider__text > * {
  margin: 12px 0 0 0;
}
.portfolio-slider__btn .btn_dark {
  font-weight: 500;
  margin-top: 16px;
}
.portfolio-slider__time {
  padding: 16px 0 0 0;
  margin: 16px 0 0 0;
  background-position: top;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}
@media (min-width: 1024px) {
  .portfolio-slider__time {
    padding: 0 0 0 0;
    margin: 16px 0 0 0;
  }
}
.portfolio-slider__time-title {
  color: #1d1d1f;
  margin: 0 0 8px 0;
}
.portfolio-slider__time-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
  color: rgba(255, 255, 255, 0.6980392157);
}
@media (min-width: 1024px) {
  .portfolio-slider__time-grid {
    grid-gap: 8px;
  }
}
.portfolio-slider__time-item {
  padding: 12px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 11px;
}
@media (max-width: 768px) {
  .portfolio-slider__time-item {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider__time-item {
    padding: 16px 0px 20px 8px;
    font-size: 14px;
  }
}
@media (min-width: 1280px) {
  .portfolio-slider__time-item {
    font-size: 16px;
  }
}
.portfolio-slider__time-item span {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  display: block;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (min-width: 1024px) {
  .portfolio-slider__time-item span {
    font-size: 26px;
  }
}
@media (min-width: 1280px) {
  .portfolio-slider__time-item span {
    font-size: 32px;
  }
}
.portfolio-slider__time-item sup {
  font-weight: 500;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6980392157);
  margin-left: 3px;
}
@media (min-width: 1024px) {
  .portfolio-slider__time-item sup {
    font-size: 20px;
  }
}
.portfolio-slider__team-tech {
  margin: auto 0 0 0;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 100%;
}
@media (max-width: 768px) {
  .portfolio-slider__team-tech {
    display: none;
  }
}
@media (min-width: 360px) {
  .portfolio-slider__team-tech {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .portfolio-slider__team-tech {
    margin: auto 0 0 0;
    padding: 24px 0 0 0;
    background-position: top;
    background-size: 6px 1px;
    background-repeat: repeat-x;
  }
}
.portfolio-slider__team-tech-title {
  margin: 0 0 4px 0;
  pointer-events: all;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7215686275);
}
.portfolio-slider__team-fotos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.portfolio-slider__team-fotos span {
  border: 2px solid #1d1d1f;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
@media (min-width: 1024px) {
  .portfolio-slider__team-fotos span {
    width: 40px;
    height: 40px;
  }
}
.portfolio-slider__team-fotos span + span {
  margin: 0 0 0 -10px;
}
@media (min-width: 1024px) {
  .portfolio-slider__team-fotos span + span {
    margin: 0 0 0 -10px;
  }
}
.portfolio-slider__team-fotos img {
  border-radius: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
.portfolio-slider__team-bg_blue {
  background-color: #dce4f4;
}
.portfolio-slider__team-bg_green {
  background-color: #e8f6cd;
}
.portfolio-slider__team-bg_pink {
  background-color: #f8e5fc;
}
.portfolio-slider__tech-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.portfolio-slider__tech-icons span {
  line-height: 0;
  border: 2px solid #1d1d1f;
  background-color: #1d1d1f;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.portfolio-slider__tech-icons span + span {
  margin: 0 0 0 -10px;
}
.portfolio-slider__tech-icons img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
}
@media (min-width: 1024px) {
  .portfolio-slider__tech-icons img {
    width: 100%;
    height: 100%;
  }
}
.portfolio-slider__tech-icons img + img {
  margin: 0 0 0 -10px;
}
@media (min-width: 1024px) {
  .portfolio-slider__tech-icons img + img {
    margin: 0 0 0 -10px;
  }
}
.portfolio-slider__bottom {
  margin: 24px 0 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  pointer-events: all;
}
@media (min-width: 1024px) {
  .portfolio-slider__bottom {
    margin: 25px 0 0 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1367px) {
  .portfolio-slider__bottom {
    margin: 32px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.portfolio-slider__bottom .btn-text {
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.portfolio-slider__bottom .btn-text svg {
  margin-left: 10px;
}
.portfolio-slider__bottom .btn-text svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.portfolio-slider__bottom .btn-text:hover {
  color: #007aff;
}
.portfolio-slider__bottom .btn-text:hover svg path {
  stroke: #007aff;
  fill: #007aff;
}
.portfolio-slider__nav-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .portfolio-slider__nav-desktop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 67%;
    height: calc(100% - 55px);
  }
}
.portfolio-slider__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (min-width: 1024px) {
  .portfolio-slider__nav {
    display: none;
  }
}
.portfolio-slider__arrow-prev, .portfolio-slider__arrow-next {
  font-size: 0;
  cursor: pointer;
}
.portfolio-slider__arrow-prev svg path, .portfolio-slider__arrow-next svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.portfolio-slider__arrow-prev svg:focus, .portfolio-slider__arrow-next svg:focus {
  outline: none;
}
.portfolio-slider__arrow-prev:hover svg path, .portfolio-slider__arrow-next:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
.portfolio-slider__arrow-prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .portfolio-slider__scrollbar {
    display: none;
  }
}
.portfolio-slider__bg {
  position: absolute;
  bottom: -120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 600px;
  font-size: 0;
}
@media (min-width: 576px) {
  .portfolio-slider__bg {
    width: auto;
    bottom: 0;
  }
}
.portfolio-slider__bg svg {
  width: 100%;
}
@media (min-width: 576px) {
  .portfolio-slider__bg svg {
    width: auto;
  }
}
.portfolio-slider__count {
  border-radius: 10px;
  border: 4px solid #c9daff;
  background-color: #007aff;
  padding: 8px 12px;
  color: white;
  font-size: 18px;
  font-weight: 600;
  display: none;
}
@media (min-width: 1024px) {
  .portfolio-slider__count {
    display: block;
  }
}
.portfolio-slider__tech {
  margin-left: auto;
}

.carusel-scrollbar {
  display: none;
  height: 6px;
  background-color: white;
  border-radius: 6px;
}
.carusel-scrollbar .swiper-scrollbar-drag {
  background: #007aff;
  border-radius: 12px;
  height: 10px;
  top: -2px;
  cursor: pointer;
}
.carusel-scrollbar .swiper-scrollbar-drag span {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: white;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.carusel-scrollbar .swiper-scrollbar-drag span:before, .carusel-scrollbar .swiper-scrollbar-drag span:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: white;
  border-radius: 100%;
  top: 0;
}
.carusel-scrollbar .swiper-scrollbar-drag span:before {
  left: -8px;
}
.carusel-scrollbar .swiper-scrollbar-drag span:after {
  right: -8px;
}

.portfolio-list__item .portfolio-slider__img img {
  -webkit-transition: 1s;
  transition: 1s;
}
.portfolio-list__item:hover .portfolio-slider__img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  .portfolio-list__item {
    border-radius: 30px;
    overflow: hidden;
  }
}

.technology-template-default .portfolio-slider {
  padding-bottom: 40px;
}

.team-carusel {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media (max-width: 1024px) {
  .team-carusel {
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .team-carusel {
    padding-top: 20px;
    padding-bottom: 80px;
  }
}
.team-carusel__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (max-width: 768px) {
  .team-carusel__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.team-carusel__head {
  text-align: left;
  max-width: 556px;
  margin-right: 50px;
  width: 50%;
}
@media (max-width: 768px) {
  .team-carusel__head {
    width: 100%;
    max-width: 100%;
    margin-right: unset;
  }
}
.team-carusel__head .btn-text {
  margin: 24px 0 37px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: #1d1d1f;
  text-decoration: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-carusel__head .btn-text svg {
  margin-left: 14px;
}
.team-carusel__head .btn-text svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-carusel__head .btn-text:hover {
  color: #007aff;
}
.team-carusel__head .btn-text:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
.team-carusel__head .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  margin-bottom: clamp(16px, 2vw, 24px);
}
.team-carusel__head h2 {
  margin-bottom: 24px;
}
.team-carusel__head p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.02px;
  text-align: left;
  color: #565454;
  margin: 0;
}
@media (max-width: 768px) {
  .team-carusel__head p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 22.24px */
  }
}
.team-carusel__carusel {
  max-width: 396.57px;
  position: relative;
}
@media (max-width: 768px) {
  .team-carusel__carusel {
    width: 85%;
  }
}
@media (max-width: 568px) {
  .team-carusel__carusel {
    width: 90%;
  }
}
.team-carusel__carusel .container {
  overflow: hidden;
  padding-bottom: 2px;
}
.team-carusel__carusel .swiper-slide {
  height: auto;
  border-radius: 34px;
}
.team-carusel__item {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #f5f5f7;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  overflow: hidden;
}
.team-carusel__item-img {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
  height: 300px;
  padding-top: 26px;
  position: relative;
}
.team-carusel__item-img .img-wrap {
  height: 100%;
  width: 100%;
}
@media (max-width: 1024px) {
  .team-carusel__item-img .img-wrap {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .team-carusel__item-img .img-wrap {
    width: 90%;
  }
}
@media (min-width: 576px) {
  .team-carusel__item-img {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .team-carusel__item-img {
    height: 300px;
  }
}
@media (min-width: 1024px) {
  .team-carusel__item-img {
    height: 350px;
  }
}
.team-carusel__item-img img {
  margin-top: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .team-carusel__item-img img {
    width: 100%;
    height: 102%;
  }
}
@media (max-width: 768px) {
  .team-carusel__item-img img {
    height: 105%;
  }
}
.team-carusel__item-tech {
  position: absolute;
  bottom: 24px;
  left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
.team-carusel__item-tech .swiper-wrapper {
  padding: 0 !important;
}
.team-carusel__item-tech img {
  border: 2px solid white;
  border-radius: 100px;
  width: 42px;
  height: 42px;
  background: white;
}
@media (max-width: 768px) {
  .team-carusel__item-tech img {
    width: 38px;
    height: 38px;
  }
}
.team-carusel__item-tech img + img {
  margin: 0 0 0 -8px;
}
.team-carusel__item-content {
  margin: 9px;
  padding: 28px;
  background: white;
  border-radius: 30.51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.team-carusel__item-content .btn {
  margin: 24px 0 0 0;
}
@media (min-width: 1024px) {
  .team-carusel__item-content .btn {
    margin: 32px 0 0 0;
  }
}
.team-carusel__item-title {
  color: #1d1d1f;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 2px;
}
@media (min-width: 1024px) {
  .team-carusel__item-title {
    font-size: 24px;
  }
}
.team-carusel__item-position {
  color: #565454;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
@media (min-width: 1024px) {
  .team-carusel__item-position {
    font-size: 16px;
  }
}
.team-carusel__item-projects {
  margin: 16px 0 0 0;
  padding: 16px 0 0 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #c9daff), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #c9daff 30%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 6px 1px;
  background-repeat: repeat-x;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.team-carusel__item-projects-scroll {
  height: 100px;
  padding-right: 15px;
}
.team-carusel__item-projects-title {
  font-size: 12px;
  color: #1d1d1f;
  margin: 0 0 8px 0;
}
.team-carusel__item-projects-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 12px 0;
}
.team-carusel__item-projects-link:last-of-type {
  margin: 0;
}
.team-carusel__item-projects-link a {
  color: #007aff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 14px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.team-carusel__item-projects-link a:hover {
  color: #2d4e98;
}
.team-carusel__item-projects-link img {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 2px solid #e7ecf8;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.team-carusel__item-projects-link span {
  font-size: 14px;
  color: #1d1d1f;
}
.team-carusel__item-projects-time {
  margin-left: auto;
  white-space: nowrap;
}
.team-carusel__scrollbar {
  margin: 24px 0 0 0;
  background-color: #e7ecf8;
}
@media (min-width: 1024px) {
  .team-carusel__scrollbar {
    margin: 32px 0 0 0;
  }
}
.team-carusel__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team-carusel__nav svg {
  cursor: pointer;
}
.team-carusel__nav svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-carusel__nav svg rect {
  fill: #f5f5f7;
}
.team-carusel__nav svg:hover path {
  fill: #007aff;
  stroke: #007aff;
}
@media (min-width: 1024px) {
  .team-carusel__nav_main {
    display: none;
  }
}
.team-carusel__nav-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .team-carusel__nav-desktop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 80%;
  }
}
.team-carusel__nav-desktop .disabled {
  pointer-events: none;
}
.team-carusel__arrow-prev {
  margin-right: 16px;
}
.team-carusel__item-ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 14px;
}
.team-carusel__item-ratings .rating {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14.08px;
  font-weight: 400;
  line-height: 19.57px;
  color: #565454;
}
.team-carusel__item-ratings .rating span {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  color: #1d1d1f;
  padding-left: 4px;
}
.team-carusel__item-ratings .rating_quantity {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
}
.team-carusel .swiper-pagination {
  position: absolute;
  z-index: 0;
  right: -117%;
  top: 50%;
  -webkit-transform: translate(-50%, 0px) rotate(90deg);
          transform: translate(-50%, 0px) rotate(90deg);
  left: unset !important;
  bottom: unset !important;
}
@media (max-width: 768px) {
  .team-carusel .swiper-pagination {
    display: none;
  }
}
.team-carusel .swiper-pagination-bullet {
  background: #1d1d1f;
  opacity: 0.05;
}
.team-carusel .swiper-pagination-bullet-active {
  background: #1d1d1f;
  opacity: 1;
}
@media (max-width: 768px) {
  .team-carusel .team-carusel__navigation {
    margin-top: 16px;
  }
}
.team-carusel__carusel .swiper-slide {
  -webkit-box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.05);
}
.team-carusel__carusel .swiper-wrapper {
  padding: 15px 0;
}
.team-carusel .team-carusel__navigation-tech {
  position: absolute;
  left: 24px;
  bottom: 24px;
}

.single-portfolio .team-carusel {
  padding-top: 16px;
  padding-bottom: 0;
}
.single-portfolio .team-carusel__wrap {
  border-radius: 24px;
  background: white;
  padding: 0 16px 16px;
}
@media (min-width: 1024px) {
  .single-portfolio .team-carusel__wrap {
    padding: 60px 60px 60px 0;
  }
}

.subscription {
  padding: 140px 0 50px;
  position: relative;
}
@media (max-width: 1024px) {
  .subscription {
    padding: 100px 0 40px;
  }
}
@media (max-width: 768px) {
  .subscription {
    padding: 80px 0 40px;
  }
}
@media (max-width: 630px) {
  .subscription {
    padding: 40px 0 40px;
  }
}
.subscription .subscription__head {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 57px;
}
@media (max-width: 630px) {
  .subscription .subscription__head {
    margin: 0 auto 24px;
  }
}
.subscription .subscription__head .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0 0 24px;
}
@media (max-width: 630px) {
  .subscription .subscription__head .title_h2 > * {
    margin: 0 auto 25px;
  }
}
.subscription .subscription__head .lines::after {
  right: unset;
  position: absolute;
  left: -53px;
  top: -29px;
  -webkit-transform: rotate(229deg);
          transform: rotate(229deg);
}
@media (max-width: 960px) {
  .subscription .subscription__head .lines::after {
    left: -70px;
  }
}
@media (max-width: 768px) {
  .subscription .subscription__head .lines::after {
    left: -37px;
    top: -22px;
    background-size: 32px;
  }
}
.subscription .subscription__head h2 {
  margin: 0 0 24px;
}
@media (max-width: 630px) {
  .subscription .subscription__head h2 {
    margin: 0 auto 25px;
  }
}
.subscription .subscription__head .head-subtitle {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.02px;
  text-align: center;
  color: #565454;
  margin: 0;
}
@media (max-width: 768px) {
  .subscription .subscription__head .head-subtitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 22.24px */
  }
}
.subscription .team-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1164px;
  margin: 0 auto;
  border-radius: 30px;
}
@media (max-width: 630px) {
  .subscription .team-selection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.subscription .technology-wrap {
  background: white;
  padding-left: clamp(20px, 5vw, 77px);
  padding-right: clamp(20px, 5vw, 40px);
  padding-top: clamp(20px, 5vw, 80px);
  padding-bottom: clamp(20px, 5vw, 80px);
  max-width: 690px;
  width: 100%;
  border-radius: 30px 0 0 30px;
}
@media (max-width: 990px) {
  .subscription .technology-wrap {
    width: 52%;
  }
}
@media (max-width: 630px) {
  .subscription .technology-wrap {
    width: 100%;
    border-radius: 30px 30px 0 0;
  }
}
.subscription .technology-wrap .technology-block_h2,
.subscription .technology-wrap h2 {
  text-align: left;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.subscription .technology-wrap .technology-block_h2 .tooltip,
.subscription .technology-wrap h2 .tooltip {
  margin-left: 9px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.subscription .technology-wrap .technology-block_h2 .tooltip svg,
.subscription .technology-wrap h2 .tooltip svg {
  opacity: 0.3;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.subscription .technology-wrap .technology-block_h2 .tooltip-text,
.subscription .technology-wrap h2 .tooltip-text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.0784313725);
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.68px;
  text-align: center;
  padding: 5px 12px;
  border-radius: 8px;
  background-color: white;
  z-index: 1;
  max-width: 400px;
  min-width: 400px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 768px) {
  .subscription .technology-wrap .technology-block_h2 .tooltip-text,
  .subscription .technology-wrap h2 .tooltip-text {
    min-width: 310px;
    left: -222%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media (max-width: 350px) {
  .subscription .technology-wrap .technology-block_h2 .tooltip-text,
  .subscription .technology-wrap h2 .tooltip-text {
    min-width: 275px;
    left: -256%;
  }
}
.subscription .technology-wrap .technology-block_h2 .tooltip-text:after,
.subscription .technology-wrap h2 .tooltip-text:after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: white;
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(43deg);
          transform: translate(-50%, 0) rotate(43deg);
  z-index: -1;
}
@media (max-width: 768px) {
  .subscription .technology-wrap .technology-block_h2 .tooltip-text:after,
  .subscription .technology-wrap h2 .tooltip-text:after {
    left: 65%;
  }
}
@media (max-width: 350px) {
  .subscription .technology-wrap .technology-block_h2 .tooltip-text:after,
  .subscription .technology-wrap h2 .tooltip-text:after {
    left: 70%;
  }
}
.subscription .technology-wrap .technology-block_h2 .tooltip:hover svg,
.subscription .technology-wrap h2 .tooltip:hover svg {
  opacity: 1;
}
.subscription .technology-wrap .technology-block_h2 .tooltip:hover .tooltip-text,
.subscription .technology-wrap h2 .tooltip:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}
.subscription .technology-wrap .technology-block_h3,
.subscription .technology-wrap h3 {
  margin: 0 0 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14.08px;
  font-weight: 400;
  line-height: 19.57px;
  text-align: left;
  color: #565454;
}
.subscription .technology-wrap .options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.subscription .technology-wrap .options div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 990px) {
  .subscription .technology-wrap .options {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }
}
.subscription .technology-wrap .options button,
.subscription .technology-wrap .options a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  border: 2px solid #f5f5f7;
  color: #1d1d1f;
  padding: 24px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscription .technology-wrap .options button .check-bg,
.subscription .technology-wrap .options button .check,
.subscription .technology-wrap .options a .check-bg,
.subscription .technology-wrap .options a .check {
  opacity: 0;
}
@media (max-width: 990px) {
  .subscription .technology-wrap .options button,
  .subscription .technology-wrap .options a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 16px;
  }
}
.subscription .technology-wrap .options button:hover, .subscription .technology-wrap .options button.active, .subscription .technology-wrap .options button:target, .subscription .technology-wrap .options button:focus, .subscription .technology-wrap .options button:active,
.subscription .technology-wrap .options a:hover,
.subscription .technology-wrap .options a.active,
.subscription .technology-wrap .options a:target,
.subscription .technology-wrap .options a:focus,
.subscription .technology-wrap .options a:active {
  border: 2px solid #007aff;
}
.subscription .technology-wrap .options button.active .check-bg,
.subscription .technology-wrap .options button.active .check,
.subscription .technology-wrap .options a.active .check-bg,
.subscription .technology-wrap .options a.active .check {
  opacity: 1;
}
.subscription .technology-wrap .options button img,
.subscription .technology-wrap .options a img {
  margin-right: 12px;
}
@media (max-width: 990px) {
  .subscription .technology-wrap .options button img,
  .subscription .technology-wrap .options a img {
    margin-right: 8px;
    margin-bottom: 0;
  }
}
.subscription .technology-wrap .options button span,
.subscription .technology-wrap .options a span {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.68px;
  color: #565454;
}
.subscription .technology-wrap .team-size {
  margin-top: 36px;
}
.subscription .technology-wrap .team-size .team-size_h3 {
  margin: 0 0 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14.08px;
  font-weight: 400;
  line-height: 19.57px;
  text-align: left;
  color: #565454;
}
.subscription .technology-wrap .team-size .options {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 990px) {
  .subscription .technology-wrap .team-size .options {
    grid-template-columns: repeat(2, 1fr);
  }
}
.subscription .technology-wrap .team-size .options button,
.subscription .technology-wrap .team-size .options > a {
  position: relative;
}
.subscription .technology-wrap .team-size .options button .step-form__projects-item-info,
.subscription .technology-wrap .team-size .options > a .step-form__projects-item-info {
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .subscription .technology-wrap .team-size .options button .step-form__projects-item-info,
  .subscription .technology-wrap .team-size .options > a .step-form__projects-item-info {
    display: block;
  }
}
@media (min-width: 1024px) {
  .subscription .technology-wrap .team-size .options button .step-form__projects-item-info,
  .subscription .technology-wrap .team-size .options > a .step-form__projects-item-info {
    top: 10px;
    right: 10px;
  }
}
.subscription .technology-wrap .team-size .options button .step-form__projects-item-info .step-form__projects-item-info-popup,
.subscription .technology-wrap .team-size .options > a .step-form__projects-item-info .step-form__projects-item-info-popup {
  width: 220px;
  white-space: normal;
  bottom: 40px;
  right: -105px;
}
@media (min-width: 1024px) {
  .subscription .technology-wrap .team-size .options button .step-form__projects-item-info .step-form__projects-item-info-popup,
  .subscription .technology-wrap .team-size .options > a .step-form__projects-item-info .step-form__projects-item-info-popup {
    right: -85px;
  }
}
.subscription .technology-wrap .team-size .options button .step-form__projects-item-info .step-form__projects-item-info-popup::after,
.subscription .technology-wrap .team-size .options > a .step-form__projects-item-info .step-form__projects-item-info-popup::after {
  left: 47%;
}
@media (min-width: 1024px) {
  .subscription .technology-wrap .team-size .options button .step-form__projects-item-info .step-form__projects-item-info-popup::after,
  .subscription .technology-wrap .team-size .options > a .step-form__projects-item-info .step-form__projects-item-info-popup::after {
    left: 57%;
  }
}
.subscription .technology-wrap .team-size .options button,
.subscription .technology-wrap .team-size .options a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscription .technology-wrap .team-size .options button svg,
.subscription .technology-wrap .team-size .options a svg {
  margin-bottom: 8px;
}
.subscription .price-wrap {
  background: #007aff;
  color: white;
  max-width: 474px;
  width: 42%;
  padding-left: clamp(20px, 5vw, 77px);
  padding-right: clamp(20px, 5vw, 77px);
  padding-top: clamp(20px, 5vw, 80px);
  padding-bottom: clamp(20px, 5vw, 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 30px 30px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 990px) {
  .subscription .price-wrap {
    width: 48%;
  }
}
@media (max-width: 630px) {
  .subscription .price-wrap {
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 30px 30px;
  }
}
.subscription .price-wrap h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 0 0 16px;
}
.subscription .price-wrap p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  text-align: left;
  margin: 0 0 32px;
}
.subscription .price-wrap .total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
}
.subscription .price-wrap .total-price .total-price_h3,
.subscription .price-wrap .total-price h3 {
  font-size: 18px;
}
.subscription .price-wrap .total-price span {
  margin-left: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
}
.subscription .price-wrap .total-price sub {
  bottom: -0.6em;
  left: 3px;
  font-size: 56%;
}
.subscription .price-wrap #book-team {
  background: white;
  width: 100%;
  padding: 19px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1d1d1f;
}
.subscription .price-wrap #book-team:hover {
  color: #007aff;
}
.subscription .price-wrap .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.68px;
  text-align: left;
  margin-bottom: 24px;
}
@media (max-width: 630px) {
  .subscription .price-wrap .info {
    margin-bottom: 32px;
  }
}
.subscription .price-wrap .info svg {
  margin-right: 9px;
  margin-top: -1px;
  min-width: 18px;
}
.subscription .bottom_text {
  margin-top: auto;
}
.subscription .bottom_text P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.subscription .bottom_text P img {
  margin-right: 8px;
}
.subscription .bottom_text P:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .subscription .bottom_text P {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    line-height: 139%; /* 16.68px */
  }
}
.subscription .frame_center {
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.subscription .container {
  position: relative;
  z-index: 1;
}
.subscription .team-size-landing .technology-wrap {
  background: #f5f5f7;
}
.subscription .team-size-landing .technology-wrap_white {
  background: white;
}
@media (max-width: 580px) {
  .subscription .team-size-landing .technology-wrap {
    padding-right: 0;
    padding-bottom: 15px;
  }
}
.subscription .team-size-landing .team-size {
  margin-top: 0;
}
.subscription .team-size-landing .team-size .team-size_h2,
.subscription .team-size-landing .team-size h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 420px;
}
@media (max-width: 990px) {
  .subscription .team-size-landing .team-size .team-size_h2,
  .subscription .team-size-landing .team-size h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    letter-spacing: -0.02em;
  }
}
.subscription .team-size-landing .team-size .team-size_h3,
.subscription .team-size-landing .team-size h3 {
  color: #1d1d1f;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
}
@media (max-width: 990px) {
  .subscription .team-size-landing .team-size .team-size_h3,
  .subscription .team-size-landing .team-size h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
}
.subscription .team-size-landing .team-size .options {
  grid-template-columns: repeat(2, 1fr);
  max-width: 536px;
}
@media (max-width: 580px) {
  .subscription .team-size-landing .team-size .options {
    grid-template-columns: repeat(4, 1fr);
    overflow-x: auto;
    padding-bottom: 12px;
  }
}
.subscription .team-size-landing .team-size .options::-webkit-scrollbar-thumb {
  background: #007aff;
}
.subscription .team-size-landing .team-size .options::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.subscription .team-size-landing .team-size .options::-webkit-scrollbar-track {
  background: transparent;
}
.subscription .team-size-landing .team-size .options a,
.subscription .team-size-landing .team-size .options button {
  padding: 28px 11px;
}
@media (min-width: 1024px) {
  .subscription .team-size-landing .team-size .options a > br,
  .subscription .team-size-landing .team-size .options button > br {
    display: none;
  }
}
@media (max-width: 580px) {
  .subscription .team-size-landing .team-size .options a,
  .subscription .team-size-landing .team-size .options button {
    min-width: 160px;
    height: 130px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px 11px;
  }
  .subscription .team-size-landing .team-size .options a svg,
  .subscription .team-size-landing .team-size .options button svg {
    margin-bottom: 3px;
    width: 28px;
    height: 25px;
  }
}
@media (max-width: 990px) {
  .subscription .team-size-landing .team-size .options a span,
  .subscription .team-size-landing .team-size .options button span {
    display: none;
  }
}
.subscription .team-size-landing .team-size .options a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 580px) {
  .subscription .team-size-landing .team-size .options a {
    margin-right: 15px;
  }
}
.subscription .team-size-landing .price-wrap {
  width: 100%;
}
@media (max-width: 990px) {
  .subscription .team-size-landing .price-wrap {
    width: 48%;
  }
}
@media (max-width: 630px) {
  .subscription .team-size-landing .price-wrap {
    width: 100%;
  }
}
.subscription .technology-wrap .technology-block .options button {
  padding: 24px;
}

.technology-template-default .subscription {
  padding-top: 60px;
}

.page-template-page-template-landing-startup .subscription {
  padding: 0px 0 50px;
}

.single-portfolio .portfolio-slider,
.portfolio-grid {
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .single-portfolio .portfolio-slider,
  .portfolio-grid {
    margin: 140px 0;
    margin-top: 90px;
  }
}
.single-portfolio .portfolio-slider__list,
.portfolio-grid__list {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 40px;
}
.single-portfolio .portfolio-slider__item,
.portfolio-grid__item {
  display: grid;
  grid-template-columns: 100%;
  border-radius: 30px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .single-portfolio .portfolio-slider__item,
  .portfolio-grid__item {
    grid-template-columns: 2fr 1fr;
  }
}
.single-portfolio .portfolio-slider__item:nth-child(even),
.portfolio-grid__item:nth-child(even) {
  grid-template-columns: 100%;
}
@media (min-width: 1024px) {
  .single-portfolio .portfolio-slider__item:nth-child(even),
  .portfolio-grid__item:nth-child(even) {
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 1024px) {
  .single-portfolio .portfolio-slider__item:nth-child(even) .portfolio-slider__info,
  .portfolio-grid__item:nth-child(even) .portfolio-slider__info {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.single-portfolio .portfolio-slider__item .portfolio-slider__img_desk,
.portfolio-grid__item .portfolio-slider__img_desk {
  overflow: hidden;
}
.single-portfolio .portfolio-slider__item .portfolio-slider__img_mob img,
.portfolio-grid__item .portfolio-slider__img_mob img {
  max-height: inherit;
}
.single-portfolio .portfolio-slider__item .portfolio-slider__info,
.portfolio-grid__item .portfolio-slider__info {
  background-color: white;
  border-radius: 0;
}
.single-portfolio .portfolio-slider__item .portfolio-slider__img,
.portfolio-grid__item .portfolio-slider__img {
  border-radius: 0;
}
@media (max-width: 1024px) {
  .single-portfolio .portfolio-slider .portfolio-slider__team-tech,
  .portfolio-grid .portfolio-slider__team-tech {
    margin-top: 24px;
  }
}
.single-portfolio .portfolio-slider .portfolio-slider__title a,
.portfolio-grid .portfolio-slider__title a {
  color: #1d1d1f;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 768px) {
  .single-portfolio .portfolio-slider .portfolio-slider__title a,
  .portfolio-grid .portfolio-slider__title a {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.48px;
  }
}
.single-portfolio .portfolio-slider .portfolio-slider__text,
.portfolio-grid .portfolio-slider__text {
  color: #565454;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 22.24px */
}
.single-portfolio .portfolio-slider .portfolio-slider__time-item span,
.portfolio-grid .portfolio-slider__time-item span {
  color: #1d1d1f;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media (max-width: 768px) {
  .single-portfolio .portfolio-slider .portfolio-slider__time-item span,
  .portfolio-grid .portfolio-slider__time-item span {
    font-size: 24px;
  }
}
.single-portfolio .portfolio-slider .portfolio-slider__time-item span sup,
.portfolio-grid .portfolio-slider__time-item span sup {
  display: none;
}
.single-portfolio .portfolio-slider .portfolio-slider__time-item,
.portfolio-grid .portfolio-slider__time-item {
  color: #565454;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.single-portfolio .portfolio-slider .portfolio-slider__team-tech-title,
.portfolio-grid .portfolio-slider__team-tech-title {
  color: #1d1d1f;
}
.single-portfolio .portfolio-slider .portfolio-slider__team-fotos span,
.single-portfolio .portfolio-slider .portfolio-slider__tech-icons span,
.portfolio-grid .portfolio-slider__team-fotos span,
.portfolio-grid .portfolio-slider__tech-icons span {
  border: 2px solid #f5f5f7;
}

.page-numbers-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin: 40px 0;
}
.page-numbers-pagination .page-numbers {
  color: #1d1d1f;
  text-decoration: none;
  padding: 5px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 122.222% */
  letter-spacing: 0.36px;
}
.page-numbers-pagination .page-numbers.current {
  color: #007aff;
}
.page-numbers-pagination .next {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='56' y='56' width='56' height='56' rx='28' transform='rotate(-180 56 56)' fill='white'/%3E%3Cpath d='M24.9765 20.548L24.9766 20.5481C25.1858 20.3486 25.4638 20.2374 25.7529 20.2374C26.0419 20.2374 26.3198 20.3486 26.529 20.548L24.9765 20.548ZM24.9765 20.548L24.9681 20.5564L24.9644 20.5601C24.8612 20.6595 24.7789 20.7786 24.7223 20.9103L24.7223 20.9103C24.6648 21.0443 24.6351 21.1885 24.6351 21.3344C24.6351 21.4802 24.6648 21.6245 24.7223 21.7584L25.1795 21.5622L24.7223 21.7584C24.7798 21.8923 24.8638 22.013 24.9693 22.1134C24.9695 22.1135 24.9696 22.1136 24.9697 22.1137L31.1492 28.0012L24.9697 33.8862C24.864 33.9867 24.7798 34.1075 24.7223 34.2415L25.1818 34.4388L24.7223 34.2415C24.6648 34.3755 24.6351 34.5198 24.6351 34.6656C24.6351 34.8114 24.6648 34.9557 24.7223 35.0897L24.7223 35.0897C24.7789 35.2214 24.8612 35.3404 24.9644 35.4399L24.9681 35.4435L24.968 35.4436L24.9766 35.4519C25.1858 35.6513 25.4638 35.7626 25.7529 35.7626C26.0419 35.7626 26.3198 35.6514 26.529 35.452C26.5291 35.4519 26.5291 35.4519 26.5291 35.4519L33.4953 28.8145C33.6055 28.7094 33.6933 28.583 33.7533 28.443C33.8133 28.303 33.8442 28.1523 33.8442 28C33.8442 27.8477 33.8133 27.6969 33.7533 27.5569L33.2955 27.7531L33.7533 27.5569C33.6933 27.4169 33.6055 27.2906 33.4953 27.1855C33.4953 27.1855 33.4953 27.1855 33.4953 27.1855L26.5291 20.5481L24.9765 20.548Z' fill='%231D1D1F' stroke='%231D1D1F'/%3E%3C/svg%3E%0A");
}
.page-numbers-pagination .prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='56' y='56' width='56' height='56' rx='28' transform='rotate(-180 56 56)' fill='white'/%3E%3Cpath d='M24.9765 20.548L24.9766 20.5481C25.1858 20.3486 25.4638 20.2374 25.7529 20.2374C26.0419 20.2374 26.3198 20.3486 26.529 20.548L24.9765 20.548ZM24.9765 20.548L24.9681 20.5564L24.9644 20.5601C24.8612 20.6595 24.7789 20.7786 24.7223 20.9103L24.7223 20.9103C24.6648 21.0443 24.6351 21.1885 24.6351 21.3344C24.6351 21.4802 24.6648 21.6245 24.7223 21.7584L25.1795 21.5622L24.7223 21.7584C24.7798 21.8923 24.8638 22.013 24.9693 22.1134C24.9695 22.1135 24.9696 22.1136 24.9697 22.1137L31.1492 28.0012L24.9697 33.8862C24.864 33.9867 24.7798 34.1075 24.7223 34.2415L25.1818 34.4388L24.7223 34.2415C24.6648 34.3755 24.6351 34.5198 24.6351 34.6656C24.6351 34.8114 24.6648 34.9557 24.7223 35.0897L24.7223 35.0897C24.7789 35.2214 24.8612 35.3404 24.9644 35.4399L24.9681 35.4435L24.968 35.4436L24.9766 35.4519C25.1858 35.6513 25.4638 35.7626 25.7529 35.7626C26.0419 35.7626 26.3198 35.6514 26.529 35.452C26.5291 35.4519 26.5291 35.4519 26.5291 35.4519L33.4953 28.8145C33.6055 28.7094 33.6933 28.583 33.7533 28.443C33.8133 28.303 33.8442 28.1523 33.8442 28C33.8442 27.8477 33.8133 27.6969 33.7533 27.5569L33.2955 27.7531L33.7533 27.5569C33.6933 27.4169 33.6055 27.2906 33.4953 27.1855C33.4953 27.1855 33.4953 27.1855 33.4953 27.1855L26.5291 20.5481L24.9765 20.548Z' fill='%231D1D1F' stroke='%231D1D1F'/%3E%3C/svg%3E%0A");
}
.page-numbers-pagination .next,
.page-numbers-pagination .prev {
  font-size: 0;
  width: 56px;
  height: 56px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-numbers-pagination .next:hover,
.page-numbers-pagination .prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='56' y='56' width='56' height='56' rx='28' transform='rotate(-180 56 56)' fill='white'/%3E%3Cpath d='M24.9765 20.548L24.9766 20.5481C25.1858 20.3486 25.4638 20.2374 25.7529 20.2374C26.0419 20.2374 26.3198 20.3486 26.529 20.548L24.9765 20.548ZM24.9765 20.548L24.9681 20.5564L24.9644 20.5601C24.8612 20.6595 24.7789 20.7786 24.7223 20.9103L24.7223 20.9103C24.6648 21.0443 24.6351 21.1885 24.6351 21.3344C24.6351 21.4802 24.6648 21.6245 24.7223 21.7584L25.1795 21.5622L24.7223 21.7584C24.7798 21.8923 24.8638 22.013 24.9693 22.1134C24.9695 22.1135 24.9696 22.1136 24.9697 22.1137L31.1492 28.0012L24.9697 33.8862C24.864 33.9867 24.7798 34.1075 24.7223 34.2415L25.1818 34.4388L24.7223 34.2415C24.6648 34.3755 24.6351 34.5198 24.6351 34.6656C24.6351 34.8114 24.6648 34.9557 24.7223 35.0897L24.7223 35.0897C24.7789 35.2214 24.8612 35.3404 24.9644 35.4399L24.9681 35.4435L24.968 35.4436L24.9766 35.4519C25.1858 35.6513 25.4638 35.7626 25.7529 35.7626C26.0419 35.7626 26.3198 35.6514 26.529 35.452C26.5291 35.4519 26.5291 35.4519 26.5291 35.4519L33.4953 28.8145C33.6055 28.7094 33.6933 28.583 33.7533 28.443C33.8133 28.303 33.8442 28.1523 33.8442 28C33.8442 27.8477 33.8133 27.6969 33.7533 27.5569L33.2955 27.7531L33.7533 27.5569C33.6933 27.4169 33.6055 27.2906 33.4953 27.1855C33.4953 27.1855 33.4953 27.1855 33.4953 27.1855L26.5291 20.5481L24.9765 20.548Z' fill='%23007AFF' stroke='%23007AFF'/%3E%3C/svg%3E%0A");
}

.single-portfolio .portfolio-slider {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 80px;
}
@media (min-width: 1024px) {
  .single-portfolio .portfolio-slider {
    margin-top: 140px;
  }
}
.single-portfolio .portfolio-slider .portfolio-slider__head .title_h2 > * {
  color: #1d1d1f;
  margin-top: 0;
}
.single-portfolio .portfolio-slider__info {
  background-color: white;
}
.single-portfolio .portfolio-slider .portfolio-slider__bottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (min-width: 1024px) {
  .single-portfolio .portfolio-slider .portfolio-slider__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.single-portfolio .portfolio-slider .portfolio-slider__bottom .btn-text {
  color: #1d1d1f;
}
.single-portfolio .portfolio-slider .portfolio-slider__bottom .btn-text svg path {
  fill: #1d1d1f;
  stroke: #1d1d1f;
}
.single-portfolio .portfolio-slider .portfolio-slider__bottom .btn-text:hover {
  color: #007aff;
}
.single-portfolio .portfolio-slider .portfolio-slider__bottom .btn-text:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
.single-portfolio .portfolio-slider .portfolio-slider__nav svg rect {
  fill: white;
  fill-opacity: 1;
}
.single-portfolio .portfolio-slider .portfolio-slider__nav svg path {
  fill: #1d1d1f;
  stroke: #1d1d1f;
}
.single-portfolio .portfolio-slider .portfolio-slider__nav svg:hover path {
  fill: #007aff;
  stroke: #007aff;
}

.portfolio-tiles .portfolio-grid__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.portfolio-tiles .portfolio-grid__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px 30px 44px 30px;
  min-height: unset;
  max-height: 800px;
  width: 100%;
}
.portfolio-tiles .portfolio-grid__item:first-child {
  max-width: 810px;
  margin-bottom: 122px;
}
@media (max-width: 1440px) {
  .portfolio-tiles .portfolio-grid__item:first-child {
    max-width: 56vw;
  }
}
.portfolio-tiles .portfolio-grid__item:nth-child(2) {
  max-width: 558px;
  max-height: 536px;
  margin-bottom: 75px;
}
@media (max-width: 1440px) {
  .portfolio-tiles .portfolio-grid__item:nth-child(2) {
    max-width: 36vw;
  }
}
.portfolio-tiles .portfolio-grid__item:nth-child(3) {
  max-width: 684px;
  max-height: 620px;
  margin-bottom: 75px;
}
@media (max-width: 1440px) {
  .portfolio-tiles .portfolio-grid__item:nth-child(3) {
    max-width: 46vw;
  }
}
.portfolio-tiles .portfolio-grid__item:nth-child(4) {
  max-width: 684px;
  max-height: 620px;
  margin-bottom: 120px;
}
@media (max-width: 1440px) {
  .portfolio-tiles .portfolio-grid__item:nth-child(4) {
    max-width: 47vw;
  }
}
.portfolio-tiles .portfolio-grid__item:nth-child(5) {
  max-width: 558px;
  max-height: 536px;
}
@media (max-width: 1440px) {
  .portfolio-tiles .portfolio-grid__item:nth-child(5) {
    max-width: 36vw;
  }
}
.portfolio-tiles .portfolio-grid__item:nth-child(6) {
  max-width: 810px;
  margin-bottom: 56px;
}
@media (max-width: 1440px) {
  .portfolio-tiles .portfolio-grid__item:nth-child(6) {
    max-width: 57vw;
  }
}
@media (max-width: 1024px) {
  .portfolio-tiles .portfolio-grid__item {
    max-width: 100vw !important;
    margin: 0 !important;
    max-height: 600px !important;
    border-radius: 24px 24px 36px 24px;
  }
}
.portfolio-tiles .portfolio-grid__item img {
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
@media (max-width: 1024px) {
  .portfolio-tiles .portfolio-grid__item img {
    aspect-ratio: 1/1;
  }
}
.portfolio-tiles .portfolio-grid__item:hover img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.portfolio-tiles .portfolio-slider__img {
  background: white;
  overflow: hidden;
  min-height: unset;
  max-height: unset;
  width: 100%;
}
.portfolio-tiles .portfolio-slider__time {
  margin: 0;
  padding: 0;
}
.portfolio-tiles .portfolio-slider__time-item span {
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.02em;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.portfolio-tiles .portfolio-slider__time-item {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .portfolio-tiles .portfolio-slider__time-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.68px;
    white-space: nowrap;
  }
}
.portfolio-tiles .portfolio-slider__time-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .portfolio-tiles .portfolio-slider__time-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.portfolio-tiles .portfolio-slider__time-grid div:first-child {
  padding-left: 0;
}
.portfolio-tiles .portfolio-slider__title,
.portfolio-tiles .portfolio-slider__title a {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
  margin-top: 35px;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .portfolio-tiles .portfolio-slider__title,
  .portfolio-tiles .portfolio-slider__title a {
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
  }
}
.portfolio-tiles .portfolio-slider__title:hover,
.portfolio-tiles .portfolio-slider__title a:hover {
  color: #007aff;
}
.portfolio-tiles .portfolio-slider__title a:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00033 4.50033H4.00033C3.6467 4.50033 3.30756 4.6408 3.05752 4.89085C2.80747 5.1409 2.66699 5.48004 2.66699 5.83366V12.5003C2.66699 12.8539 2.80747 13.1931 3.05752 13.4431C3.30756 13.6932 3.6467 13.8337 4.00033 13.8337H10.667C11.0206 13.8337 11.3598 13.6932 11.6098 13.4431C11.8598 13.1931 12.0003 12.8539 12.0003 12.5003V8.50033M7.33366 9.16699L13.3337 3.16699M13.3337 3.16699H10.0003M13.3337 3.16699V6.50033' stroke='%231D1D1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  margin-left: 10px;
  position: relative;
  top: -5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.portfolio-tiles .portfolio-slider__title a:hover:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99984 4.49996H3.99984C3.64622 4.49996 3.30708 4.64044 3.05703 4.89048C2.80698 5.14053 2.6665 5.47967 2.6665 5.83329V12.5C2.6665 12.8536 2.80698 13.1927 3.05703 13.4428C3.30708 13.6928 3.64622 13.8333 3.99984 13.8333H10.6665C11.0201 13.8333 11.3593 13.6928 11.6093 13.4428C11.8594 13.1927 11.9998 12.8536 11.9998 12.5V8.49996M7.33317 9.16663L13.3332 3.16663M13.3332 3.16663H9.99984M13.3332 3.16663V6.49996' stroke='%23007aff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.portfolio-tiles .portfolio-slider__info {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 8px;
  border-radius: 28px 28px 36px 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-height: 177px;
  min-height: 177px;
  width: 100%;
  left: 50%;
  background: unset;
  -webkit-transform: translate(-50%, 15%);
          transform: translate(-50%, 15%);
  opacity: 0;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  padding: 24px;
}
@media (max-width: 360px) {
  .portfolio-tiles .portfolio-slider__info {
    padding: 12px;
  }
}
.portfolio-tiles .portfolio-slider__info-wrap-bg {
  width: 80px;
  height: 80px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 99px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.portfolio-tiles .portfolio-slider__info-wrap {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 8px;
  overflow: hidden;
  left: 0;
  right: 8px;
  padding: 24px 40px 24px 24px;
  border-radius: 28px 28px 36px 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-height: 177px;
  min-height: 177px;
  width: calc(100% - 16px);
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}
@media (max-width: 1024px) {
  .portfolio-tiles .portfolio-slider__info-wrap {
    padding: 20px 20px 24px;
    max-height: 150px;
    min-height: 150px;
  }
}
.portfolio-tiles .portfolio-slider__info-wrap.active {
  opacity: 1;
  visibility: visible;
}
.portfolio-tiles .portfolio-slider__info-wrap.active .portfolio-slider__info {
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  opacity: 1;
  -webkit-transition: 0.65s;
  transition: 0.65s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.portfolio-tiles .portfolio-slider__info-wrap.active .portfolio-slider__info-wrap-bg {
  width: 100%;
  height: 100%;
  border-radius: 28px 28px 36px 28px;
}
.portfolio-tiles .hover-btn {
  position: absolute;
  right: 8px;
  bottom: 8px;
  border-radius: 99px;
  background: white;
  z-index: 1;
}
@media (max-width: 1024px) {
  .portfolio-tiles .hover-btn {
    width: 56px;
    height: 56px;
  }
  .portfolio-tiles .hover-btn path {
    stroke-width: 2;
  }
}
.portfolio-tiles .hover-btn .hovered {
  display: none;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(30%, 30%);
          transform: translate(30%, 30%);
}
.portfolio-tiles .hover-btn.active path {
  display: none;
}
.portfolio-tiles .hover-btn.active .hovered {
  display: block;
}
.portfolio-tiles .page-numbers-pagination {
  margin-top: 32px;
}

.team-filter {
  padding: 80px 0 96px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-position: center 215px;
  background-attachment: fixed;
  background-size: cover;
}
@media (max-width: 768px) {
  .team-filter {
    overflow: hidden;
  }
}
.team-filter__bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.team-filter__head {
  text-align: center;
  position: relative;
  z-index: 3;
  margin-bottom: clamp(30px, 5vw, 98px);
}
.team-filter__head svg {
  position: absolute;
  top: -80px;
  z-index: -1;
}
@media (max-width: 768px) {
  .team-filter__head svg {
    display: none;
  }
}
.team-filter__head svg:first-child {
  left: 0;
}
.team-filter__head svg:nth-child(2) {
  right: 0;
}
.team-filter__wrap {
  grid-template-columns: 1fr 3fr;
  /* grid-gap: 100px; */
  display: grid;
}
@media (max-width: 1024px) {
  .team-filter__wrap {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media (max-width: 768px) {
  .team-filter__wrap {
    display: block;
  }
}
.team-filter__subtitle {
  color: #007aff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
.team-filter__title {
  color: #1d1d1f;
  margin-top: 9px;
}
@media (max-width: 768px) {
  .team-filter__title {
    margin-top: 0 !important;
  }
}
@media (max-width: 1024px) {
  .team-filter .team-carusel-filter_js {
    max-width: 396.57px;
    position: relative;
    width: 85%;
    margin: 0 auto;
  }
}
.team-filter .swiper-wrapper {
  padding: 0;
}
@media (max-width: 768px) {
  .team-filter .swiper-wrapper {
    padding: 15px 0;
  }
}
@media (min-width: 1025px) {
  .team-filter .swiper-wrapper {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1224px) {
  .team-filter .swiper-wrapper {
    grid-gap: 16px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .team-filter .carusel-scrollbar {
    display: none;
  }
}
.team-filter .carusel-scrollbar .swiper-scrollbar-drag {
  border: 1px solid #fff;
}
.team-filter .team-carusel__carusel {
  display: none;
  -webkit-animation: tab-of-animation 0.3s linear;
          animation: tab-of-animation 0.3s linear;
  position: relative;
  z-index: 3;
}
.team-filter .team-carusel__carusel._active {
  display: block;
}
.team-filter__filter-wrap {
  border-radius: 30px;
  padding: 24px;
  background: #f5f5f7;
  position: sticky;
  top: 16px;
  margin-bottom: 55px;
}
@media (max-width: 950px) {
  .team-filter__filter-wrap {
    padding: 20px 15px;
  }
}
@media (max-width: 768px) {
  .team-filter__filter-wrap {
    margin-bottom: 25px;
    padding: 24px;
  }
}
.team-filter__filter {
  text-align: center;
  margin: 0 16px 0 0;
  position: relative;
  z-index: 3;
}
@media (max-width: 768px) {
  .team-filter__filter {
    margin: 0;
  }
}
.team-filter__filter-links {
  gap: 8px;
}
.team-filter__filter-title {
  color: #007aff;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  margin-bottom: 8px;
}
.team-filter__filter-link {
  color: #1d1d1f;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.team-filter__filter-link._active {
  background-color: white;
}
.team-filter__filter-link span {
  color: #565454;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.team-filter__btn {
  text-align: center;
  margin: 48px 0 0 0;
  position: relative;
  z-index: 3;
}
.team-filter__btn .btn {
  border: 4px solid rgba(190, 209, 251, 0.32);
}
@media (min-width: 768px) {
  .team-filter__btn .btn {
    width: 410px;
  }
}
.team-filter .team-carusel__carusel {
  max-width: unset;
}
.team-filter .team-carusel__item {
  border-radius: 30px;
  background: #ECECF1;
}
.team-filter .team-carusel__item-content {
  border-radius: 26px;
  margin: 8px;
}
@media (min-width: 1024px) {
  .team-filter .team-carusel__item-img > img {
    width: 100%;
    height: 90%;
  }
}
.team-filter .show-more {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .team-filter .show-more {
    display: none;
  }
}
.team-filter .show-more:hover {
  color: #007aff;
}
.team-filter .show-more:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
.team-filter .show-more svg {
  margin-left: 12px;
}
.team-filter .show-more svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-filter .hidden {
  display: none;
  -webkit-animation: tab-of-animation 0.3s linear;
          animation: tab-of-animation 0.3s linear;
}
@media (max-width: 768px) {
  .team-filter .hidden {
    display: none;
  }
}
.team-filter .show {
  display: block;
}
@media (max-width: 768px) {
  .team-filter .team-carusel__carusel {
    width: 100%;
    overflow: hidden;
  }
}

@-webkit-keyframes tab-of-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes tab-of-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.team-carusel__item-tech {
  width: 122px;
  overflow: hidden;
  border-radius: 99px;
}
.team-carusel__item-tech .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0;
}
.team-carusel__item-tech .swiper-wrapper .swiper-slide {
  width: 46px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-right: -8px;
}
.team-carusel__item-tech .swiper-wrapper .swiper-slide svg {
  height: 46px;
  width: 46px;
}

.team-carusel__item-tech.swiper-initialized .swiper-slide {
  margin-right: unset;
}
.team-carusel__item-tech.swiper-initialized .swiper-slide-prev {
  opacity: 0;
}

.team-carusel__navigation-tech {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 1;
}
.team-carusel__navigation-tech .team-carusel__nav {
  width: 160px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .team-carusel__navigation-tech .team-carusel__nav {
    width: 154px;
  }
}
.team-carusel__navigation-tech .team-carusel__nav svg {
  cursor: pointer;
  width: 46px;
  height: 46px;
}
@media (max-width: 768px) {
  .team-carusel__navigation-tech .team-carusel__nav svg {
    width: 42px;
    height: 42px;
  }
}
.team-carusel__navigation-tech .team-carusel__arrow-prev-tech,
.team-carusel__navigation-tech .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*! Flickity v2.0.3
http://flickity.metafizzy.co
---------------------------------------------- */
.top-hero-text {
  padding: 80px 0 96px;
  position: relative;
}
.top-hero-text__svg {
  position: absolute;
  top: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .top-hero-text__svg {
    display: none;
  }
}
.top-hero-text__svg_left {
  left: 0;
}
.top-hero-text__svg_right {
  right: 0;
  display: none;
}
@media (min-width: 768px) {
  .top-hero-text__svg_right {
    display: block;
  }
}
.top-hero-text__content {
  max-width: 690px;
  margin: 0 auto;
  text-align: center;
}
.top-hero-text__content .title_h2 {
  margin: 9px 0 25px;
}

.blog-posts__wrap {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
  margin-bottom: 140px;
}
@media (min-width: 768px) {
  .blog-posts__wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .blog-posts__wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
.blog-posts__wrap .loadmore {
  text-align: center;
  margin: 24px 0 0;
}
@media (min-width: 768px) {
  .blog-posts__wrap .loadmore {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  .blog-posts__wrap .loadmore {
    grid-column: span 3;
  }
}
.blog-posts__wrap .loadmore .btn {
  cursor: pointer;
}
.blog-posts__wrap .loadmore .btn svg {
  top: 0;
}
.blog-posts__article {
  animation: load-post forwards 0.5s;
  -webkit-animation: load-post forwards 0.5s;
}
.blog-posts__article:hover .blog-posts__article-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (min-width: 768px) {
  .blog-posts__article:first-child {
    grid-column: span 2;
    grid-gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .blog-posts__article:first-child {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .blog-posts__article:first-child .blog-posts__article-img,
  .blog-posts__article:first-child .blog-posts__article-content {
    border-radius: 30px;
  }
}
@media (min-width: 768px) {
  .blog-posts__article:first-child .blog-posts__article-img img {
    min-height: 474px;
  }
}
@media (min-width: 768px) {
  .blog-posts__article:first-child .blog-posts__article-content {
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .blog-posts__article:first-child .blog-posts__article-title {
    font-size: 32px;
    line-height: 1;
  }
}
@media (min-width: 1280px) {
  .blog-posts__article:first-child .blog-posts__article-title {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .blog-posts__article:first-child .blog-posts__article-text {
    color: #565454;
    font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin: 24px 0 0 0;
    display: block;
  }
}
@media (min-width: 768px) {
  .blog-posts__article:first-child .blog-posts__article-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
}
.blog-posts__article-img {
  line-height: 0;
  overflow: hidden;
  border-radius: 30px 30px 0 0;
}
.blog-posts__article-img img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 283px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  will-change: transform;
}
.blog-posts__article-content {
  background-color: white;
  border-radius: 0 0 30px 30px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blog-posts__article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0 0 8px 0;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.blog-posts__article-date {
  font-size: 12px;
}
.blog-posts__article-cat {
  background-color: #ECECF1;
  border-radius: 100px;
  padding: 6px 12px;
  font-size: 12px;
  color: #1d1d1f;
  cursor: pointer;
}
.blog-posts__article-title {
  font-weight: 500;
  color: #1d1d1f;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-posts__article-title {
    font-size: 18px;
  }
}
.blog-posts__article-title a {
  text-decoration: none;
  color: #081B45;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.blog-posts__article-title a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.blog-posts__article-title a:hover {
  text-decoration: underline;
}
.blog-posts__article-link {
  position: relative;
}
.blog-posts__article-text, .blog-posts__article-btn {
  display: none;
}
.blog-posts__article-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.blog-posts__article-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 18px;
  color: #1d1d1f;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  margin: 16px 0 0 0;
}
.blog-posts__article-btn svg path {
  -webkit-transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
}
.blog-posts__article-btn:hover {
  color: #007aff;
}
.blog-posts__article-btn:hover path {
  fill: #007aff;
  stroke: #007aff;
}

.posts__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 32px 0;
}
.posts__wrap .posts__cat {
  padding: 12px;
  border-radius: 100px;
  background-color: white;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.posts__wrap .posts__cat._active {
  background-color: #ECECF1;
}
.posts__wrap .posts__cat:hover {
  color: #007aff;
}

.blog-article .top-tech__wrap {
  margin: 96px 0 140px;
}
.blog-article .top-tech__body {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 24px;
}
@media (min-width: 1024px) {
  .blog-article .top-tech__body {
    grid-template-columns: 96px 3fr 1.5fr;
    grid-gap: 32px;
  }
}
@media (min-width: 1024px) {
  .blog-article .single-post__content {
    padding: 0 72px 0 0;
  }
}

.filtr-loading {
  font-weight: 500;
  font-size: 20px;
  margin: 15px 0px;
}

.page-id-440 {
  background-color: #f5f5f7;
}

.text_large {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #565454;
  font-size: 18px;
  line-height: 1.39;
}

@keyframes load-post {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.form-checklist {
  margin: 32px 0 !important;
  position: relative;
}
.form-checklist .screen-reader-response {
  display: none;
}
.form-checklist .wpcf7-not-valid-tip {
  font-size: 14px;
}
.form-checklist .wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
  display: none;
}
.form-checklist .wpcf7-response-output {
  font-size: 14px;
  margin: 16px 0 0 0;
}
.form-checklist .wpcf7-submit:disabled {
  background-color: grey;
}
.form-checklist__grid {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .form-checklist__grid {
    grid-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .form-checklist__grid {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1280px) {
  .form-checklist__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.form-checklist__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 24px;
  background-color: #f5f5f7;
  padding: 24px;
}
.form-checklist__col:last-child {
  background-color: #AEEB41;
}
.form-checklist__steps {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-checklist__steps input[type=email] {
  width: 100%;
  border-radius: 16px;
  padding: 6px 12px;
}
.form-checklist__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0;
  height: 100%;
}
@media (min-width: 576px) {
  .form-checklist__img {
    min-height: 260px;
  }
}
.form-checklist__img img {
  margin: 0 !important;
  max-height: 142px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 130px;
  height: 130px;
}
@media (min-width: 576px) {
  .form-checklist__img img {
    max-height: inherit;
  }
}
.form-checklist__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin: 0 0 8px 0;
}
.form-checklist__cat {
  border-radius: 100px;
  background-color: #ECECF1;
  padding: 6px 12px;
  font-size: 12px;
  color: #1d1d1f;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.form-checklist__title {
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 16px 0;
}
@media (min-width: 576px) {
  .form-checklist__title {
    font-size: 18px;
  }
}
.form-checklist__text {
  font-size: 14px;
  color: #596681;
}
.form-checklist__link {
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline !important;
  display: block;
  margin: 8px 0 0 0;
}
.form-checklist__link:hover {
  text-decoration: none !important;
}
.form-checklist__step-one {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-checklist__step-one .btn {
  margin-top: 24px;
  width: auto;
}
@media (max-width: 575px) {
  .form-checklist__step-one .btn {
    margin: 24px auto 0;
    display: block;
  }
}
.form-checklist__step-one .btn svg {
  top: 0;
}
.form-checklist__step-one, .form-checklist__step-three, .form-checklist__step-two {
  display: none;
  -webkit-animation: step-of-animation 0.5s linear;
          animation: step-of-animation 0.5s linear;
}
.form-checklist__step-three .form-checklist__title {
  margin: 0 0 16px 0;
}
.form-checklist__step-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-checklist__btn {
  width: 100%;
}
.form-checklist .wpcf7-acceptance {
  margin: 16px 0;
  display: block;
}
.form-checklist .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.form-checklist .wpcf7-acceptance .wpcf7-list-item label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  padding-left: 28px;
  display: block;
}
.form-checklist .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.form-checklist .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  border-radius: 2px;
  height: 20px;
  width: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  border: 1px solid #e7ecf8;
}
.form-checklist .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  content: "";
  background-image: url("./img/icons/input-check.svg");
  background-repeat: no-repeat;
  height: 9px;
  width: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 5px;
  visibility: hidden;
}
.form-checklist .wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + span:after {
  visibility: visible;
}
.form-checklist .wpcf7-acceptance a {
  color: #596681;
  word-break: unset;
}
.form-checklist .wpcf7-spinner {
  z-index: 10;
  background-color: #fff;
}
.form-checklist .wpcf7-spinner::before {
  background-color: #1d1d1f;
}

@-webkit-keyframes step-of-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes step-of-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.impressum-contacts {
  margin: 32px 0 !important;
}
.impressum-contacts__wrap {
  background-color: rgba(190, 209, 251, 0.32);
  border-radius: 24px;
  padding: 20px;
}
@media (min-width: 1024px) {
  .impressum-contacts__wrap {
    padding: 40px;
  }
}
.impressum-contacts__title {
  margin: 0 0 10px 0 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
}
.impressum-contacts__grid {
  display: grid;
  grid-gap: 16px;
}
.impressum-contacts__grid_2col {
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .impressum-contacts__grid_2col {
    grid-template-columns: 1fr 1fr;
  }
}
.impressum-contacts__grid_3col {
  grid-template-columns: 100%;
}
@media (min-width: 576px) {
  .impressum-contacts__grid_3col {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .impressum-contacts__grid_3col {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.impressum-contacts__col_white {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px 24px;
}
.impressum-contacts__adress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.impressum-contacts__adress svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.impressum-contacts__register span {
  color: #1d1d1f;
}
.impressum-contacts__contacts {
  padding: 24px 0 32px;
  margin: 24px 0 32px;
  border-top: 2px dashed #c9daff;
  border-bottom: 2px dashed #c9daff;
}
.impressum-contacts__contacts-title {
  color: #1d1d1f;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px 0;
}
.impressum-contacts__contacts-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.impressum-contacts__contacts-links a {
  display: block;
  color: #007aff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.impressum-contacts__victor {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.impressum-contacts__victor img {
  border-radius: 50vw !important;
  margin: 0 !important;
  width: 73px;
  height: 73px;
}
.impressum-contacts__victor a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: #596681 !important;
}
.impressum-contacts__victor-img {
  position: relative;
}
.impressum-contacts__victor-link {
  position: absolute;
  bottom: 0;
  right: 0;
}
.impressum-contacts__facts-title {
  font-size: 24px;
  font-weight: 500;
  color: #1d1d1f;
  margin: 0 0 16px 0;
}
@media (max-width: 575px) {
  .impressum-contacts__facts-title {
    text-align: center;
  }
}
.impressum-contacts__facts-item {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.impressum-contacts__facts-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-weight: 500;
}
.impressum-contacts__facts-item img {
  margin: 0 !important;
}
.impressum-contacts__cta {
  position: relative;
  overflow: hidden;
  background-color: #AEEB41;
  padding: 16px;
  border-radius: 16px;
  margin: 32px 0 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .impressum-contacts__cta {
    padding: 24px 32px;
  }
}
.impressum-contacts__cta-title {
  text-align: center;
  color: #1d1d1f;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 16px 0;
}
.impressum-contacts__cta .btn_dark {
  text-decoration: none;
  color: white;
  padding: 16px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .impressum-contacts__cta .btn_dark {
    font-size: 18px;
    padding: 17px 39px 17px 39px;
  }
}
.impressum-contacts__cta .btn_dark:hover {
  color: white !important;
}
.impressum-contacts__cta .btn_dark svg {
  top: 0;
  width: 14px;
}
@media (min-width: 768px) {
  .impressum-contacts__cta .btn_dark svg {
    width: 20px;
  }
}
.impressum-contacts__cta .moving {
  top: -38px;
  display: block !important;
}
.impressum-contacts__cta .moving__left, .impressum-contacts__cta .moving__right {
  font-size: 150px;
}

.services-grid {
  margin-top: 90px;
  margin-bottom: 20px;
  background: #f5f5f7;
  height: auto;
  border-radius: 30px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .services-grid {
    margin-top: 40px;
  }
}
.services-grid .skills-carusel__grid {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  display: none;
  background: white;
}
@media (max-width: 1024px) {
  .services-grid .skills-carusel__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 620px) {
  .services-grid .skills-carusel__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.services-grid .skills-carusel__grid.active {
  display: grid;
  -webkit-animation: load-post forwards 0.5s;
          animation: load-post forwards 0.5s;
}
.services-grid .skills__tabs-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1162px;
  margin: 40px auto;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-wrap {
    margin-top: 24px;
  }
}
.services-grid .skills__tabs-container {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-container {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.services-grid .skills__tabs-link {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  letter-spacing: 0.36px;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-link {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    color: #1d1d1f;
  }
}
.services-grid .skills__tabs-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.services-grid .skills__tabs-title img {
  margin-right: 16px;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-title img {
    width: 40px;
    margin-right: 8px;
  }
}
.services-grid .skills__tabs-title svg {
  margin-left: auto;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-title svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.services-grid .skills__tabs-item {
  padding: 12px 24px 12px 12px;
  border-radius: 100px;
  max-width: 380px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.services-grid .skills__tabs-item.active {
  background: #ECECF1;
}
@media (max-width: 768px) {
  .services-grid .skills__tabs-item.active svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
.services-grid .skills-carusel__container {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .services-grid {
    border-radius: 0;
  }
}
.services-grid .skills-carusel__nav {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.services-grid .skills-carusel__nav svg {
  margin-left: 16px;
  cursor: pointer;
}
.services-grid .skills-carusel__nav svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.services-grid .skills-carusel__nav svg:hover path {
  fill: #007aff;
  stroke: #007aff;
}
.services-grid .swiper-button-lock {
  display: block !important;
}
@media (max-width: 768px) {
  .services-grid {
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .services-grid {
    border-radius: 30px;
  }
}
.services-grid a.skills-carusel__item {
  height: auto;
  padding: 32px;
  text-decoration: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .services-grid a.skills-carusel__item {
    padding: 20px;
  }
}
.services-grid a.skills-carusel__item:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  height: 89%;
  width: 1px;
  background: #f5f5f7;
}
.services-grid a.skills-carusel__item::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 30px;
  height: 1px;
  width: 85%;
  background: #f5f5f7;
}
.services-grid a.skills-carusel__item:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
.services-grid img {
  width: 56px;
}
.services-grid .skills-carusel__name {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #1d1d1f;
  margin: 24px 0 12px;
}
@media (max-width: 768px) {
  .services-grid .skills-carusel__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
  }
}
.services-grid .skills-carusel__info p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  text-align: left;
  color: #565454;
  margin-top: 0;
}
.services-grid .skills-carusel__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services-grid .skills-carusel__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: auto;
}
.services-grid .btn-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  color: #1d1d1f;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  top: -5px;
}
.services-grid .btn-text svg {
  margin-left: 14px;
  position: relative;
  top: 1px;
}
.services-grid .btn-text svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.services-grid .btn-text svg rect {
  fill: white;
}
.services-grid .btn-text:hover {
  color: #007aff;
}
.services-grid .btn-text:hover svg path {
  fill: #007aff;
  stroke: #007aff;
}
@media (max-width: 767px) {
  .services-grid .skills-carusel__grid {
    display: none;
  }
  .services-grid .skills__tabs-item.active .skills-carusel__grid {
    display: block;
    margin-bottom: 16px;
  }
  .services-grid .skills-carusel__navigation {
    display: none;
  }
}

@keyframes load-post {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.advantages-block {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.advantages-block .container {
  max-width: 1205px;
}
@media (min-width: 1024px) {
  .advantages-block {
    padding: 140px 0;
  }
}
.advantages-block__head {
  text-align: center;
  max-width: 690px;
  margin: 0 auto;
}
.advantages-block__head .lines::after {
  right: -62px;
  top: -15px;
}
.advantages-block__head p {
  color: #565454;
  text-align: center;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
}
.advantages-block .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: clamp(16px, 2vw, 24px);
}
.advantages-block__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
  margin: 32px 0 0 0;
  background-color: white;
  border-radius: 32px;
}
@media (min-width: 1024px) {
  .advantages-block__grid {
    margin: 56px 0 0 0;
    grid-template-columns: repeat(3, 1fr);
  }
}
.advantages-block__item {
  padding: 24px;
}
@media (min-width: 1024px) {
  .advantages-block__item {
    padding: 32px;
  }
}
.advantages-block__icon {
  font-size: 0;
  margin: 0 0 24px 0;
}
.advantages-block__icon img {
  width: 64px;
  height: 64px;
}
.advantages-block__title {
  color: #1d1d1f;
  margin: 0 0 8px 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 28.8px */
  letter-spacing: -0.48px;
}
@media (min-width: 1024px) {
  .advantages-block__title {
    font-size: 20px;
  }
}
.advantages-block__text {
  color: #565454;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 22.24px */
}
.advantages-block__bg {
  position: absolute;
  top: -120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 600px;
  font-size: 0;
}
@media (min-width: 576px) {
  .advantages-block__bg {
    width: auto;
    top: 0;
  }
}
.advantages-block__bg svg {
  width: 100%;
}
@media (min-width: 576px) {
  .advantages-block__bg svg {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .advantages-block + section {
    margin: 0 0 150px;
  }
}

.technology-template-default .advantages-block {
  padding-top: 0;
}

.faq-block {
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .faq-block {
    margin: 140px 0;
  }
}
.faq-block .container {
  max-width: 1164px;
}
.faq-block .title_h2 {
  text-align: center;
}
.faq-block .title_h2 .lines::after {
  left: -25px;
  right: inherit;
  -webkit-transform: rotate(-120deg);
          transform: rotate(-120deg);
  top: -15px;
  width: 21px;
  height: 22px;
  background-size: contain;
}
@media (min-width: 1024px) {
  .faq-block .title_h2 .lines::after {
    left: -55px;
    top: -35px;
    width: 50px;
    height: 56px;
  }
}
.faq-block .faq__list {
  display: grid;
  grid-template-columns: 100%;
  margin: 32px 0 0 0;
  border-radius: 40px;
  background: white;
  padding: 20px 25px;
}
@media (min-width: 1024px) {
  .faq-block .faq__list {
    margin: 56px 0 0 0;
    padding: 20px 80px;
  }
}
.faq-block .faq__list .faq__item {
  padding: 21px 0;
  border-bottom: 1px solid #f5f5f7;
}
.faq-block .faq__list .faq__item:last-child {
  border-bottom: none;
}
.faq-block .faq__list .faq__item .faq__item_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  cursor: pointer;
}
.faq-block .faq__list .faq__item .faq__item_title .faq__title-body {
  font-size: 20px;
  font-weight: 500;
  color: #1d1d1f;
}
@media (min-width: 1024px) {
  .faq-block .faq__list .faq__item .faq__item_title .faq__title-body {
    font-size: 24px;
  }
}
.faq-block .faq__list .faq__item .faq__item_title .faq__arrow {
  line-height: 0;
}
.faq-block .faq__list .faq__item .faq__item_title .faq__arrow svg {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-block .faq__list .faq__item .faq__title_active .faq__title-body {
  color: #007aff;
}
.faq-block .faq__list .faq__item .faq__title_active .faq__arrow_rotate svg {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq-block .faq__list .faq__item .faq__text {
  display: none;
}
.faq-block .faq__list .faq__item .faq__text .text_default {
  font-size: 18px;
  color: #565454;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
}

.page-template-page-template-landing .faq-block {
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .page-template-page-template-landing .faq-block {
    margin: 164px 0;
  }
}
.page-template-page-template-landing .faq__list {
  max-width: 846px;
  margin: 24px auto 0;
}
@media (min-width: 1024px) {
  .page-template-page-template-landing .faq__list {
    margin: 56px auto 0;
  }
}
.page-template-page-template-landing .faq__list .faq__item {
  background-color: #e6ecfe;
  border-color: #dce4f4;
}
.page-template-page-template-landing .faq__list .faq__item .faq__item_title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-template-page-template-landing .faq__list .faq__arrow {
  background-color: #fff;
  border: 4px solid rgba(190, 209, 251, 0.7) !important;
}

.technology-template-default .faq-block {
  margin-top: 40px;
  margin-bottom: 40px;
}

.about-text {
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .about-text {
    margin: 140px 0;
  }
}
.about-text__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .about-text__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.about-text__column {
  margin-bottom: 24px;
}
.about-text__column:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .about-text__column {
    width: 50%;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .about-text__column-wrap {
    max-width: 608px;
  }
}
.about-text__title {
  margin: 0 0 16px 0;
}
@media (min-width: 1024px) {
  .about-text__title {
    margin: 0 0 26px 0;
  }
}
@media (min-width: 1280px) {
  .about-text__title {
    margin: 0 0 32px 0;
  }
}
.about-text__title > * {
  color: #010202;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 40px */
  letter-spacing: -0.8px;
  margin-top: 0;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .about-text__title > * {
    font-size: 34px;
  }
}
@media (min-width: 1280px) {
  .about-text__title > * {
    font-size: 40px;
  }
}
.about-text__title img {
  max-width: 44px;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
@media (min-width: 1024px) {
  .about-text__title img {
    max-width: 56px;
  }
}
.about-text__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-text__team-member {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  border: 2px solid white;
  background: #e4e4e4;
  overflow: hidden;
  margin-right: 8px;
}
.about-text__team-member:last-child {
  margin-right: 0;
}
.about-text__team-member img {
  margin-top: 3px;
}
.about-text__info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
  color: #565454;
}
@media (min-width: 1024px) {
  .about-text__info {
    grid-gap: 8px;
  }
}
.about-text__info-item {
  padding: 12px 0px 0;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .about-text__info-item {
    padding: 16px 0px 20px 8px;
  }
}
.about-text__info-item span {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 40px */
  letter-spacing: -0.8px;
  display: block;
  color: #1d1d1f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media (min-width: 1024px) {
  .about-text__info-item span {
    font-size: 36px;
  }
}
@media (min-width: 1280px) {
  .about-text__info-item span {
    font-size: 40px;
  }
}
.about-text__info-item sup {
  font-weight: 500;
  font-size: 16px;
  color: #565454;
  margin-left: 5px;
}
@media (min-width: 1024px) {
  .about-text__info-item sup {
    font-size: 18px;
  }
}
.about-text__column-text {
  color: #565454;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 22.24px */
}
.about-text__column-text p {
  margin-top: 0;
  margin-bottom: 0;
}
.about-text__row {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
@media (min-width: 1024px) {
  .about-text__row {
    grid-template-columns: 218px 1fr;
  }
}
.about-text__row-title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: #007aff;
  max-width: 218px;
}
.about-text__row-text {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .about-text__row-text {
    font-size: 18px;
  }
}
.about-text__row-text a {
  color: #007aff;
}
.about-text__tech-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-text__tech-icons img {
  border-radius: 100px;
  width: 64px;
  height: 64px;
  width: 52px;
  height: 52px;
  border: 2px solid white;
  background: #e4e4e4;
  margin-right: 8px;
}

.portfolio-img__wrap {
  border-radius: 24px;
  display: grid;
  gap: 16px;
  margin: 24px 0;
}
@media (min-width: 1024px) {
  .portfolio-img__wrap {
    border-radius: 30px;
    margin: 90px 0;
  }
}
.portfolio-img__img {
  overflow-y: hidden;
  scrollbar-width: none;
  height: 50vw;
  min-height: 160px;
  max-height: 800px;
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .portfolio-img__img {
    border-radius: 24px;
    height: 70vw;
  }
}
.portfolio-img__img::-webkit-scrollbar {
  display: none;
}
.portfolio-img__img img {
  width: 100%;
}
.portfolio-img__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.portfolio-img__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .portfolio-img__video video {
    border-radius: 24px;
  }
}

.portfolio-gallery .swiper-wrapper {
  position: relative;
  z-index: 5;
}
.portfolio-gallery .swiper-slide {
  position: relative;
  font-size: 0;
}
.portfolio-gallery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .portfolio-gallery__wrap {
    gap: 16px;
  }
}
.portfolio-gallery__top, .portfolio-gallery__left, .portfolio-gallery__right {
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .portfolio-gallery__top, .portfolio-gallery__left, .portfolio-gallery__right {
    border-radius: 30px;
  }
}
.portfolio-gallery__top-slide {
  text-align: center;
}
.portfolio-gallery__top-slide img {
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (min-width: 1024px) {
  .portfolio-gallery__top-slide img {
    border-radius: 24px;
  }
}
.portfolio-gallery__top .moving {
  top: -11px;
  display: none;
}
@media (min-width: 1024px) {
  .portfolio-gallery__top .moving {
    display: block;
  }
}
.portfolio-gallery__top .moving__left, .portfolio-gallery__top .moving__right {
  font-size: 350px;
  background: linear-gradient(324deg, rgba(255, 255, 255, 0.03) 14.44%, rgba(255, 255, 255, 0.06) 74.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.portfolio-gallery__top .moving__left {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.16);
}
.portfolio-gallery__top .moving__right {
  -webkit-text-stroke: inherit;
}
.portfolio-gallery__bottom {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
@media (min-width: 1024px) {
  .portfolio-gallery__bottom {
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1280px) {
  .portfolio-gallery__left .swiper-slide:before {
    left: 50px;
  }
}
.portfolio-gallery__left .portfolio-img__video {
  height: 100%;
}
.portfolio-gallery__left .portfolio-img__video video {
  aspect-ratio: 6/8;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio-gallery__right {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.portfolio-gallery__right img {
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (min-width: 768px) {
  .portfolio-gallery__right img {
    max-height: inherit;
    max-width: inherit;
  }
}
@media (min-width: 768px) {
  .portfolio-gallery__right img {
    border-radius: 30px;
  }
}
.portfolio-gallery__mob {
  overflow: hidden;
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .portfolio-gallery__mob {
    border-radius: 24px;
  }
}
.portfolio-gallery__mob-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  background: white;
  padding: 25px;
  width: 100%;
}
.portfolio-gallery__mob-wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
  margin: 0 10px;
}
.portfolio-gallery__mob-wrap::-webkit-scrollbar {
  height: 9px;
  background-color: #f5f5f5;
}
.portfolio-gallery__mob-wrap::-webkit-scrollbar-thumb {
  background-color: rgb(209, 209, 209);
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .portfolio-gallery__mob-wrap {
    padding: 64px 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.portfolio-gallery__mob-item {
  max-width: 365px;
  margin-right: 16px;
  min-width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .portfolio-gallery__mob-item {
    min-width: 306px;
  }
}
@media (min-width: 1024px) {
  .portfolio-gallery__mob-item {
    margin-right: 32px;
  }
}
.portfolio-gallery__mob-item img {
  border-radius: 12px;
  border: 3px solid #000;
}
@media (min-width: 768px) {
  .portfolio-gallery__mob-item img {
    border-radius: 20px;
    border: 5px solid #000;
  }
}
@media (min-width: 1024px) {
  .portfolio-gallery__mob-item img {
    border-radius: 30px;
    border: 8px solid #000;
  }
}
.portfolio-gallery__mob-item:last-child {
  margin-right: 0;
}
.portfolio-gallery__bottom-slider-js {
  background: white;
  overflow: hidden;
  padding: 24px 0;
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .portfolio-gallery__bottom-slider-js {
    padding: 64px 0;
    border-radius: 24px;
  }
}
.portfolio-gallery__bottom_slider-slide {
  overflow: hidden;
  border-radius: 12px;
  border: 3px solid #000;
}
@media (min-width: 1024px) {
  .portfolio-gallery__bottom_slider-slide {
    border-radius: 30px;
    border: 6px solid #000;
  }
}
.portfolio-gallery__bottom_slide__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .portfolio-gallery__bottom_slide__nav {
    margin-top: 32px;
  }
}
.portfolio-gallery__bottom_slide__nav svg {
  margin: 0 8px;
  cursor: pointer;
}
.portfolio-gallery__bottom_slide__nav svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.portfolio-gallery__bottom_slide__nav svg rect {
  fill: #f5f5f7;
}
.portfolio-gallery__bottom_slide__nav svg:hover path {
  fill: #007aff;
  stroke: #007aff;
}
.portfolio-gallery .portfolio-gallery__bottom .portfolio-gallery__left .portfolio-gallery__top-slide {
  overflow: overlay;
  min-height: 853px;
  max-height: 853px;
  scrollbar-width: none;
}
@media (max-width: 768px) {
  .portfolio-gallery .portfolio-gallery__bottom .portfolio-gallery__left .portfolio-gallery__top-slide {
    min-height: 616px;
    max-height: 616px;
  }
}
@media (max-width: 380px) {
  .portfolio-gallery .portfolio-gallery__bottom .portfolio-gallery__left .portfolio-gallery__top-slide {
    min-height: 380px;
    max-height: 380px;
  }
}
.portfolio-gallery .moving {
  position: absolute;
  top: 110px;
  left: 0;
  z-index: 1;
  display: none;
}
@media (min-width: 1024px) {
  .portfolio-gallery .moving {
    display: block;
  }
}
.portfolio-gallery .moving__left, .portfolio-gallery .moving__right {
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 500px;
  font-weight: 600;
  line-height: 0.8;
  background: -webkit-linear-gradient(324deg, rgba(255, 255, 255, 0.05) 14.44%, rgba(255, 255, 255, 0.1) 74.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.16);
}
.portfolio-gallery .moving__left {
  margin: 0 0 20px 0;
}
.portfolio-gallery .moving__right {
  position: relative;
  right: 70%;
}

.swiper-pagination.swiper-pagination-horizontal {
  bottom: 5px;
}
@media (min-width: 1024px) {
  .swiper-pagination.swiper-pagination-horizontal {
    bottom: 40px;
  }
}
.swiper-pagination-bullet {
  background: rgba(190, 209, 251, 0.32);
  opacity: 1;
  margin: 0 6px;
}
.swiper-pagination-bullet-active {
  background: #fff;
}

.page-template-page-template-landing-hr {
  background: white;
}
.page-template-page-template-landing-hr .entry-content {
  overflow: hidden;
}

.page-template-page-template-landing-startup.page-id-3833 .top-hr-landing {
  min-height: auto !important;
}

.top-hr-landing {
  min-height: 50vh;
  position: relative;
}
@media (min-width: 1025px) {
  .top-hr-landing {
    min-height: 100vh;
  }
}
@media (min-width: 1640px) {
  .top-hr-landing {
    min-height: 80vh;
  }
}
.top-hr-landing .top-hero-text {
  padding: 88px 0 164px;
}
@media (min-width: 1024px) {
  .top-hr-landing .top-hero-text {
    padding: 100px 0 127px;
  }
}
.top-hr-landing .top-hero-text__content {
  max-width: 930px;
  position: relative;
  z-index: 3;
}
.top-hr-landing .top-hero-text__text {
  max-width: 848px;
  margin: 0 auto;
}
.top-hr-landing .top-hero-text__text p {
  margin: 0;
}
.top-hr-landing .top-hero-text__svg {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
@media (min-width: 1024px) {
  .top-hr-landing .top-hero-text__svg {
    display: block;
  }
}
.top-hr-landing h1 {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.1;
  text-align: center;
  padding: 0;
  margin: 0 0 24px;
  position: relative;
}
@media (min-width: 1024px) {
  .top-hr-landing h1 {
    margin: 0 0 32px;
    font-size: 56px;
  }
}
.top-hr-landing h1 span.commission-text {
  font-size: 18px;
  color: #007aff;
  position: relative;
  display: none;
}
@media (min-width: 1024px) {
  .top-hr-landing h1 span.commission-text {
    display: inline;
  }
}
.top-hr-landing h1 span.commission-text span {
  position: absolute;
  top: -20px;
  left: 10px;
  text-align: left;
}
.top-hr-landing h1 span.commission-text svg {
  position: absolute;
  bottom: -30px;
  right: -46px;
}
.top-hr-landing h1 span.green-anim {
  position: relative;
  padding: 0 8px;
  display: inline-block;
}
.top-hr-landing h1 span.green-anim:before {
  content: "";
  width: 0;
  height: 90%;
  position: absolute;
  left: 0;
  top: 5%;
  border-radius: 12px;
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  z-index: -1;
  animation: width-slow 1s both;
  -webkit-animation: width-slow 1s both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-hr-landing .btn_dark {
  margin: 24px 0 0 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px) {
  .top-hr-landing .btn_dark {
    width: auto;
    margin: 32px 0 0 0;
  }
}
.top-hr-landing .btn_dark svg {
  top: 0;
}

.icon-hr {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(-100vw);
          transform: translateY(-100vw);
}
.icon-hr svg, .icon-hr img {
  width: 80px;
  height: 80px;
}
@media (min-width: 1280px) {
  .icon-hr svg, .icon-hr img {
    width: 166px;
    height: 166px;
  }
}

.icon-shopify svg, .icon-shopify img,
.icon-figma svg,
.icon-figma img {
  width: 100px;
  height: 100px;
}
@media (min-width: 1280px) {
  .icon-shopify svg, .icon-shopify img,
  .icon-figma svg,
  .icon-figma img {
    width: 166px;
    height: 166px;
  }
}

.text-icons-landing {
  position: relative;
  min-height: unset;
  margin-bottom: 160px;
}
@media (max-width: 768px) {
  .text-icons-landing {
    margin-bottom: 60px;
  }
  .text-icons-landing .icon-hr {
    -webkit-transform: unset !important;
            transform: unset !important;
  }
}
.text-icons-landing .icon-shopify {
  position: absolute;
  top: 50%;
  left: 3%;
}
@media (max-width: 1360px) {
  .text-icons-landing .icon-shopify {
    top: -6%;
  }
}
@media (max-width: 768px) {
  .text-icons-landing .icon-shopify {
    max-width: 80px;
    top: -3%;
  }
}
.text-icons-landing .icon-wordpress {
  position: absolute;
  bottom: -39%;
  left: 9%;
}
@media (max-width: 1360px) {
  .text-icons-landing .icon-wordpress {
    bottom: -48%;
    left: 9%;
  }
}
@media (max-width: 768px) {
  .text-icons-landing .icon-wordpress {
    max-width: 80px;
    bottom: -26%;
    left: 2%;
  }
}
.text-icons-landing .icon-figma {
  position: absolute;
  top: 20%;
  right: 2%;
}
@media (max-width: 1360px) {
  .text-icons-landing .icon-figma {
    top: -17%;
  }
}
@media (max-width: 768px) {
  .text-icons-landing .icon-figma {
    max-width: 80px;
    top: -5%;
  }
}
.text-icons-landing .icon-vue {
  position: absolute;
  bottom: -16%;
  right: 9%;
}
@media (max-width: 1360px) {
  .text-icons-landing .icon-vue {
    bottom: -28%;
    right: 4%;
  }
}
@media (max-width: 768px) {
  .text-icons-landing .icon-vue {
    max-width: 80px;
    bottom: -23%;
  }
}
.text-icons-landing .top-hero-text {
  padding-bottom: 0;
}
.text-icons-landing h2,
.text-icons-landing .text-icon-scroll {
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: clamp(24px, 6vw, 56px);
  line-height: 110%;
  text-align: center;
  padding: 0;
  margin: 0 0 24px;
  position: relative;
  color: #1d1d1f;
}
@media (min-width: 1024px) {
  .text-icons-landing h2,
  .text-icons-landing .text-icon-scroll {
    margin: 0 0 32px;
  }
}
.text-icons-landing h2 span.green-anim,
.text-icons-landing .text-icon-scroll span.green-anim {
  position: relative;
  padding: 0 8px;
  display: inline-block;
}
.text-icons-landing h2 span.green-anim:before,
.text-icons-landing .text-icon-scroll span.green-anim:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  z-index: -1;
  animation: width-slow 1s both;
  -webkit-animation: width-slow 1s both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media (max-width: 1120px) {
  .text-icons-landing h2 span.green-anim::after,
  .text-icons-landing .text-icon-scroll span.green-anim::after {
    content: url("data:image/svg+xml,%3Csvg width='114' height='114' viewBox='0 0 114 114' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9549_72510)'%3E%3Cg clip-path='url(%23clip1_9549_72510)'%3E%3Cg clip-path='url(%23clip2_9549_72510)'%3E%3Cpath d='M46.672 84.3596L65.2254 80.9079M40.4998 70.505L78.6976 45.5045M30.2742 59.3034L44.7773 35.1533' stroke='%23007AFF' stroke-width='2.99071'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9549_72510'%3E%3Crect width='82.1391' height='82.1391' fill='white' transform='translate(113.709 68.7273) rotate(146.795)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9549_72510'%3E%3Crect width='52' height='53' fill='white' transform='translate(93.1201 64.7896) rotate(146.795)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_9549_72510'%3E%3Crect width='49.2143' height='53' fill='white' transform='translate(91.9546 65.5522) rotate(146.795)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top: -76px;
    right: -90px;
    position: absolute;
  }
}
@media (max-width: 768px) {
  .text-icons-landing h2 span.green-anim::after,
  .text-icons-landing .text-icon-scroll span.green-anim::after {
    top: -28px;
    right: -26px;
    content: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9556_63819)'%3E%3Cpath d='M10.5689 26.813L18.3487 25.3656M7.98084 21.0035L23.9978 10.5203M3.69306 16.3065L9.77448 6.17989' stroke='%23007AFF' stroke-width='1.25406'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9556_63819'%3E%3Crect width='20.6364' height='22.2238' fill='white' transform='translate(29.5571 18.9268) rotate(146.795)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
.text-icons-landing .top-hero-text__text,
.text-icons-landing .top-hero-text__content {
  max-width: 1164px;
}
.text-icons-landing .icon-hr {
  opacity: 0;
}
@media (max-width: 1080px) {
  .text-icons-landing .icon-hr img {
    width: 100px;
  }
}
.text-icons-landing .text-icon-scroll-2 {
  margin-bottom: 0;
}
.text-icons-landing .text-icon-scroll-2 .line:first-child {
  position: relative;
}
.text-icons-landing .text-icon-scroll-2 .line:first-child::after {
  position: absolute;
  top: -60px;
  right: 0px;
  content: url("data:image/svg+xml,%3Csvg width='114' height='114' viewBox='0 0 114 114' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9549_72510)'%3E%3Cg clip-path='url(%23clip1_9549_72510)'%3E%3Cg clip-path='url(%23clip2_9549_72510)'%3E%3Cpath d='M46.672 84.3596L65.2254 80.9079M40.4998 70.505L78.6976 45.5045M30.2742 59.3034L44.7773 35.1533' stroke='%23007AFF' stroke-width='2.99071'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9549_72510'%3E%3Crect width='82.1391' height='82.1391' fill='white' transform='translate(113.709 68.7273) rotate(146.795)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9549_72510'%3E%3Crect width='52' height='53' fill='white' transform='translate(93.1201 64.7896) rotate(146.795)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_9549_72510'%3E%3Crect width='49.2143' height='53' fill='white' transform='translate(91.9546 65.5522) rotate(146.795)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 1120px) {
  .text-icons-landing .text-icon-scroll-2 .line:first-child::after {
    display: none;
  }
}

.clients-hr-landing {
  position: relative;
  z-index: 3;
  margin: 0 0 80px;
}
@media (min-width: 1024px) {
  .clients-hr-landing {
    margin: 0 0 140px;
  }
}
.clients-hr-landing .title_h2 {
  margin: 0 0 40px 0;
}
.clients-hr-landing .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
}
.clients-hr-landing .title_h2 span {
  color: #007aff;
}
.clients-hr-landing__row {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
@media (min-width: 1024px) {
  .clients-hr-landing__row {
    grid-template-columns: 2fr 1fr;
  }
}
.clients-hr-landing__col {
  border-radius: 30px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}
.clients-hr-landing__col_blue {
  background-color: #007aff;
}
.clients-hr-landing__col_blue .clients-hr-landing__title {
  margin: 0 0 48px 0;
}
.clients-hr-landing__col_blue .clients-hr-landing__list {
  color: white;
}
@media (min-width: 1024px) {
  .clients-hr-landing__col_blue .clients-hr-landing__list ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.clients-hr-landing__col_blue .clients-hr-landing__price {
  color: #AEEB41;
}
.clients-hr-landing__col_grey {
  background-color: #f5f5f7;
}
.clients-hr-landing__col_grey .clients-hr-landing__title {
  margin: 0 0 32px 0;
}
.clients-hr-landing__col_grey .clients-hr-landing__list ul li:before {
  background-image: url("./img/icons/star-hr2.svg");
}
.clients-hr-landing__title {
  background-color: white;
  border-radius: 24px;
  padding: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #1d1d1f;
}
@media (min-width: 1024px) {
  .clients-hr-landing__title {
    font-size: 24px;
  }
}
.clients-hr-landing__content {
  padding: 0 20px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .clients-hr-landing__content {
    gap: 48px;
    padding: 0 24px 24px;
  }
}
.clients-hr-landing__list {
  color: #1d1d1f;
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
@media (min-width: 1024px) {
  .clients-hr-landing__list {
    font-size: 18px;
  }
}
.clients-hr-landing__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.clients-hr-landing__list ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
}
.clients-hr-landing__list ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 7px;
  width: 12px;
  height: 12px;
  background-image: url("./img/icons/star-hr.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.clients-hr-landing__price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .clients-hr-landing__price-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .clients-hr-landing__price-wrap {
    gap: 32px;
  }
}
.clients-hr-landing__price {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.8px;
}
.clients-hr-landing__price sup {
  font-size: 16px;
  top: -16px;
}
.clients-hr-landing__price_through {
  text-decoration: line-through;
}
.clients-hr-landing__info {
  color: white;
  max-width: 213px;
  font-size: 12px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.clients-hr-landing__info span {
  font-weight: 600;
}
@media (min-width: 768px) {
  .clients-hr-landing__info {
    max-width: 351px;
  }
}
.clients-hr-landing__line {
  background-color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 8px;
  position: absolute;
  bottom: 0;
  right: -145px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 500px;
}
.clients-hr-landing__line-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  white-space: nowrap;
  -webkit-animation: scroll 10s linear infinite;
          animation: scroll 10s linear infinite;
}
.clients-hr-landing__line-inner svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.present-hr-landing {
  margin: 80px 0;
}
.present-hr-landing .screen-reader-response {
  display: none;
}
.present-hr-landing .wpcf7-response-output {
  font-size: 13px;
  margin: 5px 0 0 0;
}
@media (min-width: 1024px) {
  .present-hr-landing {
    margin: 140px 0;
  }
}
.present-hr-landing .title_h2 {
  max-width: 928px;
  margin: 0 auto 24px;
}
@media (min-width: 1024px) {
  .present-hr-landing .title_h2 {
    margin: 0 auto 48px;
    text-align: center;
  }
}
.present-hr-landing .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
}
.present-hr-landing .title_h2 .color-blue {
  color: #007aff;
}
.present-hr-landing .title_h2 .lines:after {
  display: none;
  right: -60px;
  top: -10px;
}
@media (min-width: 1024px) {
  .present-hr-landing .title_h2 .lines:after {
    display: inline;
  }
}
.present-hr-landing__row {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
@media (min-width: 768px) {
  .present-hr-landing__row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .present-hr-landing__row {
    grid-template-columns: repeat(4, 1fr);
  }
}
.present-hr-landing__card {
  background-color: #f5f5f7;
  border-radius: 30px;
  padding: 8px;
}
.present-hr-landing__card:nth-child(4n+2) .present-hr-landing__count {
  background-color: #1d1d1f;
  color: white;
}
.present-hr-landing__card:nth-child(4n+3) .present-hr-landing__count {
  background-color: #007aff;
  color: white;
}
.present-hr-landing__card:nth-child(4n+4) .present-hr-landing__count {
  background-color: #ECECF1;
  color: #1d1d1f;
}
.present-hr-landing__head {
  background-color: white;
  border-radius: 24px;
  padding: 24px;
}
.present-hr-landing__fotos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 12px 0;
}
.present-hr-landing__fotos span {
  border-radius: 50vw;
  border: 2px solid white;
  overflow: hidden;
  background-color: #ECECF1;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.present-hr-landing__fotos span + span {
  margin-left: -32px;
}
.present-hr-landing__fotos span img, .present-hr-landing__fotos span picture {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.present-hr-landing__fotos span.present-hr-landing__count {
  background-color: #AEEB41;
  font-size: 18px;
  font-weight: 500;
  color: #1d1d1f;
}
.present-hr-landing__position {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 2px 0;
}
.present-hr-landing__exp {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #565454;
}
.present-hr-landing__content {
  padding: 24px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.present-hr-landing__content .form-row .btn {
  height: 40px;
  font-size: 14px;
}
.present-hr-landing__content .form-row .btn svg {
  width: 12px;
  height: 13px;
}
.present-hr-landing__content .form-row input[type=email] {
  height: 40px;
}
.present-hr-landing__info {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: 32px;
  font-size: 14px;
}
.present-hr-landing__name {
  font-weight: 500;
}
.present-hr-landing__value {
  color: #565454;
}
.present-hr-landing__value p {
  margin: 0;
}
.present-hr-landing__value ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.present-hr-landing__value ul li {
  position: relative;
}
.present-hr-landing__value ul li:before {
  content: "";
  position: absolute;
  left: -11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("./img/icons/blue_star.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 7px;
  height: 7px;
}
.present-hr-landing__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #007aff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.present-hr-landing__download svg path {
  -webkit-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
}
.present-hr-landing__download:hover {
  color: #1d1d1f;
}
.present-hr-landing__download:hover svg path {
  fill: #1d1d1f;
}
.present-hr-landing__form {
  display: none;
}

.form-row {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 100%;
}
.form-row .wpcf7-not-valid-tip {
  font-size: 13px;
  margin: -12px 0 5px 0;
  display: block;
}
.form-row .wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
  display: none;
}
.form-row input[type=email] {
  width: 100%;
  height: 56px;
  border-radius: 32px;
  padding: 10px 20px;
  color: rgba(86, 84, 84, 0.56);
  background-color: white;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border: none;
  margin: 0 0 12px 0;
}
.form-row input[type=email]::-webkit-input-placeholder {
  color: rgba(86, 84, 84, 0.56);
}
.form-row input[type=email]::-moz-placeholder {
  color: rgba(86, 84, 84, 0.56);
}
.form-row input[type=email]:-ms-input-placeholder {
  color: rgba(86, 84, 84, 0.56);
}
.form-row input[type=email]::-ms-input-placeholder {
  color: rgba(86, 84, 84, 0.56);
}
.form-row input[type=email]::placeholder {
  color: rgba(86, 84, 84, 0.56);
}
.form-row .btn {
  width: 100%;
  font-weight: 500;
}
.form-row .btn:disabled {
  background-color: #565454;
}
.form-row .btn span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-row .btn span svg {
  top: 0;
}
.form-row .wpcf7-acceptance {
  margin: 0;
  display: block;
}
.form-row .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.form-row .wpcf7-acceptance .wpcf7-list-item label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  padding-left: 28px;
  display: block;
  color: #565454;
  text-align: left;
}
.form-row .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.form-row .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  border-radius: 4px;
  height: 20px;
  width: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  border: 1px solid #AEEB41;
}
.form-row .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  content: "";
  background-image: url("./img/icons/input-check.svg");
  background-repeat: no-repeat;
  height: 9px;
  width: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 5px;
  visibility: hidden;
}
.form-row .wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked + span:after {
  visibility: visible;
}
.form-row .wpcf7-acceptance a {
  color: #007aff;
  text-decoration: underline;
}
.form-row .wpcf7-acceptance a:hover {
  text-decoration: none;
}

.we-can-landing {
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .we-can-landing {
    padding-bottom: 0;
  }
}
.we-can-landing__head {
  text-align: center;
  max-width: 690px;
  margin: 0 auto;
}
.we-can-landing__head .lines::after {
  left: -60px;
  top: -30px;
  -webkit-transform: rotate(226deg);
          transform: rotate(226deg);
}
@media (max-width: 768px) {
  .we-can-landing__head .lines::after {
    left: -33px;
    top: -25px;
    background-size: 31px;
    -webkit-transform: rotate(-109deg);
            transform: rotate(-109deg);
  }
}
.we-can-landing__head p {
  color: #565454;
  text-align: center;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
}
.we-can-landing .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: clamp(16px, 2vw, 24px);
}
.we-can-landing__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
  margin: 32px 0 0 0;
}
@media (max-width: 1270px) {
  .we-can-landing__grid {
    height: 790px;
  }
}
@media (max-width: 1024px) {
  .we-can-landing__grid {
    height: unset;
  }
}
@media (min-width: 1024px) {
  .we-can-landing__grid {
    margin: 56px 0 0 0;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
.we-can-landing .while-mobile {
  grid-area: 1/2/3/3;
  height: 660px;
}
@media (max-width: 1270px) {
  .we-can-landing .while-mobile {
    height: unset;
  }
}
@media (max-width: 1024px) {
  .we-can-landing .while-mobile {
    grid-area: unset;
    height: unset;
    padding-bottom: 15px;
  }
}
.we-can-landing .while-mobile .we-can-landing__item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .we-can-landing .while-mobile .we-can-landing__item {
    min-width: 280px;
  }
}
.we-can-landing .while-mobile .simplebar-content:before,
.we-can-landing .while-mobile .simplebar-content:after {
  display: none;
}
.we-can-landing .while-mobile .simplebar-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 1024px) {
  .we-can-landing .while-mobile .simplebar-content {
    grid-auto-flow: column;
  }
}
.we-can-landing__item {
  padding: 24px;
  border-radius: 30px;
  background-color: #f5f5f7;
}
@media (min-width: 1424px) {
  .we-can-landing__item {
    padding: 32px;
    height: 320px;
  }
}
.we-can-landing__item.dev {
  padding: 40px;
  background-color: #1d1d1f;
  grid-area: 1/1/2/2;
}
@media (max-width: 1024px) {
  .we-can-landing__item.dev {
    grid-column: unset;
  }
}
.we-can-landing__item.dev .we-can-landing__title,
.we-can-landing__item.dev .we-can-landing__text {
  color: white;
}
.we-can-landing__item.dev .we-can-landing__title {
  font-size: 24px;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .we-can-landing__item.dev .we-can-landing__title {
    margin-bottom: 12px;
  }
}
.we-can-landing__item.dev .we-can-landing__icon img {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: -8px;
  border: 2px solid #1d1d1f;
  border-radius: 99px;
}
.we-can-landing__item.dev .we-can-landing__icon {
  margin: 0 0 32px;
}
@media (max-width: 1024px) {
  .we-can-landing__item.dev .we-can-landing__icon {
    margin-bottom: 24px;
  }
}
.we-can-landing__item.dev .we-can-landing__text {
  max-width: 554px;
}
@media (max-width: 1024px) {
  .we-can-landing__item.dev .we-can-landing__text {
    max-width: unset;
  }
}
.we-can-landing__item.dev .number {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.we-can-landing__item.design {
  grid-area: 2/1/3/2;
  background: #D9FF90;
}
@media (max-width: 1024px) {
  .we-can-landing__item.design {
    grid-column: unset;
  }
}
.we-can-landing__item.design .we-can-landing__title,
.we-can-landing__item.design .we-can-landing__text {
  color: #1d1d1f;
}
.we-can-landing__item.design .we-can-landing__title {
  font-size: 24px;
  line-height: 28.8px;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .we-can-landing__item.design .we-can-landing__title {
    margin-bottom: 12px;
  }
}
.we-can-landing__item.design .we-can-landing__icon img {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: -8px;
  border: 2px solid #D9FF90;
  border-radius: 99px;
}
.we-can-landing__item.design .we-can-landing__icon {
  margin: 0 0 32px;
}
@media (max-width: 1024px) {
  .we-can-landing__item.design .we-can-landing__icon {
    margin-bottom: 24px;
  }
}
.we-can-landing__item.design .we-can-landing__text {
  max-width: 554px;
  color: #1d1d1d;
}
@media (max-width: 1024px) {
  .we-can-landing__item.design .we-can-landing__text {
    max-width: unset;
  }
}
.we-can-landing__item.design .number {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
  .we-can-landing__item:not(:nth-child(1)):not(:nth-child(2)) {
    display: none;
  }
}
.we-can-landing__icon {
  font-size: 0;
  margin: 0 8px 0px 0;
}
.we-can-landing__icon img {
  min-width: 32px;
  max-width: 32px;
  height: 32px;
}
.we-can-landing__title {
  color: #1d1d1f;
  margin: 0 0 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 28.8px */
  letter-spacing: -0.48px;
}
@media (min-width: 1024px) {
  .we-can-landing__title {
    font-size: 20px;
  }
}
.we-can-landing__text {
  color: #565454;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 22.24px */
}
.we-can-landing__bg {
  position: absolute;
  top: -120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 600px;
  font-size: 0;
}
@media (min-width: 576px) {
  .we-can-landing__bg {
    width: auto;
    top: 0;
  }
}
.we-can-landing__bg svg {
  width: 100%;
}
@media (min-width: 576px) {
  .we-can-landing__bg svg {
    width: auto;
  }
}

.footer-hr-landing {
  overflow: hidden;
}
.footer-hr-landing .screen-reader-response {
  display: none;
}
.footer-hr-landing .wpcf7-response-output {
  text-align: center;
  max-width: 550px;
  margin: 5px auto 0;
}
.footer-hr-landing .title_h2 {
  text-align: center;
  margin: 0 0 24px 0;
}
@media (min-width: 1024px) {
  .footer-hr-landing .title_h2 {
    margin: 0 0 32px 0;
  }
}
.footer-hr-landing .title_h2 span {
  color: #007aff;
}
.footer-hr-landing .title_h2 > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
}
.footer-hr-landing__cards {
  position: relative;
  max-width: 928px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
.footer-hr-landing__card-wrap {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 100%;
}
.footer-hr-landing__card {
  padding: 40px 20px;
  border-radius: 30px;
  background-color: #f5f5f7;
  min-height: 453px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px) {
  .footer-hr-landing__card {
    min-height: 453px;
    padding: 80px 54px;
  }
}
.footer-hr-landing__card_green {
  background-color: unset;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='%23007AFFFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 30px;
  background-size: 100%;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  background-repeat: no-repeat;
  max-width: 928px;
  padding: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .footer-hr-landing__card_green .title_h2 {
    margin-top: 50px;
  }
}
.footer-hr-landing__card_green .footer-hr-landing__icon1 {
  right: 7px;
}
.footer-hr-landing__card_green .footer-hr-landing__icon2 {
  left: 6px;
}
.footer-hr-landing__card > svg {
  position: absolute;
}
.footer-hr-landing__card > svg:first-child {
  top: 0;
  left: 0;
}
.footer-hr-landing__card > svg:nth-child(2) {
  top: 0;
  right: 0;
}
.footer-hr-landing__card > svg:nth-child(3) {
  bottom: 0;
  right: 0;
}
.footer-hr-landing__card > svg:nth-child(4) {
  bottom: 0;
  left: 0;
}
.footer-hr-landing__wrap {
  background: radial-gradient(67.57% 222.75% at 26.46% 105.06%, #d9ff90 0%, #bfff4a 100%);
  border-radius: 30px;
  position: relative;
  z-index: 1;
  background-size: 100%;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  padding: 40px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px) {
  .footer-hr-landing__wrap {
    padding: 80px 54px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.footer-hr-landing__text {
  text-align: center;
  max-width: 638px;
  margin: 0 auto;
}
.footer-hr-landing__text p {
  margin: 0;
}
.footer-hr-landing__icon1, .footer-hr-landing__icon2 {
  position: absolute;
  display: none;
}
@media (min-width: 1024px) {
  .footer-hr-landing__icon1, .footer-hr-landing__icon2 {
    display: block;
  }
}
.footer-hr-landing__icon1 {
  top: 20px;
  right: 20px;
}
.footer-hr-landing__icon2 {
  bottom: 20px;
  left: 20px;
}
.footer-hr-landing__form {
  display: none;
}
@media (min-width: 1024px) {
  .footer-hr-landing__form .form-row {
    max-width: 700px;
    margin: 0 auto;
    grid-template-columns: 1.2fr 1fr;
  }
}
@media (min-width: 1024px) {
  .footer-hr-landing__form .form-row .btn_dark {
    font-size: 17px;
    padding: 17px 18px 17px 20px;
  }
}
.footer-hr-landing__btn-wrap {
  display: inline-block;
  position: relative;
}
.footer-hr-landing__btn-wrap > svg {
  position: absolute;
  bottom: -53px;
  left: -45px;
  -webkit-transform: rotate(145deg);
          transform: rotate(145deg);
}
.footer-hr-landing__download {
  cursor: pointer;
}
.footer-hr-landing__download svg {
  top: 0;
}

.cards-left-scroll {
  overflow: hidden;
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .cards-left-scroll {
    margin: 160px 0;
  }
}
@media (min-height: 900px) and (min-width: 1024px) {
  .cards-left-scroll {
    margin: 0 0 160px;
  }
}
.cards-left-scroll__wrap {
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .cards-left-scroll__wrap {
    padding: 40px 118px;
  }
}
.cards-left-scroll__title {
  text-align: center;
}
.cards-left-scroll__title * {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1024px) {
  .cards-left-scroll__title * {
    font-size: 56px;
  }
}
.cards-left-scroll__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #1d1d1f;
  text-align: center;
}
@media (min-width: 1024px) {
  .cards-left-scroll__text {
    font-size: 56px;
  }
}
.cards-left-scroll__items {
  margin: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cards-left-scroll__item {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 230px;
  height: 200px;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item {
    width: 464px;
    height: 260px;
  }
}
.cards-left-scroll__item-name {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  color: white;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item-name {
    font-size: 56px;
  }
}
.cards-left-scroll__item_green {
  background: radial-gradient(222.95% 134.9% at 26.46% 105.06%, #D9FF90 0%, #BFFF4A 100%);
}
.cards-left-scroll__item_green .cards-left-scroll__item-name {
  color: #1d1d1f;
}
.cards-left-scroll__item_green .cards-left-scroll__item-icon1 {
  top: -1px;
  right: -1px;
}
.cards-left-scroll__item_green .cards-left-scroll__item-icon1 svg {
  width: 114px;
  height: 114px;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item_green .cards-left-scroll__item-icon1 svg {
    width: 173px;
    height: 173px;
  }
}
.cards-left-scroll__item_green .cards-left-scroll__item-icon2 {
  bottom: 25px;
  left: 25px;
}
.cards-left-scroll__item_green .cards-left-scroll__item-icon2 svg {
  width: 62px;
  height: 62px;
}
.cards-left-scroll__item_blue {
  background: #007aff;
}
.cards-left-scroll__item_blue .cards-left-scroll__item-icon1 svg,
.cards-left-scroll__item_blue .cards-left-scroll__item-icon2 svg {
  width: 115px;
  height: 126px;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item_blue .cards-left-scroll__item-icon1 svg,
  .cards-left-scroll__item_blue .cards-left-scroll__item-icon2 svg {
    width: 190px;
    height: 209px;
  }
}
.cards-left-scroll__item_blue .cards-left-scroll__item-icon1 {
  top: 0;
  right: 10px;
}
.cards-left-scroll__item_blue .cards-left-scroll__item-icon1 svg {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
.cards-left-scroll__item_blue .cards-left-scroll__item-icon2 {
  bottom: 0;
  left: 5px;
}
.cards-left-scroll__item_black {
  background: #1d1d1f;
}
.cards-left-scroll__item_black .cards-left-scroll__item-icon1 {
  top: -40px;
  left: 20px;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item_black .cards-left-scroll__item-icon1 {
    top: -90px;
    left: 25px;
  }
}
.cards-left-scroll__item_black .cards-left-scroll__item-icon1 svg {
  width: 230px;
  height: 230px;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item_black .cards-left-scroll__item-icon1 svg {
    width: 420px;
    height: 420px;
  }
}
.cards-left-scroll__item:nth-child(1) {
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
}
.cards-left-scroll__item:nth-child(2) {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.cards-left-scroll__item:nth-child(3) {
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
.cards-left-scroll__item + .cards-left-scroll__item {
  margin-left: -185px;
}
@media (min-width: 1024px) {
  .cards-left-scroll__item + .cards-left-scroll__item {
    margin-left: -232px;
  }
}
.cards-left-scroll__item-icon1, .cards-left-scroll__item-icon2 {
  position: absolute;
  z-index: -1;
}

.cards-img-left-scroll {
  overflow: hidden;
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll {
    margin: 160px 0;
  }
}
@media (min-height: 900px) and (min-width: 1024px) {
  .cards-img-left-scroll {
    margin: 0 0 160px;
  }
}
.cards-img-left-scroll__wrap {
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__wrap {
    padding: 40px 118px;
  }
}
.cards-img-left-scroll__title {
  text-align: center;
}
.cards-img-left-scroll__title * {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__title * {
    font-size: 56px;
  }
}
.cards-img-left-scroll__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #1d1d1f;
  text-align: center;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__text {
    font-size: 56px;
  }
}
.cards-img-left-scroll__items {
  margin: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .cards-img-left-scroll__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cards-img-left-scroll__item {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 260px;
  height: 230px;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item {
    width: 464px;
    height: 350px;
  }
}
@media (max-width: 768px) {
  .cards-img-left-scroll__item {
    width: 100%;
    height: 350px;
  }
}
.cards-img-left-scroll__item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  color: white;
  text-align: center;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item-name {
    font-size: 56px;
  }
}
.cards-img-left-scroll__item_green {
  background: radial-gradient(222.95% 134.9% at 26.46% 105.06%, #D9FF90 0%, #BFFF4A 100%);
}
.cards-img-left-scroll__item_green .cards-img-left-scroll__item-name {
  color: #1d1d1f;
}
.cards-img-left-scroll__item_green .cards-img-left-scroll__item-icon1 {
  top: -1px;
  right: -1px;
}
.cards-img-left-scroll__item_green .cards-img-left-scroll__item-icon1 svg {
  width: 114px;
  height: 114px;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item_green .cards-img-left-scroll__item-icon1 svg {
    width: 173px;
    height: 173px;
  }
}
.cards-img-left-scroll__item_green .cards-img-left-scroll__item-icon2 {
  bottom: 25px;
  left: 25px;
}
.cards-img-left-scroll__item_green .cards-img-left-scroll__item-icon2 svg {
  width: 62px;
  height: 62px;
}
.cards-img-left-scroll__item_green img {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
.cards-img-left-scroll__item_blue {
  background: #007aff;
}
.cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon1 svg,
.cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon2 svg {
  width: 115px;
  height: 126px;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon1 svg,
  .cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon2 svg {
    width: 190px;
    height: 209px;
  }
}
.cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon1 {
  top: 0;
  right: 10px;
}
.cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon1 svg {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
.cards-img-left-scroll__item_blue .cards-img-left-scroll__item-icon2 {
  bottom: 0;
  left: 5px;
}
.cards-img-left-scroll__item_blue img {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.cards-img-left-scroll__item_black {
  background: #1d1d1f;
}
.cards-img-left-scroll__item_black .cards-img-left-scroll__item-icon1 {
  top: -40px;
  left: 20px;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item_black .cards-img-left-scroll__item-icon1 {
    top: -90px;
    left: 25px;
  }
}
.cards-img-left-scroll__item_black .cards-img-left-scroll__item-icon1 svg {
  width: 230px;
  height: 230px;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item_black .cards-img-left-scroll__item-icon1 svg {
    width: 420px;
    height: 420px;
  }
}
.cards-img-left-scroll__item_black img {
  -webkit-transform: rotate(6deg);
          transform: rotate(6deg);
}
.cards-img-left-scroll__item:nth-child(1) {
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
}
.cards-img-left-scroll__item:nth-child(2) {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.cards-img-left-scroll__item:nth-child(3) {
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
.cards-img-left-scroll__item + .cards-img-left-scroll__item {
  margin-left: -20px;
}
@media (min-width: 1024px) {
  .cards-img-left-scroll__item + .cards-img-left-scroll__item {
    margin-left: -120px;
  }
}
@media (max-width: 768px) {
  .cards-img-left-scroll__item + .cards-img-left-scroll__item {
    margin-left: 0;
  }
}
.cards-img-left-scroll__item-icon1, .cards-img-left-scroll__item-icon2 {
  position: absolute;
  z-index: -1;
}

.cards-random-scroll {
  overflow: hidden;
  background-color: white;
  border-radius: 30px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cards-random-scroll .container {
  height: 100%;
  width: 100%;
  max-width: 1164px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cards-random-scroll__title {
  text-align: center;
}
.cards-random-scroll__title * {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1024px) {
  .cards-random-scroll__title * {
    font-size: 56px;
  }
}
.cards-random-scroll__item {
  background-color: #ECECF1;
  border-radius: 30px;
  padding: 8px 8px 16px 8px;
  width: 176px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: absolute;
}
@media (min-width: 1024px) {
  .cards-random-scroll__item {
    width: 206px;
  }
}
.cards-random-scroll__item-img img {
  border-radius: 24px;
}
.cards-random-scroll__item-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.36px;
}
.cards-random-scroll__item1 {
  left: 12%;
  top: 38%;
  -webkit-transform: rotate(-24.542deg);
          transform: rotate(-24.542deg);
  z-index: 4;
}
@media (min-width: 1024px) {
  .cards-random-scroll__item1 {
    left: inherit;
    right: -17%;
    top: 10%;
  }
}
.cards-random-scroll__item2 {
  right: 3%;
  bottom: 10%;
  -webkit-transform: rotate(14.953deg);
          transform: rotate(14.953deg);
  z-index: 1;
}
@media (min-width: 1024px) {
  .cards-random-scroll__item2 {
    right: inherit;
    left: -13%;
    bottom: 10%;
  }
}
.cards-random-scroll__item3 {
  right: -10%;
  top: 9%;
  -webkit-transform: rotate(17.026deg);
          transform: rotate(17.026deg);
}
@media (min-width: 1024px) {
  .cards-random-scroll__item3 {
    right: inherit;
    left: 40%;
    top: 19%;
  }
}
.cards-random-scroll__item4 {
  left: -20%;
  bottom: 12%;
  -webkit-transform: rotate(-13.995deg);
          transform: rotate(-13.995deg);
}
@media (min-width: 1024px) {
  .cards-random-scroll__item4 {
    left: inherit;
    right: 15%;
    bottom: 4%;
  }
}
.cards-random-scroll__item5 {
  left: 2%;
  top: 6%;
  -webkit-transform: rotate(-25.673deg);
          transform: rotate(-25.673deg);
}
@media (min-width: 1024px) {
  .cards-random-scroll__item5 {
    left: 0;
    top: 6%;
  }
}

.page-template-page-template-landing-shopify,
.page-template-page-template-landing-affiliate {
  background-color: #f5f5f7;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.page-template-page-template-landing-shopify.first-section,
.page-template-page-template-landing-affiliate.first-section {
  background-color: white;
}
.page-template-page-template-landing-shopify.first-section .top-services__bg svg linearGradient stop,
.page-template-page-template-landing-affiliate.first-section .top-services__bg svg linearGradient stop {
  stop-color: #ffffff;
}
.page-template-page-template-landing-shopify .top-services,
.page-template-page-template-landing-affiliate .top-services {
  min-height: 50vh;
}
@media (min-height: 900px) {
  .page-template-page-template-landing-shopify .top-services,
  .page-template-page-template-landing-affiliate .top-services {
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-template-page-template-landing-shopify .top-services .container,
  .page-template-page-template-landing-affiliate .top-services .container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-template-page-template-landing-shopify .top-services .container .site-header__area,
  .page-template-page-template-landing-affiliate .top-services .container .site-header__area {
    margin-bottom: auto;
  }
  .page-template-page-template-landing-shopify .top-services .container .top-services__area,
  .page-template-page-template-landing-affiliate .top-services .container .top-services__area {
    margin-bottom: auto;
  }
}
.page-template-page-template-landing-shopify .top-services__content,
.page-template-page-template-landing-affiliate .top-services__content {
  max-width: inherit;
}

.cards-projects {
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .cards-projects {
    margin: 160px 0;
  }
}
.cards-projects__wrap {
  overflow: hidden;
}
.cards-projects__title {
  text-align: center;
  margin: 0 0 40px 0;
}
.cards-projects__title * {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1024px) {
  .cards-projects__title * {
    font-size: 56px;
  }
}
.cards-projects__title .lines {
  color: #007aff;
  font-weight: 600;
  padding: 0 5px;
}
.cards-projects__title .lines:after {
  background-image: url(img/text-lines2.svg);
  background-size: contain;
  width: 23px;
  height: 24px;
  right: -10px;
  top: -14px;
}
@media (min-width: 1024px) {
  .cards-projects__title .lines:after {
    width: 37px;
    height: 39px;
    right: -15px;
    top: -20px;
  }
}
.cards-projects__item {
  border-radius: 24px 24px 24px 24px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 690/486;
}
@media (min-width: 576px) {
  .cards-projects__item {
    border-radius: 30px 30px 44px 30px;
  }
}
.cards-projects__item.active .cards-projects__item-content {
  z-index: 7;
}
.cards-projects__item.active .cards-projects__item-inner {
  width: 100%;
  height: 100%;
  background-color: white;
}
.cards-projects__item.active .cards-projects__item_opacity {
  opacity: 1;
}
.cards-projects__item.active .hovered {
  opacity: 0;
}
@media (min-width: 1025px) {
  .cards-projects__item_opacity {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
}
.cards-projects__item-img {
  line-height: 0;
  position: relative;
  z-index: 5;
  height: 100%;
  width: 100%;
}
.cards-projects__item-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.cards-projects__item-content {
  position: absolute;
  z-index: 1;
  right: 8px;
  bottom: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}
.cards-projects__item-inner {
  padding: 24px;
  background-color: transparent;
  border-radius: 26px 26px 40px 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1025px) {
  .cards-projects__item-inner {
    width: 0;
    height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
}
.cards-projects__item-inner.fancybox__content {
  border-radius: 28px;
  width: 100%;
  max-width: 690px;
}
.cards-projects__item-inner .portfolio-slider__time-grid,
.cards-projects__item-inner .portfolio-slider__time-item span,
.cards-projects__item-inner .portfolio-slider__time-item sup {
  color: #1d1d1f;
}
.cards-projects__item-icon {
  width: 44px;
  height: 44px;
  border-radius: 50vw;
  position: absolute;
  z-index: 10;
  bottom: 8px;
  right: 8px;
  background-color: white;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: 20px;
}
@media (min-width: 576px) {
  .cards-projects__item-icon {
    width: 80px;
    height: 80px;
  }
}
.cards-projects__item-icon svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 576px) {
  .cards-projects__item-icon svg {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1025px) {
  .cards-projects__item-icon_mob {
    display: none;
  }
}
.cards-projects__item-icon_desk {
  display: none;
}
@media (min-width: 1025px) {
  .cards-projects__item-icon_desk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cards-projects__item-icon .hovered {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.cards-projects__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cards-projects__item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #1d1d1f;
}
.cards-projects__item-name img, .cards-projects__item-name svg {
  width: 22px;
  height: 22px;
}
.cards-projects__item-text {
  color: #565454;
}
.cards-projects__item-text * {
  margin: 0;
}
.cards-projects__item-text p {
  font-size: 16px;
  line-height: 1.4;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.cards-projects__item-link {
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: #1d1d1f;
  margin-top: auto;
}
.cards-projects__item-link:hover {
  text-decoration: none;
}
.cards-projects__nav {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.cards-projects__nav svg {
  cursor: pointer;
}
.cards-projects__nav svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cards-projects__nav svg:hover path {
  fill: #007aff;
  stroke: #007aff;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
}

.fancybox__content > .f-button.is-close-btn {
  top: 20px !important;
  right: 20px !important;
  background: transparent !important;
}
.fancybox__content > .f-button.is-close-btn svg {
  stroke: #1d1d1f !important;
}

.cards-tasks {
  margin: 80px 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .cards-tasks {
    margin: 160px 0;
  }
}
.cards-tasks__title {
  text-align: center;
  margin: 0 auto 64px;
  max-width: 1164px;
}
@media (min-width: 769px) {
  .cards-tasks__title span.active {
    background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  }
}
.cards-tasks__title span {
  padding: 0 8px;
  border-radius: 12px;
}
.cards-tasks__title * {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1024px) {
  .cards-tasks__title * {
    font-size: 56px;
  }
}
.cards-tasks__title .text-scroll:first-child {
  margin-bottom: 40px;
}
.cards-tasks__title .text-scroll4 h2 {
  margin-bottom: 40px;
}
.cards-tasks__subtitle p {
  color: #565454;
  text-align: center;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%;
  margin-top: 25px;
  margin-bottom: 80px;
}
.cards-tasks__grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
@media (min-width: 1025px) {
  .cards-tasks__grid {
    grid-template-columns: 1fr 3fr;
  }
}
.cards-tasks__col {
  background-color: #ECECF1;
  border-radius: 24px;
  padding: 16px;
  overflow: hidden;
}
.cards-tasks__col .swiper-slide {
  height: auto;
}
@media (min-width: 1025px) {
  .cards-tasks__col .swiper-wrapper {
    display: grid;
    grid-gap: 8px;
  }
}
@media (min-width: 1025px) {
  .cards-tasks__col_1 .swiper-wrapper {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1025px) {
  .cards-tasks__col_3 .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cards-tasks__head {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 8px 0;
  color: #565454;
}
.cards-tasks__head span {
  margin-left: 10px;
}
.cards-tasks__item {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  border-radius: 18px;
  padding: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.cards-tasks__item-title {
  font-weight: 500;
  line-height: 1.25;
  color: #1d1d1f;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .cards-tasks__item-title {
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.cards-tasks__item-status {
  font-size: 12px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 4px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.cards-tasks__item-status_progress {
  background-color: #F6D15A;
}
.cards-tasks__item-status_done {
  background-color: #B4F5AC;
}
.cards-tasks__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: auto;
}
.cards-tasks__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cards-tasks__item-img span {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #f5f5f7;
  border-radius: 50vw;
  overflow: hidden;
  background-color: #D5D5D5;
}
.cards-tasks__item-img span img,
.cards-tasks__item-img span picture {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.cards-tasks__item-img span + span {
  background-color: #007aff;
  color: white;
  font-weight: 500;
  margin-left: -8px;
}
.cards-tasks__item-img span.color-pink {
  background-color: #F6CDF4;
}
.cards-tasks__item-img span.color-black {
  background-color: #0D2847;
}
.cards-tasks__item-id {
  font-size: 12px;
  color: #565454;
  opacity: 0.64;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.cards-tasks .curl {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1650px) {
  .cards-tasks .curl {
    right: -30px;
  }
}
@media (max-width: 1490px) {
  .cards-tasks .curl {
    right: -60px;
  }
}
@media (max-width: 1390px) {
  .cards-tasks .curl {
    right: -90px;
  }
}
@media (max-width: 1320px) {
  .cards-tasks .curl {
    display: none;
  }
}

.page-template-page-template-landing-shopify .cards-tasks .curl {
  display: none;
}

@media (max-width: 768px) {
  .page-template-page-template-landing-startup .h1-show-anim.active .word {
    background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  }
  .page-template-page-template-landing-startup .h1-show-anim {
    background: unset;
  }
  .page-template-page-template-landing-startup .h1-show-anim .word {
    padding: 0 8px;
    border-radius: 12px;
  }
}

.page-template-page-template-landing-startup .top-services + .cards-tasks {
  margin: 120px 0 80px;
}
@media (min-width: 1024px) {
  .page-template-page-template-landing-startup .top-services + .cards-tasks {
    margin: 160px 0;
  }
}

.cards-price {
  padding: 80px 0;
  background-color: white;
}
@media (min-width: 1024px) {
  .cards-price {
    padding: 160px 0;
  }
}
.cards-price__title {
  text-align: center;
  margin: 0 auto 40px;
  max-width: 1044px;
}
.cards-price__title span {
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  padding: 0 8px;
  border-radius: 12px;
}
.cards-price__title * {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1024px) {
  .cards-price__title * {
    font-size: 56px;
  }
}
.cards-price__items {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}
@media (min-width: 1024px) {
  .cards-price__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cards-price__item {
  background-color: #ECECF1;
  border-radius: 30px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .cards-price__item {
    gap: 32px;
  }
}
.cards-price__item_main {
  background-color: #007aff;
  height: 103%;
}
@media (max-width: 1024px) {
  .cards-price__item_main {
    height: unset;
  }
}
.cards-price__item_main .cards-price__item-content ul li:before {
  background-image: url("./img/icons/star-hr.svg");
}
.cards-price__item_main .cards-price__item-text {
  color: white;
}
.cards-price__item_main .cards-price__item-price {
  color: #AEEB41;
}
.cards-price__item_main .cards-price__item-price span {
  color: #AEEB41;
  text-decoration: none;
}
.cards-price__item-head {
  background-color: white;
  border-radius: 24px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #1d1d1f;
}
@media (min-width: 1024px) {
  .cards-price__item-head {
    font-size: 24px;
  }
}
.cards-price__item-content {
  padding: 0 8px 8px 8px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 1024px) {
  .cards-price__item-content {
    padding: 0 32px 32px 32px;
    font-size: 18px;
    gap: 48px;
  }
}
.cards-price__item-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cards-price__item-content ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
}
.cards-price__item-content ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 7px;
  width: 12px;
  height: 12px;
  background-image: url("./img/icons/star-hr2.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.cards-price__item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.cards-price__item-price sup {
  font-size: 12px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  line-height: 1.39;
  letter-spacing: -0.24px;
}
@media (min-width: 1024px) {
  .cards-price__item-price sup {
    font-size: 16px;
    letter-spacing: -0.64px;
  }
}
.cards-price__item-price span {
  font-size: 24px;
  font-weight: 500;
  color: #1d1d1f;
  line-height: 1;
  letter-spacing: -0.48px;
  text-decoration: line-through;
}
@media (min-width: 1024px) {
  .cards-price__item-price span {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
}
.cards-price .cards-price__item-price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 420px) {
  .cards-price .cards-price__item-price-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cards-price .cards-price__item-price_text {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.68px;
  text-align: left;
  width: 181px;
  color: #fff;
  margin-left: auto;
}
@media (max-width: 420px) {
  .cards-price .cards-price__item-price_text {
    margin-top: 8px;
    width: 100%;
  }
}

.page-template-page-template-landing-startup .cards-price__item-price span {
  text-decoration: none;
  position: relative;
  display: inline;
  background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
  background: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 100% 3px;
}
.page-template-page-template-landing-startup .cards-price__item_main .cards-price__item-head::after {
  content: url("data:image/svg+xml,%3Csvg width='25' height='23' viewBox='0 0 25 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5489 0.927054C11.8483 0.00574327 13.1517 0.00573969 13.4511 0.92705L15.5309 7.32827C15.6648 7.74029 16.0488 8.01925 16.482 8.01925L23.2126 8.01925C24.1814 8.01925 24.5841 9.25887 23.8004 9.82827L18.3552 13.7844C18.0047 14.0391 17.8581 14.4905 17.9919 14.9025L20.0718 21.3037C20.3712 22.225 19.3167 22.9911 18.533 22.4217L13.0878 18.4656C12.7373 18.2109 12.2627 18.2109 11.9122 18.4656L6.46701 22.4217C5.6833 22.9911 4.62882 22.225 4.92817 21.3037L7.00805 14.9025C7.14193 14.4905 6.99527 14.0391 6.64478 13.7844L1.19958 9.82827C0.415862 9.25887 0.81864 8.01925 1.78736 8.01925L8.51801 8.01925C8.95123 8.01925 9.33519 7.74029 9.46906 7.32827L11.5489 0.927054Z' fill='%23F5B15E'/%3E%3C/svg%3E%0A");
}
.page-template-page-template-landing-startup .cards-price__item_main .cards-price__item-price span {
  font-size: 40px;
  text-decoration: none;
  background: unset;
}

@media (max-width: 1080px) {
  .page-template-page-template-landing-startup .top-hr-landing + .pin-spacer + .cards-price {
    margin-top: -90vh;
  }
}

.impress {
  padding-top: 160px;
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1080px) {
  .impress {
    height: inherit;
  }
}
.impress > .container {
  width: 100%;
}
@media (max-width: 768px) {
  .impress {
    padding-top: 80px;
  }
}
.impress-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1080px) {
  .impress-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.impress .title > * {
  font-size: clamp(32px, 6vw, 56px);
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
  margin-top: 16px;
}
.impress .text {
  max-width: 503px;
}
@media (max-width: 1080px) {
  .impress .text {
    max-width: unset;
  }
}
.impress .text p {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.02px;
  color: #565454;
  margin-bottom: 0;
}
.impress .icons {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.impress .icons img {
  width: 102.91px;
  margin-right: 12px;
}
.impress-block {
  position: relative;
}
.impress-block:nth-child(2) {
  max-width: 580px;
  padding: 10px 2px;
  margin-top: -74px;
  margin-left: 40px;
}
@media (max-width: 1080px) {
  .impress-block:nth-child(2) {
    margin: 20px auto 0;
    padding: 45px 2px 5px;
    width: 100%;
  }
}
.impress-block:nth-child(2):after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
  width: 100%;
  height: 100%;
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #d9ff90 0%, #bfff4a 100%);
  border: 3.3px solid rgb(255, 255, 255);
  -webkit-box-shadow: 0px 3.3px 26.44px 0px rgba(0, 55, 73, 0.15);
          box-shadow: 0px 3.3px 26.44px 0px rgba(0, 55, 73, 0.15);
  border-radius: 26.44px;
  z-index: -1;
}
@media (max-width: 1080px) {
  .impress-block:nth-child(2):after {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
}
.impress-block .right_text-wrap {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(236, 236, 241);
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  border-radius: 30px;
  padding: 64px 48px 40px;
  position: relative;
}
@media (max-width: 1080px) {
  .impress-block .right_text-wrap {
    padding: 32px 24px 24px;
  }
}
.impress-block .right_text-wrap::after {
  position: absolute;
  top: -25px;
  left: 50px;
  content: url("data:image/svg+xml,%3Csvg width='70' height='52' viewBox='0 0 70 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_9549_72251)'%3E%3Cpath d='M15.0708 52C11.237 52 7.76676 50.6107 4.66006 47.8321C1.55335 45.0534 0 40.687 0 34.7328C0 29.6387 0.859301 24.8753 2.5779 20.4427C4.36261 16.0102 6.74221 12.0738 9.71671 8.63359C12.7573 5.12722 16.1284 2.24936 19.83 0L25.5807 2.9771C24.3909 4.03562 22.9698 5.65649 21.3173 7.83969C19.6648 9.95674 18.1445 12.4707 16.7564 15.3817C15.4344 18.2926 14.6742 21.4351 14.4759 24.8092C18.3758 25.0076 21.6478 26.2977 24.2918 28.6794C27.0019 31.0611 28.3569 34.1374 28.3569 37.9084C28.3569 42.2748 27.0349 45.715 24.3909 48.229C21.7469 50.743 18.6402 52 15.0708 52ZM56.5156 52C52.7479 52 49.3107 50.6107 46.204 47.8321C43.1634 45.0534 41.6431 40.687 41.6431 34.7328C41.6431 29.6387 42.5024 24.8753 44.221 20.4427C46.0057 16.0102 48.3853 12.0738 51.3598 8.63359C54.3343 5.12722 57.6393 2.24936 61.2748 0L67.0255 2.9771C65.8357 4.03562 64.4145 5.65649 62.762 7.83969C61.1095 9.95674 59.6223 12.4707 58.3003 15.3817C57.0444 18.2926 56.3173 21.4351 56.119 24.8092C59.8867 25.0076 63.1256 26.2977 65.8357 28.6794C68.6119 31.0611 70 34.1374 70 37.9084C70 42.2748 68.645 45.715 65.9348 48.229C63.2247 50.743 60.085 52 56.5156 52Z' fill='%23007AFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_9549_72251' x='-20' y='-20' width='110' height='92' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_9549_72251'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_9549_72251' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 1080px) {
  .impress-block .right_text-wrap::after {
    content: url("data:image/svg+xml,%3Csvg width='38' height='29' viewBox='0 0 38 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_9549_79266)'%3E%3Cpath d='M8.1813 28.4395C6.10009 28.4395 4.21624 27.6914 2.52975 26.1952C0.843248 24.699 0 22.3479 0 19.1417C0 16.3987 0.466478 13.8339 1.39943 11.4471C2.36827 9.06032 3.66006 6.94072 5.27479 5.08831C6.9254 3.20026 8.75543 1.65065 10.7649 0.439453L13.8867 2.04251C13.2408 2.61248 12.4693 3.48525 11.5722 4.66083C10.6752 5.80077 9.84986 7.15446 9.09632 8.72189C8.37866 10.2893 7.96601 11.9814 7.85836 13.7982C9.97545 13.9051 11.7517 14.5998 13.187 15.8822C14.6582 17.1646 15.3938 18.8211 15.3938 20.8517C15.3938 23.2028 14.6761 25.0552 13.2408 26.4089C11.8055 27.7626 10.119 28.4395 8.1813 28.4395ZM30.6799 28.4395C28.6346 28.4395 26.7687 27.6914 25.0822 26.1952C23.4315 24.699 22.6062 22.3479 22.6062 19.1417C22.6062 16.3987 23.0727 13.8339 24.0057 11.4471C24.9745 9.06032 26.2663 6.94072 27.881 5.08831C29.4958 3.20026 31.2899 1.65065 33.2635 0.439453L36.3853 2.04251C35.7394 2.61248 34.9679 3.48525 34.0708 4.66083C33.1738 5.80077 32.3664 7.15446 31.6487 8.72189C30.967 10.2893 30.5722 11.9814 30.4646 13.7982C32.5099 13.9051 34.2682 14.5998 35.7394 15.8822C37.2465 17.1646 38 18.8211 38 20.8517C38 23.2028 37.2644 25.0552 35.7932 26.4089C34.322 27.7626 32.6176 28.4395 30.6799 28.4395Z' fill='%23007AFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_9549_79266' x='-20' y='-19.5605' width='78' height='68' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_9549_79266'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_9549_79266' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    top: -15px;
    left: 25px;
  }
}
.impress-block .right_text-wrap p {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  margin-top: 0;
}
.impress-block .right_text-wrap .right_text-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.impress-block .right_text-wrap .right_text-info img {
  width: 56px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 99px;
  border: 4px solid rgba(190, 209, 251, 0.32);
  -webkit-box-shadow: 0px 0px 0px 4px rgba(66, 114, 221, 0.25);
          box-shadow: 0px 0px 0px 4px rgba(66, 114, 221, 0.25);
}
.impress-block .right_text-wrap .right_text-info .person {
  margin-left: 16px;
}
.impress-block .right_text-wrap .right_text-info .person .name {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.02px;
  letter-spacing: -0.02em;
}
.impress-block .right_text-wrap .right_text-info .person .position {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14.08px;
  font-weight: 400;
  line-height: 19.57px;
  color: #565454;
}
.impress-block .right_icons {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .impress-block .right_icons {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-left: 13px;
  }
}
.impress-block .right_icons .cb-logo {
  background: white;
  border-radius: 30px;
  padding: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .impress-block .right_icons .cb-logo {
    padding: 16px;
  }
}
.impress-block .right_icons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .impress-block .right_icons a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 24px;
    overflow: hidden;
    width: 45%;
    background: white;
  }
}
@media (max-width: 520px) {
  .impress-block .right_icons a {
    min-width: 112px;
  }
}
.impress-block .right_icons img {
  max-width: 282px;
}
.impress-block .right_icons img:first-child {
  margin-right: 16px;
}
@media (max-width: 768px) {
  .impress-block .right_icons img:first-child {
    margin-right: unset;
  }
}
@media (max-width: 768px) {
  .impress-block .right_icons img {
    min-width: 112px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    margin: 0 auto !important;
  }
}
@media (max-width: 520px) {
  .impress-block .right_icons img {
    width: 97%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    height: 125px;
    margin: auto !important;
  }
}
.impress-block .right_icons .investition {
  background: white;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
@media (max-width: 768px) {
  .impress-block .right_icons .investition {
    padding: 24px;
    min-width: 45%;
  }
}
@media (max-width: 520px) {
  .impress-block .right_icons .investition {
    min-width: 59%;
    padding: 24px 0;
  }
}
.impress-block .right_icons .investition .millions {
  font-size: 56px;
  font-weight: 500;
  line-height: 61.6px;
  text-align: left;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #007aff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0;
}
@media (max-width: 768px) {
  .impress-block .right_icons .investition .millions {
    font-size: 40px;
    line-height: 44px;
    width: 100%;
  }
}
@media (max-width: 520px) {
  .impress-block .right_icons .investition .millions {
    width: 79%;
    font-size: 32px;
  }
}
.impress-block .right_icons .investition .millions svg {
  margin-left: 4px;
  min-width: 16px;
}
.impress-block .right_icons .investition .investition-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 7px;
  font-family: Onest;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.24px;
  text-align: left;
  color: #1d1d1f;
  margin-left: 5px;
}
@media (max-width: 768px) {
  .impress-block .right_icons .investition .investition-text {
    font-size: 14px;
    line-height: 19.24px;
    max-width: 160px;
  }
}
.impress-block .right_icons .investition .investition-text span {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  text-align: left;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .impress-block .right_icons .investition .investition-text span {
    display: none;
  }
}

.mask {
  width: 100%;
  height: 100vh;
  background-color: #1d1d1f;
  -webkit-clip-path: circle(0% at 50% 50%);
          clip-path: circle(0% at 50% 50%);
  -webkit-transition: -webkit-clip-path 0.8s ease-out;
  transition: -webkit-clip-path 0.8s ease-out;
  transition: clip-path 0.8s ease-out;
  transition: clip-path 0.8s ease-out, -webkit-clip-path 0.8s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1080px) {
  .mask {
    min-height: inherit;
    position: static;
  }
}

.pined {
  overflow: hidden;
  position: relative;
}
.pined .more_works > * {
  color: white;
  font-size: clamp(32px, 6vw, 56px);
  font-weight: 500;
  line-height: 110%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 620px;
  text-align: center;
}
@media (max-width: 768px) {
  .pined .more_works > * {
    width: 320px;
  }
}
.pined .more_works > *::after {
  position: absolute;
  top: -60px;
  right: -80px;
  content: url("data:image/svg+xml,%3Csvg width='114' height='114' viewBox='0 0 114 114' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9549_72510)'%3E%3Cg clip-path='url(%23clip1_9549_72510)'%3E%3Cg clip-path='url(%23clip2_9549_72510)'%3E%3Cpath d='M46.672 84.3596L65.2254 80.9079M40.4998 70.505L78.6976 45.5045M30.2742 59.3034L44.7773 35.1533' stroke='%23007AFF' stroke-width='2.99071'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9549_72510'%3E%3Crect width='82.1391' height='82.1391' fill='white' transform='translate(113.709 68.7273) rotate(146.795)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9549_72510'%3E%3Crect width='52' height='53' fill='white' transform='translate(93.1201 64.7896) rotate(146.795)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_9549_72510'%3E%3Crect width='49.2143' height='53' fill='white' transform='translate(91.9546 65.5522) rotate(146.795)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 768px) {
  .pined .more_works > *::after {
    content: url("data:image/svg+xml,%3Csvg width='23' height='25' viewBox='0 0 23 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7359 23.4744L20.686 19.2738M7.88311 17.8538L21.6174 0.835059M1.57293 14.0392L4.63048 0.72079' stroke='%23007AFF' stroke-width='1.46741'/%3E%3C/svg%3E%0A");
    top: -25px;
    right: -6px;
  }
}
.pined .pined-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .pined .pined-inner {
    -webkit-transform: rotate(-11deg) translate(0px, -75px);
            transform: rotate(-11deg) translate(0px, -75px);
  }
}
.pined .pined-list,
.pined .pined-list-two {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  top: 117px;
  margin: 0;
  pointer-events: all;
}
.pined .pined-list li,
.pined .pined-list-two li {
  width: 495px;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 4.76px solid rgb(0, 0, 0);
  border-radius: 23.8px;
}
@media (max-width: 1024px) {
  .pined .pined-list li,
  .pined .pined-list-two li {
    width: 395px;
  }
}
@media (max-width: 768px) {
  .pined .pined-list li,
  .pined .pined-list-two li {
    width: 295px;
  }
}
.pined .pined-list li a,
.pined .pined-list-two li a {
  width: 100%;
  background-color: #1d1d1f;
}
.pined .pined-list li img,
.pined .pined-list-two li img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pined .pined-list {
  top: 117px;
}
@media (max-width: 768px) {
  .pined .pined-list {
    top: 160px;
  }
}
@media (max-width: 520px) {
  .pined .pined-list {
    top: 260px;
  }
}
.pined .pined-list-two {
  top: 421px;
}
@media (max-width: 1024px) {
  .pined .pined-list-two {
    top: 375px;
  }
}
@media (max-width: 768px) {
  .pined .pined-list-two {
    top: 340px;
  }
}
@media (max-width: 520px) {
  .pined .pined-list-two {
    top: 440px;
  }
}

.step-form {
  margin: 40px 0;
}
.step-form #first-step-form .step-form__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step-form .screen-reader-response {
  display: none;
}
.step-form label.error,
.step-form .wpcf7-not-valid-tip {
  color: red;
  font-size: 14px;
  margin-left: 16px;
}
.step-form .wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
  display: none;
}
.step-form .wpcf7-form .wpcf7-submit {
  display: none;
}
.step-form .wpcf7-response-output {
  margin-top: 16px;
}
.step-form__wrapper {
  max-width: 1158px;
  margin: 0 auto;
  background-color: white;
  border-radius: 30px;
  overflow: hidden;
}
.step-form__grid {
  display: grid;
  grid-template-columns: 100%;
}
@media (min-width: 1024px) {
  .step-form__grid {
    grid-template-columns: 1fr 1.55fr;
    min-height: 700px;
  }
}
.step-form__sidebar, .step-form__content {
  padding: 20px;
}
@media (min-width: 1024px) {
  .step-form__sidebar, .step-form__content {
    padding: 60px;
  }
}
@media (min-width: 1280px) {
  .step-form__sidebar, .step-form__content {
    padding: 80px 77px;
  }
}
.step-form__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.step-form__sidebar {
  background-color: #007aff;
  color: white;
  font-size: 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: none;
}
@media (min-width: 1024px) {
  .step-form__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}
.step-form__sidebar h1, .step-form__sidebar h2, .step-form__sidebar h3, .step-form__sidebar h4, .step-form__sidebar h5, .step-form__sidebar h6 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
  line-height: 1;
  margin: 0 0 16px 0;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
@media (min-width: 1024px) {
  .step-form__sidebar h1, .step-form__sidebar h2, .step-form__sidebar h3, .step-form__sidebar h4, .step-form__sidebar h5, .step-form__sidebar h6 {
    letter-spacing: -0.8px;
    font-size: 40px;
  }
}
.step-form__sidebar-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.step-form__sidebar-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .step-form__sidebar-info {
    gap: 16px;
  }
}
.step-form__sidebar-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .step-form__sidebar-info-item {
    font-size: 16px;
  }
}
.step-form__sidebar-info-item svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}
.step-form__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .step-form__head {
    margin-bottom: 32px;
  }
}
.step-form__head-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.36px;
  margin-bottom: 2px;
}
@media (min-width: 1024px) {
  .step-form__head-title {
    font-size: 24px;
    letter-spacing: -0.48px;
    margin-bottom: 6px;
  }
}
.step-form__head-subtitle {
  font-size: 14px;
  line-height: 1.4;
  color: #9B9BB0;
}
@media (min-width: 1024px) {
  .step-form__head-subtitle {
    font-size: 16px;
  }
}
.step-form__head-count {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #9B9BB0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (min-width: 1024px) {
  .step-form__head-count {
    font-size: 24px;
  }
}
.step-form__head-count span {
  color: #007aff;
}
.step-form__head-count sup {
  font-size: 14px;
  top: -0.3em;
}
.step-form__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin: 24px 0 30px 0;
}
.step-form__footer .btn {
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step-form__footer .btn svg {
  top: 2px;
}
.step-form__footer .forward,
.step-form__footer .submit {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.step-form__projects-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 8px;
}
@media (min-width: 1024px) {
  .step-form__projects-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
  }
}
.step-form__projects-item {
  position: relative;
}
.step-form__projects-item label {
  cursor: pointer;
  border: 1px solid #ECECF1;
  border-radius: 16px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 1024px) {
  .step-form__projects-item label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 24px;
    gap: 16px;
  }
}
.step-form__projects-item input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.step-form__projects-item input:checked + label {
  border-color: #007aff;
}
.step-form__projects-item-icon {
  width: 40px;
  height: 40px;
}
@media (min-width: 1024px) {
  .step-form__projects-item-icon {
    width: 48px;
    height: 48px;
  }
}
.step-form__projects-item-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1d1d1f;
}
.step-form__projects-item-info {
  position: absolute;
  right: 16px;
  top: 22px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .step-form__projects-item-info {
    top: 25px;
    right: 25px;
  }
}
.step-form__projects-item-info:hover .step-form__projects-item-info-popup {
  opacity: 1;
  visibility: visible;
}
.step-form__projects-item-info:hover .step-form__projects-item-info-icon {
  opacity: 1;
}
.step-form__projects-item-info-icon {
  line-height: 0;
  opacity: 0.3;
  -webkit-transition: opcity 0.3s ease-in-out;
  transition: opcity 0.3s ease-in-out;
}
.step-form__projects-item-info-popup {
  padding: 10px;
  background-color: white;
  border-radius: 8px;
  -webkit-filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.08));
  position: absolute;
  bottom: 35px;
  right: -16px;
  font-size: 12px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4;
  color: #1d1d1f;
  width: 180px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .step-form__projects-item-info-popup {
    right: -65px;
  }
}
.step-form__projects-item-info-popup::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -5px;
  left: 85%;
  -webkit-transform: translate(-50%, 0) rotate(43deg);
  transform: translate(-50%, 0) rotate(43deg);
  z-index: -1;
}
@media (min-width: 1024px) {
  .step-form__projects-item-info-popup::after {
    left: 57%;
  }
}
.step-form__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.step-form__option1, .step-form__option2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.step-form__group {
  position: relative;
}
.step-form__group-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 16px;
  display: block;
}
.step-form__group_label > label.step-form__group-label {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  margin: 19px 24px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.step-form__group_label > label.step-form__group-label.active {
  top: -26px;
  font-size: 12px;
  color: #1d1d1f;
}
.step-form__group_label span.wpcf7-not-valid-tip,
.step-form__group_label label.error {
  position: absolute;
  bottom: -8px;
  left: 0;
  display: block;
  padding: 0 4px;
  font-size: 12px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background-color: white;
  color: #C90000;
}
.step-form__group > label.step-form__group-label {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4;
  color: #9B9BB0;
  display: block;
  padding: 0 4px;
}
.step-form__input[type=text], .step-form__input[type=url], .step-form__input[type=tel], .step-form__input[type=email],
.step-form textarea {
  border: 1px solid #ECECF1;
  border-radius: 16px;
  padding: 17px 24px;
  font-size: 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1d1d1f;
  width: 100%;
}
.step-form__input[type=text]::-webkit-input-placeholder, .step-form__input[type=url]::-webkit-input-placeholder, .step-form__input[type=tel]::-webkit-input-placeholder, .step-form__input[type=email]::-webkit-input-placeholder, .step-form textarea::-webkit-input-placeholder {
  color: #9B9BB0;
}
.step-form__input[type=text]::-moz-placeholder, .step-form__input[type=url]::-moz-placeholder, .step-form__input[type=tel]::-moz-placeholder, .step-form__input[type=email]::-moz-placeholder, .step-form textarea::-moz-placeholder {
  color: #9B9BB0;
}
.step-form__input[type=text]:-ms-input-placeholder, .step-form__input[type=url]:-ms-input-placeholder, .step-form__input[type=tel]:-ms-input-placeholder, .step-form__input[type=email]:-ms-input-placeholder, .step-form textarea:-ms-input-placeholder {
  color: #9B9BB0;
}
.step-form__input[type=text]::-ms-input-placeholder, .step-form__input[type=url]::-ms-input-placeholder, .step-form__input[type=tel]::-ms-input-placeholder, .step-form__input[type=email]::-ms-input-placeholder, .step-form textarea::-ms-input-placeholder {
  color: #9B9BB0;
}
.step-form__input[type=text]::placeholder, .step-form__input[type=url]::placeholder, .step-form__input[type=tel]::placeholder, .step-form__input[type=email]::placeholder,
.step-form textarea::placeholder {
  color: #9B9BB0;
}
.step-form__input[type=text]:focus-visible, .step-form__input[type=url]:focus-visible, .step-form__input[type=tel]:focus-visible, .step-form__input[type=email]:focus-visible,
.step-form textarea:focus-visible {
  outline-color: #007aff;
}
.step-form__input[type=text].wpcf7-not-valid, .step-form__input[type=text].error, .step-form__input[type=url].wpcf7-not-valid, .step-form__input[type=url].error, .step-form__input[type=tel].wpcf7-not-valid, .step-form__input[type=tel].error, .step-form__input[type=email].wpcf7-not-valid, .step-form__input[type=email].error,
.step-form textarea.wpcf7-not-valid,
.step-form textarea.error {
  border-color: #C90000;
}
.step-form__input[type=text].wpcf7-not-valid:focus-visible, .step-form__input[type=text].error:focus-visible, .step-form__input[type=url].wpcf7-not-valid:focus-visible, .step-form__input[type=url].error:focus-visible, .step-form__input[type=tel].wpcf7-not-valid:focus-visible, .step-form__input[type=tel].error:focus-visible, .step-form__input[type=email].wpcf7-not-valid:focus-visible, .step-form__input[type=email].error:focus-visible,
.step-form textarea.wpcf7-not-valid:focus-visible,
.step-form textarea.error:focus-visible {
  outline-color: #C90000;
}
.step-form textarea {
  height: 166px;
  resize: none;
  display: block;
}
@media (min-width: 1024px) {
  .step-form textarea {
    height: 122px;
  }
}
.step-form__flags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.step-form__flag {
  position: relative;
  background-color: #f5f5f7;
  border-radius: 32px;
  padding: 4px 12px 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
}
.step-form__flag span {
  background-color: white;
  border: 1px solid #ECECF1;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.step-form__flag input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.step-form__flag input:checked + span {
  background-color: #007aff;
}
.step-form__radio-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.step-form__radio-btn {
  position: relative;
  background-color: #f5f5f7;
  border-radius: 32px;
  padding: 4px 12px 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
}
.step-form__radio-btn span {
  background-color: white;
  border: 1px solid #ECECF1;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.step-form__radio-btn span i {
  opacity: 0;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
}
.step-form__radio-btn input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.step-form__radio-btn input:checked + span {
  background-color: #007aff;
}
.step-form__radio-btn input:checked + span i {
  opacity: 1;
}
.step-form__end-icon {
  font-size: 64px;
  text-align: center;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .step-form__end-icon {
    font-size: 100px;
  }
}
.step-form__end-title {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.56px;
  line-height: 1;
}
@media (min-width: 1024px) {
  .step-form__end-title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
}
.step-form__end-text {
  text-align: center;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #565454;
}
.step-form__end-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.contact-top-hero {
  position: relative;
}
.contact-top-hero .top-hero-text__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 343px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .contact-top-hero .top-hero-text__content {
    gap: 16px;
    max-width: 655px;
  }
}
@media (min-width: 1024px) {
  .contact-top-hero .team-filter__subtitle {
    margin-bottom: 16px;
  }
}
.contact-top-hero .social-links {
  margin-top: 16px;
}
.contact-top-hero__contact {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: underline;
  color: #1d1d1f;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .contact-top-hero__contact {
    font-size: 56px;
  }
}
.contact-top-hero__contact:hover {
  color: #007aff;
}
.contact-top-hero__contact:first-of-type {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.contact-top-hero__contact:last-of-type {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.contact-top-hero__contact .lines::after {
  width: 21px;
  height: 22px;
  background-size: contain;
  right: -16px;
  top: -8px;
  -webkit-transform: rotate(-28deg);
          transform: rotate(-28deg);
}
@media (min-width: 1024px) {
  .contact-top-hero__contact .lines::after {
    width: 50px;
    height: 56px;
    right: -41px;
    top: -23px;
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
}
.contact-top-hero__icon {
  position: absolute;
  width: 63px;
  height: 63px;
  border-radius: 100px;
  background-color: #E6EAEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 27px;
}
@media (min-width: 1280px) {
  .contact-top-hero__icon {
    width: 130px;
    height: 130px;
    font-size: 56px;
  }
}
.contact-top-hero__icon_tl {
  left: 177px;
  top: 47px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  display: none;
}
@media (min-width: 768px) {
  .contact-top-hero__icon_tl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.contact-top-hero__icon_bl {
  left: 33px;
  top: 166px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  display: none;
}
@media (min-width: 768px) {
  .contact-top-hero__icon_bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.contact-top-hero__icon_tr {
  top: 4px;
  right: 76px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (min-width: 768px) {
  .contact-top-hero__icon_tr {
    top: 47px;
    right: 177px;
  }
}
.contact-top-hero__icon_br {
  top: 40px;
  right: 0;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media (min-width: 768px) {
  .contact-top-hero__icon_br {
    top: 160px;
    right: 20px;
  }
}

.social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-links__title {
  font-size: 14px;
  font-weight: 500;
  color: #1d1d1f;
}
.social-links__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.social-links__nav .menu-item a {
  background: white;
  border-radius: 100px;
  padding: 6px 8px;
  color: #1d1d1f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
}
.social-links__nav .menu-item a:hover {
  color: #007aff;
}

.page-id-3367 {
  background-color: #f5f5f7;
}

.feedback-form {
  margin-bottom: 80px;
}
@media (min-width: 1024px) {
  .feedback-form {
    margin-bottom: 100px;
  }
}
.feedback-form .wpcf7-form.sent .wpcf7-response-output {
  display: none;
}
.feedback-form .step-form {
  margin: 0;
}
.feedback-form .step-form #feedback-form-step .step-form__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feedback-form .step-form__grid {
  min-height: inherit;
}
.feedback-form .submit {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.thank-you-popup {
  border-radius: 30px !important;
  padding: 20px !important;
  gap: 24px;
  width: 320px;
}
.thank-you-popup .step-form__end-icon {
  font-size: 64px;
}
.thank-you-popup .step-form__end-title {
  font-size: 28px;
  font-weight: 500;
}
.thank-you-popup .step-form__end-text {
  font-size: 16px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.thank-you-popup .is-close-btn svg {
  width: 15px;
  height: 15px;
}
.thank-you-popup .is-close-btn svg path {
  stroke-width: 4px;
}

.affiliate-list {
  position: relative;
  padding: 160px 0;
  width: 100%;
}
@media (max-width: 1560px) and (min-width: 1024px) {
  .affiliate-list {
    padding: 325px 0;
  }
}
@media (max-width: 1024px) {
  .affiliate-list {
    padding: 80px 0;
  }
}
.affiliate-list__title {
  position: relative;
}
.affiliate-list__title h2 {
  text-align: center;
  font-weight: 500;
  font-size: 56px;
  line-height: 72.8px;
}
.affiliate-list__title h2 .lines::after {
  right: inherit;
  left: -50%;
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}
@media (max-width: 768px) {
  .affiliate-list__title h2 .lines::after {
    top: 47px;
    left: -5px;
    background-size: cover;
    width: 20px;
    height: 25px;
    -webkit-transform: rotate(185deg);
            transform: rotate(185deg);
  }
}
@media (max-width: 768px) {
  .affiliate-list__title h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 35.2px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.affiliate-list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: white;
  margin-bottom: 16px;
  border-radius: 200px;
  padding: 16px 16px 16px 128px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 1024px) {
  .affiliate-list__item {
    padding: 16px 16px 16px 30px;
  }
}
@media (max-width: 768px) {
  .affiliate-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 32px;
    padding: 16px 16px 16px 16px;
  }
}
.affiliate-list__item:hover {
  background-color: #007aff;
}
.affiliate-list__item:hover .affiliate-list__number, .affiliate-list__item:hover .affiliate-list__item-title h3 {
  color: white;
}
.affiliate-list__item:hover .affiliate-list__details {
  background: radial-gradient(98.04% 123.91% at 10.4% 8.69%, #D9FF90 0%, #BFFF4A 100%);
}
.affiliate-list__number {
  position: absolute;
  top: 80px;
  color: #CFCFD3;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 2%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 1024px) {
  .affiliate-list__number {
    top: 60px;
  }
}
@media (max-width: 768px) {
  .affiliate-list__number {
    right: 16px;
    top: 33px;
  }
}
.affiliate-list__icon {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 40px;
  margin-left: 132px;
  border-radius: 100%;
}
@media (max-width: 1024px) {
  .affiliate-list__icon {
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    max-width: 64px;
  }
}
@media (max-width: 768px) {
  .affiliate-list__icon {
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .affiliate-list__item-title {
    width: 100%;
    max-width: 250px;
  }
}
@media (max-width: 768px) {
  .affiliate-list__item-title {
    max-width: 100%;
  }
}
.affiliate-list__item-title h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -2%;
  color: #1d1d1f;
  max-width: 500px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 1024px) {
  .affiliate-list__item-title h3 {
    font-size: 22px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .affiliate-list__item-title h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 30.8px;
    letter-spacing: -2%;
    margin-bottom: 16px;
    margin-top: 8px;
  }
}
.affiliate-list__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f5f7;
  border-radius: 300px;
  margin-left: auto;
  width: 100%;
  max-width: 500px;
  height: 220px;
  padding: 50px 130px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .affiliate-list__details {
    padding: 50px;
  }
}
@media (max-width: 768px) {
  .affiliate-list__details {
    border-radius: 24px;
    padding: 16px 16px 16px 50px;
    max-width: 100%;
    height: 100%;
  }
}
.affiliate-list__details ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Onest;
  font-weight: 400;
  font-size: 18px;
  line-height: 25.02px;
  letter-spacing: 0%;
  color: #565454;
}
.affiliate-list__details li {
  position: relative;
}
.affiliate-list__details li:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(./img/icons/star3.svg) no-repeat;
  background-size: cover;
  top: 5px;
  left: -20px;
}
.affiliate-list__details li + li {
  margin-top: 8px;
}

.marketing-tools {
  padding: 160px 40px 64px;
  background: #1d1d1f;
}
.marketing-tools__title h2 {
  font-weight: 500;
  position: relative;
  font-size: 56px;
  line-height: 72.8px;
  letter-spacing: 0%;
  text-align: center;
  z-index: 2;
  color: white;
}
@media (max-width: 768px) {
  .marketing-tools__title h2 {
    font-size: 32px;
    line-height: 35.2px;
  }
}
.marketing-tools__title h2 .lines:after {
  right: -50px;
  top: -15px;
  z-index: 1;
}
@media (max-width: 1520px) {
  .marketing-tools__title h2 .lines:after {
    right: -500px;
  }
}
@media (max-width: 1405px) {
  .marketing-tools__title h2 .lines:after {
    right: -350px;
  }
}
@media (max-width: 1257px) {
  .marketing-tools__title h2 .lines:after {
    right: -395px;
    top: -90px;
  }
}
@media (max-width: 995px) {
  .marketing-tools__title h2 .lines:after {
    right: -435px;
  }
}
@media (max-width: 768px) {
  .marketing-tools__title h2 .lines:after {
    top: -50px;
    right: -110px;
    background-size: cover;
    width: 20px;
    height: 25px;
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}
@media (max-width: 430px) {
  .marketing-tools__title h2 .lines:after {
    right: -195px;
  }
}
@media (max-width: 390px) {
  .marketing-tools__title h2 .lines:after {
    right: -110px;
  }
}
.marketing-tools__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.marketing-tools__btn-dark {
  margin-bottom: 52px;
}
.marketing-tools__btn-dark:hover {
  background: white;
  color: #1d1d1f;
}
.marketing-tools__btn-dark:hover svg path {
  fill: #1d1d1f;
  stroke: #1d1d1f;
}
@media (max-width: 1024px) {
  .marketing-tools {
    padding: 80px 24px 56px;
  }
}
.marketing-tools__content {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 1;
}
.marketing-tools__content-title {
  color: white;
  position: relative;
  z-index: 4;
  font-family: Clash Display;
  font-weight: 500;
  letter-spacing: -2%;
  margin-bottom: 32px;
}
.marketing-tools__content-subtitle p {
  font-family: Onest;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.68px;
  letter-spacing: 0%;
  color: white;
  position: relative;
  z-index: 4;
}
.marketing-tools__content--img {
  position: absolute;
  max-width: 100%;
}
.marketing-tools__content--img--topLeft {
  top: 15px;
  left: 0;
}
.marketing-tools__content--img--topCenter {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.marketing-tools__content--img--topRight {
  top: 0;
  right: 0;
}
.marketing-tools__content--img--centerLeft {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.marketing-tools__content--img--centerCenter {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.marketing-tools__content--img--centerRight {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.marketing-tools__content--img--bottomLeft {
  bottom: 40px;
  left: 0;
}
.marketing-tools__content--img--bottomCenter {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.marketing-tools__content--img--bottomRight {
  bottom: 40px;
  right: 0;
}
.marketing-tools__content--img--extraLeft {
  left: -40px;
  bottom: -47px;
}
.marketing-tools__content--img--extraLeftnoBottom {
  left: -40px;
  bottom: 0;
}
.marketing-tools__content--img--extraBottomnoLeft {
  left: -40px;
  bottom: -47px;
}
.marketing-tools__content--img--extraBottom {
  bottom: -22px;
  left: -40px;
}
.marketing-tools__content .background-overlay {
  position: absolute;
  top: -59px;
  left: -40px;
  right: 0;
  bottom: 0;
  background: rgba(43, 43, 43, 0.5);
  -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
  transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, background-color 0.5s ease;
  transition: transform 0.5s ease, background-color 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  border-radius: 30px;
  z-index: 1;
}
.marketing-tools__tile-open .marketing-tools__content .background-overlay {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.marketing-tools__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 768px) {
  .marketing-tools__grid {
    gap: 0;
  }
}
.marketing-tools__tile {
  position: relative;
  background: #003C7B;
  border-radius: 30px 30px 44px 30px;
  padding: 40px;
  width: 100%;
  margin-bottom: 96px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
  overflow: hidden;
}
@media (max-width: 768px) {
  .marketing-tools__tile {
    border-radius: 44px;
  }
}
.marketing-tools__tile--small {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 46%;
          flex: 0 1 46%;
}
.marketing-tools__tile--medium {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 47%;
          flex: 0 1 47%;
}
.marketing-tools__tile--large {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 48%;
          flex: 1 1 48%;
}
.marketing-tools__tile--x-large {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 49%;
          flex: 1 1 49%;
}
.marketing-tools__tile[data-size=small] {
  height: 536px;
}
.marketing-tools__tile[data-size=small] .marketing-tools__content-title h3 {
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .marketing-tools__tile[data-size=small] .marketing-tools__content-title h3 {
    font-size: 24px;
    line-height: 28.8px;
    margin: 0;
  }
  .marketing-tools__tile[data-size=small] .marketing-tools__content-title h3 p {
    margin: 0;
  }
}
.marketing-tools__tile[data-size=medium] {
  height: 620px;
}
@media (max-width: 991px) {
  .marketing-tools__tile[data-size=medium] {
    height: 380px;
  }
}
.marketing-tools__tile[data-size=medium] .marketing-tools__content-title h3 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 991px) {
  .marketing-tools__tile[data-size=medium] .marketing-tools__content-title h3 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .marketing-tools__tile[data-size=medium] .marketing-tools__content-title h3 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .marketing-tools__tile[data-size=medium] .marketing-tools__content-title h3 p {
    margin: 0;
  }
}
.marketing-tools__tile[data-size=large] {
  height: 800px;
}
@media (max-width: 991px) {
  .marketing-tools__tile[data-size=large] {
    height: 600px;
  }
}
.marketing-tools__tile[data-size=large] .marketing-tools__content-title h3 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 991px) {
  .marketing-tools__tile[data-size=large] .marketing-tools__content-title h3 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .marketing-tools__tile[data-size=large] .marketing-tools__content-title h3 {
    font-size: 24px;
    line-height: 28.8px;
  }
  .marketing-tools__tile[data-size=large] .marketing-tools__content-title h3 p {
    margin: 0;
  }
}
.marketing-tools__tile--top {
  top: -50px;
}
.marketing-tools__tile--center {
  top: 50%;
}
.marketing-tools__tile--bottom {
  bottom: -280px;
}
@media (max-width: 991px) {
  .marketing-tools__tile--bottom {
    bottom: -100px;
  }
}
@media (max-width: 768px) {
  .marketing-tools__tile {
    margin-bottom: 24px;
  }
  .marketing-tools__tile--small, .marketing-tools__tile--medium, .marketing-tools__tile--large, .marketing-tools__tile--x-large {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
  .marketing-tools__tile[data-size=small], .marketing-tools__tile[data-size=medium], .marketing-tools__tile[data-size=large] {
    height: 329px;
  }
  .marketing-tools__tile--top, .marketing-tools__tile--center, .marketing-tools__tile--bottom {
    top: 0;
    bottom: inherit;
  }
}
.marketing-tools__tile-open {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.marketing-tools__toggle {
  position: absolute;
  right: 15px;
  bottom: 15px;
  border: 0;
  background: white;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 3;
}
@media (max-width: 768px) {
  .marketing-tools__toggle {
    width: 70px;
    height: 70px;
    bottom: 10px;
    right: 13px;
  }
}
.marketing-tools__toggle-pluse {
  display: block;
}
.marketing-tools__toggle-minus {
  display: none;
}
.marketing-tools__list {
  position: absolute;
  margin: 9px;
  bottom: 0;
  left: 0;
  padding: 24px 56px 65px;
  background-color: white;
  border-radius: 28px;
  z-index: 2;
}
@media (max-width: 768px) {
  .marketing-tools__list {
    padding: 24px 40px 65px;
    border-radius: 34px;
  }
}
.marketing-tools ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.marketing-tools ul li {
  position: relative;
  font-family: Onest;
  font-weight: 500;
  font-size: 18px;
  line-height: 25.02px;
  letter-spacing: -2%;
  color: #1d1d1f;
}
.marketing-tools ul li span {
  font-weight: 800;
  color: #007aff;
}
.marketing-tools ul li svg {
  position: absolute;
  left: -30px;
  top: 1px;
}
.marketing-tools ul li + li {
  margin-top: 12px;
}

.custom-cursor {
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  z-index: 10000;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
}
.custom-cursor::after {
  content: "+";
  font-size: 24px;
  color: white;
  font-weight: bold;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.custom-cursor.cursor-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.custom-cursor.cursor-active::after {
  opacity: 1;
}

.marketing-tools__tile {
  cursor: none;
}
.marketing-tools__tile:hover ~ .custom-cursor {
  opacity: 1;
}

.marketing-tools__content-subtitle {
  max-width: 50%;
}
@media (max-width: 768px) {
  .marketing-tools__content-subtitle {
    max-width: 100%;
  }
}

.site-header {
  z-index: 99;
  position: relative;
}
.site-header.scroll .site-header__menu.scrolled {
  -webkit-animation: menuDown 1s both;
          animation: menuDown 1s both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.site-header.scroll .menu-logo_desk {
  -webkit-animation: menuDown 1s both;
          animation: menuDown 1s both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.site-header__area {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  position: relative;
}
@media (max-width: 768px) {
  .site-header__area {
    display: none;
  }
}
.site-header .portfolio-slider__team-fotos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .portfolio-slider__team-fotos span {
  border: 2px solid white;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.site-header .portfolio-slider__team-fotos span + span {
  margin: 0 0 0 -10px;
}
.site-header .portfolio-slider__team-fotos img {
  border-radius: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.site-header .portfolio-slider__team-bg_blue {
  background-color: #dce4f4;
}
.site-header .portfolio-slider__team-bg_green {
  background-color: #e8f6cd;
}
.site-header .portfolio-slider__team-bg_pink {
  background-color: #f8e5fc;
}
.site-header .portfolio-slider__tech-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .portfolio-slider__tech-icons img {
  border: 2px solid white;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.site-header .portfolio-slider__tech-icons img + img {
  margin: 0 0 0 -10px;
}
.site-header__team, .site-header__technology, .site-header__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 16px;
}
.site-header__team p, .site-header__technology p, .site-header__rating p {
  margin: 0 0 0 8px;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #1d1d1f;
}
.site-header__rating {
  position: relative;
}
.site-header__rating a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.site-header__nav {
  background: rgba(232, 232, 239, 0.1607843137);
  border-radius: 30px;
  padding: 10px 44px;
}
@media (max-width: 1024px) {
  .site-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 10px 20px 10px 44px;
  }
}
.site-header__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .site-header__nav ul.site-header__top-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.site-header__nav ul li {
  margin-right: 16px;
}
@media (max-width: 1024px) {
  .site-header__nav ul li {
    margin-right: 10px;
    margin-bottom: 12px;
  }
}
.site-header__nav ul a {
  text-decoration: unset;
  font-family: "Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #565454;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .site-header__nav ul a {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
  }
}
.site-header__nav ul a:hover {
  color: #007aff;
}
.site-header__nav .site-header__top-menu-second-wrap {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #565454;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .site-header__nav .site-header__top-menu-second-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 26px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.site-header__nav .site-header__top-menu-second-wrap li a {
  padding: 2px 6px;
  background-color: white;
  border-radius: 100px;
  color: #565454;
}
.site-header__nav .site-header__top-menu-second-wrap li:first-child a:hover, .site-header__nav .site-header__top-menu-second-wrap li:nth-child(2) a:hover {
  color: #007aff;
}
.site-header__nav .site-header__top-menu-second-wrap li:first-child {
  margin-left: 16px;
}
@media (max-width: 1024px) {
  .site-header__nav .site-header__top-menu-second-wrap li:first-child a {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
  }
}
.site-header__nav .site-header__top-menu-second-wrap li.m-top {
  margin-top: 16px;
  margin-left: 0;
}
.site-header__nav .site-header__top-menu-second-wrap li.m-top a {
  color: #565454;
}
.site-header__nav-bottom, .site-header__nav-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.site-header__nav-top {
  display: none;
  margin-bottom: 20px;
  padding: 20px 0px;
}
@media (min-width: 1025px) {
  .site-header__nav-top {
    max-height: 64px;
    opacity: 0;
  }
}
@media (max-width: 1024px) {
  .site-header__nav-top {
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1025px) {
  .site-header__nav-top.active {
    -webkit-animation: menuDropShow 0.5s ease-in-out forwards;
            animation: menuDropShow 0.5s ease-in-out forwards;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
}
.site-header__nav-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .site-header__nav-bottom {
    min-height: 40px;
    position: relative;
  }
}
.site-header__nav-bottom .btn {
  animation: display-none-transition 0.5s both;
  -webkit-animation: display-none-transition 0.5s both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #565454;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .site-header__nav-bottom .btn {
    display: none;
  }
}
@media (min-width: 768px) {
  .site-header__nav-bottom .btn {
    white-space: nowrap;
  }
}
.site-header__nav-bottom .btn svg {
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.site-header__nav-bottom .btn svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.site-header__nav-bottom .btn:hover {
  color: #007aff;
}
.site-header__nav-bottom .btn:hover svg path {
  fill: #007aff;
}
.site-header__nav-bottom .menu-btn {
  animation: display-none-transition 0.5s both;
  -webkit-animation: display-none-transition 0.5s both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #565454;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .site-header__nav-bottom .menu-btn {
    white-space: nowrap;
  }
}
.site-header__nav-bottom .menu-btn svg {
  margin: 4px 8px;
  display: none;
  width: 11px;
}
.site-header__nav-bottom .menu-btn svg rect {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.site-header__nav-bottom .menu-btn .open {
  display: block;
}
.site-header__nav-bottom .menu-btn.active {
  color: #007aff;
}
.site-header__nav-bottom .menu-btn.active .open {
  display: none;
}
.site-header__nav-bottom .menu-btn.active .close {
  display: block;
}
.site-header__nav-bottom .menu-btn:hover {
  color: #007aff;
}
.site-header__nav-bottom .menu-btn:hover svg rect {
  fill: #007aff;
}
.site-header__nav-bottom .menu-logo {
  height: 44px;
  margin-top: -4px;
}
@media (min-width: 768px) {
  .site-header__nav-bottom .menu-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
  }
}
.site-header .mobile_link {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #565454;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .site-header .mobile_link {
    margin-top: 20px;
  }
}
.site-header .mobile_link span {
  padding: 8px 3px;
  position: relative;
}
.site-header .mobile_link span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDAuNDk1MTE3TDE5Ljk5NDggNS41MTk1MUwyNi4yODQ2IDQuMjM4NDFMMjYuMTE1MiAxMC42NTUxTDMxLjc1NjkgMTMuNzE2N0wyNy41MDI2IDE4LjUyMzNMMjkuODU2NCAyNC40OTUxTDIzLjUwNzggMjUuNDQyNUwyMS40NzIzIDMxLjUzMDJMMTYgMjguMTc1MUwxMC41Mjc3IDMxLjUzMDJMOC40OTIyNCAyNS40NDI1TDIuMTQzNTkgMjQuNDk1MUw0LjQ5NzQ1IDE4LjUyMzNMMC4yNDMwNzYgMTMuNzE2N0w1Ljg4NDgyIDEwLjY1NTFMNS43MTU0IDQuMjM4NDFMMTIuMDA1MiA1LjUxOTUxTDE2IDAuNDk1MTE3WiIgZmlsbD0iI0ZGNzI2MiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
  z-index: -1;
}
.site-header .mobile_link:hover span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDAuNDk1MTE3TDE5Ljk5NDggNS41MTk1MUwyNi4yODQ2IDQuMjM4NDFMMjYuMTE1MiAxMC42NTUxTDMxLjc1NjkgMTMuNzE2N0wyNy41MDI2IDE4LjUyMzNMMjkuODU2NCAyNC40OTUxTDIzLjUwNzggMjUuNDQyNUwyMS40NzIzIDMxLjUzMDJMMTYgMjguMTc1MUwxMC41Mjc3IDMxLjUzMDJMOC40OTIyNCAyNS40NDI1TDIuMTQzNTkgMjQuNDk1MUw0LjQ5NzQ1IDE4LjUyMzNMMC4yNDMwNzYgMTMuNzE2N0w1Ljg4NDgyIDEwLjY1NTFMNS43MTU0IDQuMjM4NDFMMTIuMDA1MiA1LjUxOTUxTDE2IDAuNDk1MTE3WiIgZmlsbD0iIzAwN0FGRiIvPgo8L3N2Zz4K");
}

.site-header__nav.active .site-header__nav-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-header__menu {
  margin-top: auto;
  position: fixed;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  max-width: 448px;
  width: calc(100% - 32px);
  background: rgba(232, 232, 239, 0.16);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-radius: 30px;
  will-change: width;
  -webkit-transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out;
}
@media (max-width: 1024px) {
  .site-header__menu {
    bottom: 70px;
  }
}
@media (max-width: 768px) {
  .site-header__menu {
    bottom: 70px;
  }
}
@media (min-width: 1025px) {
  .site-header__menu.active {
    max-width: 902px;
    width: 902px;
  }
}
.site-header__menu.scrolled {
  width: 80px;
}
.site-header__menu.scrolled .site-header__nav {
  padding: 10px 20px;
}
.site-header__menu.scrolled .site-header__nav-bottom .menu-btn,
.site-header__menu.scrolled .site-header__nav-bottom .btn {
  white-space: nowrap;
  animation: display-none-transition 0.3s both;
  -webkit-animation: display-none-transition 0.3s both;
  display: none;
}

.error404 .site-header__area,
.page-id-261 .site-header__area,
.technology-template-default .site-header__area {
  display: none;
}

@-webkit-keyframes display-none-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes display-none-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
div.cursors {
  display: none;
}
@media (min-width: 1024px) {
  div.cursors {
    display: block;
  }
}

div.cursors .cursors-icon {
  position: absolute;
  top: 300px;
  left: 300px;
  z-index: 10000;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
div.cursors .cursors-icon span {
  width: 16px;
  height: 16px;
  background-color: #007aff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.cursors .cursors-icon.active span {
  width: 56px;
  height: 56px;
}

[data-hover]:not([data-hover=circleGreen]) {
  cursor: none;
}

.color-violet .mobile_link {
  color: white;
}

.color-violet .menu-logo_desk path {
  fill: white;
}

@media (min-width: 1025px) {
  .menu-logo_mob {
    display: none;
  }
}
.menu-logo_desk {
  display: none;
}
@media (min-width: 1025px) {
  .menu-logo_desk {
    display: block;
    position: fixed;
    z-index: 1;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    bottom: 80px;
  }
}

#breadcrumbs {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.68px;
  color: #adadb4;
  padding: 20px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#breadcrumbs a {
  color: #adadb4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#breadcrumbs a:hover {
  color: #007aff;
}

@-webkit-keyframes menuDown {
  0% {
    bottom: 80px;
  }
  100% {
    bottom: -100%;
  }
}

@keyframes menuDown {
  0% {
    bottom: 80px;
  }
  100% {
    bottom: -100%;
  }
}
@-webkit-keyframes menuDropShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes menuDropShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.site-footer .container {
  max-width: 1204px;
}
.site-footer-wrap {
  background: radial-gradient(67.57% 222.75% at 26.46% 105.06%, #d9ff90 0%, #bfff4a 100%);
  border-radius: 30px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
  background-size: 100%;
  -webkit-transform: rotate(1.6deg);
          transform: rotate(1.6deg);
}
@media (max-width: 768px) {
  .site-footer-wrap {
    position: relative;
    top: 10px;
  }
}
.site-footer__border {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='%23007AFFFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 30px;
  background-size: 100%;
  -webkit-transform: rotate(-1.6deg);
          transform: rotate(-1.6deg);
  background-repeat: no-repeat;
  max-width: 1204px;
  padding: 0 6px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  .site-footer__border {
    padding-top: 4px;
  }
}
.site-footer__border svg {
  position: absolute;
}
.site-footer__border svg:first-child {
  top: 0;
  left: 0;
}
.site-footer__border svg:nth-child(2) {
  top: 0;
  right: 0;
}
.site-footer__border svg:nth-child(3) {
  bottom: 0;
  right: 0;
}
.site-footer__border svg:nth-child(4) {
  bottom: 0;
  left: 0;
}
.site-footer__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 61.6px;
  text-align: center;
  padding-top: 140px;
  margin: 0 auto 24px;
  max-width: 946px;
  margin-top: 0 !important;
}
.site-footer__title > * {
  font-size: clamp(32px, 6vw, 56px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: clamp(16px, 2vw, 24px);
  margin-top: 0;
}
@media (max-width: 768px) {
  .site-footer__title > * {
    font-size: 24px !important;
  }
}
@media (max-width: 1024px) {
  .site-footer__title {
    padding-top: 80px;
  }
}
@media (max-width: 768px) {
  .site-footer__title {
    padding-top: 40px;
  }
}
.site-footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.site-footer__text {
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.02px;
  text-align: center;
  color: #565454;
  margin: 0 auto;
  max-width: 689px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .site-footer__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%;
    /* 22.24px */
  }
}
.site-footer .btn {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  padding: 14px 39px 18px 39px;
}
@media (max-width: 480px) {
  .site-footer .btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.site-footer .btn svg {
  position: relative;
  top: 4px;
  left: 10px;
}
.site-footer .site-header__top-menu-second-wrap {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #1d1d1f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 140px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 64px;
}
@media (max-width: 768px) {
  .site-footer .site-header__top-menu-second-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 50px auto 0;
    padding-bottom: 40px;
  }
}
.site-footer .site-header__top-menu-second-wrap li:first-child, .site-footer .site-header__top-menu-second-wrap li:nth-child(2) {
  margin-left: 12px;
}
.site-footer .site-header__top-menu-second-wrap li:first-child a, .site-footer .site-header__top-menu-second-wrap li:nth-child(2) a {
  background: white;
  border-radius: 100px;
  padding: 6px 8px;
  color: #1d1d1f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.site-footer .site-header__top-menu-second-wrap li:first-child a:hover, .site-footer .site-header__top-menu-second-wrap li:nth-child(2) a:hover {
  color: #007aff;
}
.site-footer .site-header__top-menu-second-wrap li:nth-child(2) {
  margin-left: 4px;
}
.site-footer .site-header__top-menu-second-wrap > li.m-top {
  list-style: none;
  margin-left: 0;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  display: block;
}
.site-footer .site-header__top-menu-second-wrap > li.m-top a {
  background: unset !important;
}
.site-footer__bottom {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 32px;
  gap: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (max-width: 768px) {
  .site-footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
  }
  .site-footer__bottom .site-footer__lang {
    text-align: center;
  }
}
.site-footer__bottom li {
  margin-right: 16px;
}
.site-footer__bottom li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #1d1d1f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.site-footer__bottom li a:hover {
  color: #007aff;
}
.site-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .site-footer ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.site-footer__lang span {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #1d1d1f;
  margin-left: 16px;
}
.site-footer__lang span .lang-item a {
  opacity: 0.4;
}
.site-footer__lang span .current-lang a {
  color: #007aff;
  opacity: 1;
}
@media (max-width: 768px) {
  .site-footer__lang ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -15px;
  }
}
.site-footer__lang.hidden {
  display: none;
}
.site-footer .mobile_link {
  margin-left: 20px;
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1d1d1f;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .site-footer .mobile_link {
    margin-top: 20px;
    margin-left: 0;
  }
}
.site-footer .mobile_link span {
  padding: 8px 3px;
  position: relative;
}
.site-footer .mobile_link span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDAuNDk1MTE3TDE5Ljk5NDggNS41MTk1MUwyNi4yODQ2IDQuMjM4NDFMMjYuMTE1MiAxMC42NTUxTDMxLjc1NjkgMTMuNzE2N0wyNy41MDI2IDE4LjUyMzNMMjkuODU2NCAyNC40OTUxTDIzLjUwNzggMjUuNDQyNUwyMS40NzIzIDMxLjUzMDJMMTYgMjguMTc1MUwxMC41Mjc3IDMxLjUzMDJMOC40OTIyNCAyNS40NDI1TDIuMTQzNTkgMjQuNDk1MUw0LjQ5NzQ1IDE4LjUyMzNMMC4yNDMwNzYgMTMuNzE2N0w1Ljg4NDgyIDEwLjY1NTFMNS43MTU0IDQuMjM4NDFMMTIuMDA1MiA1LjUxOTUxTDE2IDAuNDk1MTE3WiIgZmlsbD0iI0ZGNzI2MiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
  z-index: -1;
}
.site-footer .mobile_link:hover span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDAuNDk1MTE3TDE5Ljk5NDggNS41MTk1MUwyNi4yODQ2IDQuMjM4NDFMMjYuMTE1MiAxMC42NTUxTDMxLjc1NjkgMTMuNzE2N0wyNy41MDI2IDE4LjUyMzNMMjkuODU2NCAyNC40OTUxTDIzLjUwNzggMjUuNDQyNUwyMS40NzIzIDMxLjUzMDJMMTYgMjguMTc1MUwxMC41Mjc3IDMxLjUzMDJMOC40OTIyNCAyNS40NDI1TDIuMTQzNTkgMjQuNDk1MUw0LjQ5NzQ1IDE4LjUyMzNMMC4yNDMwNzYgMTMuNzE2N0w1Ljg4NDgyIDEwLjY1NTFMNS43MTU0IDQuMjM4NDFMMTIuMDA1MiA1LjUxOTUxTDE2IDAuNDk1MTE3WiIgZmlsbD0iIzAwN0FGRiIvPgo8L3N2Zz4K");
}
.site-footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .site-footer__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 32px;
  }
}
.site-footer__privacy-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 768px) {
  .site-footer__privacy-links {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.site-footer__privacy-links a {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #1d1d1f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.site-footer__privacy-links a:hover {
  color: #007aff;
}
.site-footer .footer__top-menu-second-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 16px;
}
@media (max-width: 768px) {
  .site-footer .footer__top-menu-second-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.site-footer .footer__top-menu-second-wrap > a {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #1d1d1f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.site-footer .footer__top-menu-second-wrap > a:hover {
  color: #007aff;
}

.page-id-3437 .site-footer,
.page-id-3710 .site-footer {
  display: none;
}

.single-portfolio {
  background-color: #f5f5f7;
}
.single-portfolio__headline {
  text-align: center;
}
.single-portfolio__headline h1 {
  color: #1d1d1f;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 9px;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .single-portfolio__headline h1 {
    padding: 0;
    font-size: 48px;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .single-portfolio__headline h1 {
    font-size: 56px;
  }
}
.single-portfolio__year {
  font-size: 16px;
  font-weight: 500;
  color: #007aff;
  margin: 0 0 17px 0;
}
@media (min-width: 1024px) {
  .single-portfolio__year {
    margin: 0 0 8px 0;
  }
}
.single-portfolio__head {
  margin: 80px 0 24px;
}
@media (min-width: 1024px) {
  .single-portfolio__head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 80px 0 64px;
  }
}
.single-portfolio__head-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  position: relative;
}
@media (min-width: 1024px) {
  .single-portfolio__head-info {
    grid-gap: 20px;
  }
}
.single-portfolio__head-item {
  padding: 24px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 11px;
}
@media (min-width: 1024px) {
  .single-portfolio__head-item {
    padding: 32px 16px;
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  .single-portfolio__head-item {
    font-size: 16px;
    padding: 43px 32px;
  }
}
.single-portfolio__head-item span {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  display: block;
}
@media (min-width: 1024px) {
  .single-portfolio__head-item span {
    font-size: 32px;
  }
}
@media (min-width: 1280px) {
  .single-portfolio__head-item span {
    font-size: 48px;
  }
}
.single-portfolio__head-item sup {
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .single-portfolio__head-item sup {
    font-size: 24px;
    top: -0.3em;
  }
}
@media (min-width: 1280px) {
  .single-portfolio__head-item sup {
    top: -0.8em;
  }
}
.single-portfolio__head-item_development {
  background-color: #e7ecf8;
  color: #007aff;
}
.single-portfolio__head-item_design {
  background-color: #f8e5fc;
  color: #a900ac;
}
.single-portfolio__head-item_management {
  background-color: #e8f6cd;
  color: #95bf47;
}
.single-portfolio__head-icon {
  position: absolute;
  top: -45px;
  right: 10px;
}
@media (min-width: 1024px) {
  .single-portfolio__head-icon {
    top: -35px;
    left: 32%;
    right: inherit;
  }
}
.single-portfolio .site-btn {
  height: 37px;
  padding: 8px 16px 8px 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 5;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.single-portfolio .site-btn svg {
  position: relative;
  top: 4px;
  left: 3px;
}

.single-post {
  background-color: #f5f5f7;
}
.single-post__last-posts-area {
  margin: 80px 0;
}
@media (min-width: 1280px) {
  .single-post__last-posts-area {
    margin: 140px 0;
  }
}
.single-post__top {
  height: 460px;
  background-color: #007aff;
}
.single-post__top .dn {
  display: none;
}
.single-post__wrap {
  padding: 24px;
  -webkit-box-shadow: 0px 0px 0px 8px rgba(66, 114, 221, 0.25);
          box-shadow: 0px 0px 0px 8px rgba(66, 114, 221, 0.25);
  border-radius: 24px;
  border: 1px solid #007aff;
  margin: -326px 0 80px;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .single-post__wrap {
    padding: 64px;
    margin: -326px 0 150px;
  }
}
.single-post__head {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 24px;
  margin: 80px 0 96px;
}
@media (min-width: 768px) {
  .single-post__head {
    grid-template-columns: 1.35fr 1fr;
    grid-gap: 48px;
  }
}
.single-post__head h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  color: #1d1d1f;
  margin: 0;
}
@media (min-width: 768px) {
  .single-post__head h1 {
    font-size: 28px;
    padding: 0 16px 0 0;
  }
}
@media (min-width: 1024px) {
  .single-post__head h1 {
    font-size: 32px;
  }
}
@media (min-width: 1440px) {
  .single-post__head h1 {
    font-size: 56px;
  }
}
.single-post__head .blog-posts__article-date {
  color: #596681;
}
.single-post__img {
  font-size: 0;
  border-radius: 16px;
  border: 1px solid #e7ecf8;
  overflow: hidden;
}
.single-post__img img {
  max-height: 195px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .single-post__img img {
    max-height: 344px;
  }
}
.single-post__body {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .single-post__body {
    grid-template-columns: 65px 1fr;
    grid-gap: 32px;
  }
}
@media (min-width: 1280px) {
  .single-post__body {
    grid-template-columns: 65px 1fr 347px;
    grid-gap: 48px;
  }
}
.single-post__content {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .single-post__content {
    font-size: 18px;
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
  }
}
.single-post__content > * {
  margin: 16px 0 0 0;
}
.single-post__content > *:first-child {
  margin: 0;
}
.single-post__content img {
  border-radius: 16px;
  display: block;
  margin: 32px 0;
}
.single-post__content strong,
.single-post__content b {
  color: #1d1d1f;
  font-weight: 500;
}
.single-post__content ul,
.single-post__content ol,
.single-post__content p {
  margin: 16px 0 0 0;
  color: #565454;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
}
.single-post__content > ol > li {
  margin: 0 0 24px 0;
}
.single-post__content a {
  color: #007aff;
  text-decoration-line: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  word-break: break-all;
}
.single-post__content a:hover {
  color: #0A59B0 !important;
}
.single-post__content blockquote p {
  font-style: italic;
}
.single-post__content figure {
  font-size: 0;
}
.single-post__content figure img {
  border-radius: 16px;
}
.single-post__content figure figcaption {
  font-size: 14px;
}
.single-post__content h2,
.single-post__content h3,
.single-post__content h4,
.single-post__content h5,
.single-post__content h6 {
  color: #1d1d1f;
  margin-top: 32px;
  font-weight: 600;
}
.single-post__content h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
@media (min-width: 1024px) {
  .single-post__content h2 {
    font-size: 24px;
  }
}
.single-post__content h3 {
  font-size: 18px;
}
@media (min-width: 1024px) {
  .single-post__content h3 {
    font-size: 22px;
  }
}
.single-post__content h4,
.single-post__content h5,
.single-post__content h6 {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .single-post__content h4,
  .single-post__content h5,
  .single-post__content h6 {
    font-size: 20px;
  }
}
.single-post__content ul {
  list-style: none;
  position: relative;
}
.single-post__content ul li::before {
  content: "•";
  color: #007aff;
  font-size: 20px;
  position: absolute;
  left: 20px;
}
.single-post__share {
  text-decoration: none;
  padding: 2px 6px;
  display: block;
  border-radius: 100px;
  background-color: #f5f5f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1d1d1f;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-weight: 500;
}
.single-post__share:hover {
  color: #007aff;
}
.single-post__sticky {
  position: sticky;
  top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 48px 0 16px;
  padding: 0 0 16px 0;
}
@media (min-width: 1024px) {
  .single-post__sticky {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    background: none;
  }
}
.single-post__subtitle {
  font-weight: 600;
  color: #1d1d1f;
  margin-right: auto;
  font-size: 18px;
}
@media (min-width: 1024px) {
  .single-post__subtitle {
    margin-bottom: 16px;
  }
}
@media (min-width: 576px) {
  .single-post__subtitle {
    margin-right: inherit;
  }
}
.single-post__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .single-post__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .single-post__sidebar {
    grid-column: 1/span 2;
  }
}
@media (min-width: 1280px) {
  .single-post__sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column: inherit;
  }
}
@media (min-width: 576px) {
  .single-post__sidebar .single-post__subtitle {
    margin-right: inherit;
  }
}
@media (min-width: 768px) {
  .single-post__sidebar .single-post__subtitle {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
@media (min-width: 1280px) {
  .single-post__sidebar .single-post__subtitle {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.single-post__sidebar_sticky {
  position: sticky;
  top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .single-post__sidebar_sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .single-post__sidebar_sticky {
    grid-column: 1/span 2;
  }
}
@media (min-width: 1280px) {
  .single-post__sidebar_sticky {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column: inherit;
  }
}
.single-post__related {
  background-color: #e7ecf8;
  padding: 24px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-post__related h3 {
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.single-post__related h3 a {
  text-decoration: none;
  color: #1d1d1f;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.single-post__related h3 a:hover {
  color: #007aff;
}
@media (min-width: 768px) {
  .single-post__related {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 12px);
            flex: 0 1 calc(50% - 12px);
  }
}
@media (min-width: 1280px) {
  .single-post__related {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.single-post__last-posts {
  margin: 80px 0;
}
@media (min-width: 1024px) {
  .single-post__last-posts {
    margin: 140px 0;
  }
}
.single-post__last-posts-head {
  max-width: 689px;
  margin: 0 auto;
  text-align: center;
}
.single-post__last-posts-head .title_h2 {
  line-height: 1.1;
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 24px 0;
}
@media (min-width: 1024px) {
  .single-post__last-posts-head .title_h2 {
    font-size: 56px;
  }
}
.single-post__last-posts-head .title_h2 .lines::after {
  right: -60px;
  top: -10px;
}
.single-post__last-posts-head .text_default {
  color: #565454;
}
.single-post__last-posts-carusel {
  margin: 32px 0 0 0;
  padding: 0 0 3px 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .single-post__last-posts-carusel {
    margin: 56px 0 0 0;
  }
}
.single-post__last-posts-carusel .team-carusel__nav {
  margin: 24px 0 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-post__last-posts-carusel .team-carusel__nav svg rect {
  fill: white;
}
.single-post__last-posts .swiper-slide {
  height: auto;
}
.single-post__last-posts .swiper-slide .blog-posts__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  gap: 0;
}
.single-post__last-posts .swiper-slide .blog-posts__article-text {
  display: none;
}
.single-post__last-posts .swiper-slide .blog-posts__article-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .single-post__last-posts .swiper-slide .blog-posts__article-title {
    font-size: 18px;
  }
}
.single-post__last-posts .swiper-slide .blog-posts__article-btn {
  width: 100%;
  max-width: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.privacy__head {
  grid-template-columns: 100%;
  position: relative;
  padding-right: 70px;
}
@media (min-width: 1024px) {
  .privacy__head {
    padding-right: 140px;
  }
}
.privacy__head-icon {
  position: absolute;
  top: -10px;
  right: 0;
  width: 63px;
  height: 44px;
}
@media (min-width: 1024px) {
  .privacy__head-icon {
    top: -30px;
    width: inherit;
    height: inherit;
  }
}
@media (min-width: 1280px) {
  .privacy__head h1 {
    font-size: 48px;
  }
}
.privacy__body {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .privacy__body {
    grid-template-columns: 1fr 347px;
    grid-gap: 32px;
  }
}
@media (min-width: 1280px) {
  .privacy__body {
    grid-gap: 48px;
  }
}
.privacy__body .single-post__sidebar {
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
  grid-column: inherit;
  margin: 0 0 32px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .privacy__body .single-post__sidebar {
    margin: 0;
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
  }
}
.privacy__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 24px 0 0 0;
}
.privacy__links a {
  text-decoration: none;
  padding: 24px;
  background-color: #e7ecf8;
  border-radius: 16px;
  color: #1d1d1f;
  font-weight: 500;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.privacy__links a._active {
  color: #007aff;
}

.page-template-page-template-privacy {
  background-color: #f5f5f7;
}
.page-template-page-template-privacy .site-header__top-menu-second-wrap {
  display: none;
}
.page-template-page-template-privacy .site-footer__center {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .page-template-page-template-privacy .site-footer__center {
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .page-template-page-template-privacy .site-footer__center {
    padding-bottom: 140px;
  }
}

body._active {
  overflow: hidden;
}
body._active .affiliate-acc__overlay {
  opacity: 1;
  z-index: 90;
}
body._active .affiliate-acc__sidebar {
  left: 0;
  opacity: 1;
  overflow-y: auto;
}

.page-template-page-template-affiliate {
  background-color: #ECECF1;
}
.page-template-page-template-affiliate.um-page-login, .page-template-page-template-affiliate.page-id-4219, .page-template-page-template-affiliate.page-id-3951 {
  background-color: #F5F5F7;
}
.page-template-page-template-affiliate.um-page-login .site-main, .page-template-page-template-affiliate.page-id-4219 .site-main, .page-template-page-template-affiliate.page-id-3951 .site-main {
  height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-template-page-template-affiliate .container-acc {
  max-width: 1000px;
}
.page-template-page-template-affiliate .um-account-side,
.page-template-page-template-affiliate .um-account-main {
  display: none;
}
.page-template-page-template-affiliate .affiliate-acc_block {
  background-color: white;
  border-radius: 30px;
}
.page-template-page-template-affiliate .affiliate-acc__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 18px 0 16px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__header {
    margin: 18 0 27px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__logo {
  line-height: 0;
}
.page-template-page-template-affiliate .affiliate-acc__logo svg {
  width: 113px;
  height: 36px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__logo svg {
    width: 148px;
    height: 48px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.page-template-page-template-affiliate .affiliate-acc__logout, .page-template-page-template-affiliate .affiliate-acc__username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1d1d1f;
  text-decoration: none;
}
.page-template-page-template-affiliate .affiliate-acc__logout {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__logout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__username {
    background-color: white;
    border-radius: 32px;
    padding: 12px 24px 12px 16px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__tolt-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1d1d1f;
  background-color: #AEEB41;
  padding: 12px 16px;
  border-radius: 32px;
  text-align: center;
}
.page-template-page-template-affiliate .affiliate-acc__menu-icon {
  position: relative;
  z-index: 100;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1d1d1f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__menu-icon {
    display: none;
  }
}
.page-template-page-template-affiliate .affiliate-acc__wrap {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 8px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__wrap {
    grid-template-columns: 299px 1fr;
  }
}
@media (max-width: 1023px) {
  .page-template-page-template-affiliate .affiliate-acc__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__overlay {
    display: none;
  }
}
@media (max-width: 1023px) {
  .page-template-page-template-affiliate .affiliate-acc__sidebar {
    position: fixed;
    height: calc(var(--vh, 1vh) * 100);
    left: -100%;
    top: 0;
    z-index: 90;
    opacity: 0;
    width: 299px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: white;
    margin: 0;
    border-radius: 0 30px 30px 0;
    padding: 85px 32px 32px 16px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__nav {
    height: 75vh;
    position: sticky;
    top: 8px;
    padding: 16px 16px 32px 16px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__tolt-link {
  margin-top: auto;
}
.page-template-page-template-affiliate .affiliate-acc__menu {
  margin: 0;
  padding: 0;
}
.page-template-page-template-affiliate .affiliate-acc__menu li {
  padding: 12px 16px;
  border-radius: 16px;
  color: #1d1d1f;
  list-style: none;
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
}
.page-template-page-template-affiliate .affiliate-acc__menu li svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.page-template-page-template-affiliate .affiliate-acc__menu li svg path {
  -webkit-transition: stroke 0.3s ease-in-out;
  transition: stroke 0.3s ease-in-out;
}
.page-template-page-template-affiliate .affiliate-acc__menu li.active {
  color: #007aff;
}
.page-template-page-template-affiliate .affiliate-acc__menu li.active svg path {
  stroke: #007aff;
}
.page-template-page-template-affiliate .affiliate-acc__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.page-template-page-template-affiliate .affiliate-acc__tab-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.page-template-page-template-affiliate .affiliate-acc__info {
  padding: 32px 20px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__info {
    padding: 32px 56px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__info_first {
  margin-top: -60px;
  padding-top: 60px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__info_first {
    padding-top: 72px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__title {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-template-page-template-affiliate .affiliate-acc__title > * {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #1d1d1f;
  line-height: 1.2;
  letter-spacing: -0.48px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__title > * {
    font-size: 24px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__title > svg {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  position: relative;
  top: -1px;
}
.page-template-page-template-affiliate .affiliate-acc__title_fix {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
  padding: 8px;
  border-radius: 30px;
  margin: 0;
}
.page-template-page-template-affiliate .affiliate-acc__title-inner {
  background-color: #f5f5f7;
  border-radius: 20px;
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}
.page-template-page-template-affiliate .affiliate-acc__title-inner > * {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  color: #1d1d1f;
  line-height: 1.2;
  letter-spacing: -0.48px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__title-inner > * {
    font-size: 34px;
    letter-spacing: -0.68px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__title-icon {
  width: 32px;
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__title-icon {
    width: 69px;
    height: 69px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 69px;
            flex: 0 0 69px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__title-icon img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.page-template-page-template-affiliate .affiliate-acc__text {
  color: #565454;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.page-template-page-template-affiliate .affiliate-acc__text a {
  color: #565454;
  text-decoration: none;
}
.page-template-page-template-affiliate .affiliate-acc__text p {
  margin: 0;
}
.page-template-page-template-affiliate .affiliate-acc__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 32px;
  position: relative;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__group {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__group {
    width: 404px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__group input[type=text] {
  width: 100%;
  border: 1px solid #ECECF1 !important;
  border-radius: 16px !important;
  padding: 11px 24px 11px 50px !important;
  height: 44px !important;
  font-size: 16px;
  color: #1d1d1f !important;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__group input[type=text] {
    height: 56px !important;
    padding: 17px 24px 17px 50px !important;
  }
}
.page-template-page-template-affiliate .affiliate-acc__group label {
  font-size: 12px;
  font-weight: 600;
  color: #007aff;
  line-height: 1.4;
  background-color: white;
  padding: 0 4px;
  position: absolute;
  top: -9px;
  left: 24px;
}
.page-template-page-template-affiliate .affiliate-acc__input-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 24px;
  width: 20px;
  height: 20px;
}
.page-template-page-template-affiliate .affiliate-acc__copy {
  color: #007aff;
  background-color: #f5f5f7;
  border-radius: 12px;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  border: none;
  cursor: pointer;
}
.page-template-page-template-affiliate .affiliate-acc__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__btns {
    gap: 16px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__btns .affiliate-acc__copy {
  width: 194px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__btns .affiliate-acc__copy {
    width: auto;
    position: absolute;
    top: 6px;
    right: 143px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__whatsapp-icon {
  text-decoration: none;
  border-radius: 16px;
  background: #f5f5f7;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__whatsapp-icon {
    width: 56px;
    height: 56px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__whatsapp-icon svg {
  width: 23px;
  height: 23px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__whatsapp-icon svg {
    width: 35px;
    height: 35px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__share-text {
  font-size: 12px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4;
  position: relative;
}
.page-template-page-template-affiliate .affiliate-acc__share-text:before, .page-template-page-template-affiliate .affiliate-acc__share-text:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  background-color: #ECECF1;
  height: 8px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__share-text:before, .page-template-page-template-affiliate .affiliate-acc__share-text:after {
    height: 14px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__share-text:before {
  top: -10px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__share-text:before {
    top: -18px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__share-text:after {
  bottom: -10px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__share-text:after {
    bottom: -18px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-list {
    margin-top: 32px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-img {
  line-height: 0;
  word-break: break-all;
  padding-left: 16px;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-img iframe {
  width: 100%;
  height: 500px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-img iframe {
    height: 700px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-text {
  font-size: 13px !important;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1d1d1f !important;
  margin: 0 !important;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-text {
    color: #8E8E95 !important;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-text span {
  word-break: break-all;
  color: #007aff;
  text-decoration: underline;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-item {
  border-bottom: 2px dashed #ECECF1;
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-item {
    padding: 32px 0;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-item:first-child {
  border-top: 2px dashed #ECECF1;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-item:last-child {
  padding-bottom: 0;
  border: none;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-step {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-step-num {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #AEEB41;
  font-size: 14px;
  color: #1d1d1f;
  font-weight: 500;
  line-height: 1;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-step .affiliate-acc__share {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 44px;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-step .affiliate-acc__share span {
  position: absolute;
  right: 4px;
  top: 4px;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-step .affiliate-acc__share.active {
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 122, 255, 0.56);
          box-shadow: 0px 0px 6px 2px rgba(0, 122, 255, 0.56);
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap {
  border-radius: 12px;
  border: 1px dashed #007aff;
  padding: 24px;
  cursor: pointer;
  position: relative;
  min-height: 100px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap {
    border-color: #C2C2D2;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap:hover {
  border-color: #007aff;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap:hover .linkedin-side-text {
  color: #007aff;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap:hover .affiliate-acc__linkedin-text {
  color: #1d1d1f !important;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap:hover .affiliate-acc__linkedin-copy-icon svg path {
  fill: #007aff;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap:hover .affiliate-acc__copy {
  background-color: #007aff;
  color: white;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .linkedin-side-text {
  position: absolute;
  font-size: 11px;
  font-weight: 500;
  padding: 8px;
  line-height: 1;
  background-color: white;
  color: #007aff;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .linkedin-side-text {
    color: #C2C2D2;
  }
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .linkedin-top {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .linkedin-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-51%, 50%);
          transform: translate(-51%, 50%);
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .linkedin-left {
  left: 0;
  bottom: 50%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg) translate(50%, -50%);
          transform: rotate(180deg) translate(50%, -50%);
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .linkedin-right {
  right: 0;
  bottom: 50%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg) translate(-49%, -50%);
          transform: rotate(180deg) translate(-49%, -50%);
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .affiliate-acc__copy {
  width: 100%;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  height: 44px;
  gap: 8px;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .affiliate-acc__copy:before {
  content: "";
  position: absolute;
  inset: 0;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-wrap .affiliate-acc__copy.active {
  background-color: #8CD20F;
  color: white;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-content {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-icon {
  line-height: 0;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f5f5f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-template-page-template-affiliate .affiliate-acc__linkedin-copy-icon svg path {
  fill: #007aff;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__linkedin-copy-icon svg path {
    fill: #C2C2D2;
  }
}
.page-template-page-template-affiliate .affiliate-acc__whatsapp-list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__whatsapp-list {
    margin-top: 32px;
    gap: 16px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__whatsapp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .page-template-page-template-affiliate .affiliate-acc__whatsapp-item {
    gap: 12px;
  }
}
.page-template-page-template-affiliate .affiliate-acc__item-text {
  font-size: 18px;
  color: #1d1d1f;
  line-height: 1.4;
  margin: 24px 0 16px;
  padding: 16px;
  background: rgba(174, 235, 65, 0.16);
  border-radius: 16px 16px 0px 16px;
}
.page-template-page-template-affiliate .affiliate-acc__item-text p {
  margin: 0;
}
.page-template-page-template-affiliate .affiliate-acc__whatsapp-text {
  margin: 0;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.page-template-page-template-affiliate .affiliate-acc__whatsapp-text span {
  word-break: break-all;
  color: #598907;
  text-decoration: underline;
}
.page-template-page-template-affiliate .affiliate-acc__share-whatsapp {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  line-height: 0;
}
.page-template-page-template-affiliate .affiliate-acc__btns-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-template-page-template-affiliate .affiliate-acc__share {
  border-radius: 12px;
  background-color: #f5f5f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #007aff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  padding: 4px 4px 4px 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-template-page-template-affiliate .affiliate-acc__share span {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ECECF1;
  border-radius: 8px;
}
.page-template-page-template-affiliate .affiliate-acc__lang ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.page-template-page-template-affiliate .affiliate-acc__lang ul li a {
  color: #1d1d1f;
  font-weight: 500;
}
.page-template-page-template-affiliate .affiliate-acc__lang ul li.current-lang a {
  color: #007aff;
}
.page-template-page-template-affiliate .btn-copy-text {
  width: 106px;
}
.page-template-page-template-affiliate .um-misc-ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.page-template-page-template-affiliate .um-misc-ul li {
  list-style: none;
}
.page-template-page-template-affiliate .um-misc-ul li a {
  text-decoration: none;
  color: #1d1d1f;
  font-size: 20px;
}

.um.um-register .um-postmessage {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-top: 40px;
}
.um.um-register .um-postmessage__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.um.um-register .um-postmessage__text h2 {
  margin: 0;
  color: #1d1d1f;
  font-size: 24px;
  font-weight: 500;
}
.um.um-register .um-postmessage__text p {
  margin: 0;
}
.um.um-register .um-postmessage img {
  width: 56px;
  height: 56px;
}

.um.um-login,
.um.um-register {
  position: relative;
  padding-bottom: 96px !important;
}
.um.um-login .um-field-block:last-child,
.um.um-register .um-field-block:last-child {
  text-align: center;
  position: absolute;
  bottom: 48px;
  left: 1%;
  right: 16px;
}
@media (min-width: 1024px) {
  .um.um-login .um-field-block:last-child,
  .um.um-register .um-field-block:last-child {
    left: 56px;
    right: 56px;
  }
}
.um.um-login .um-field-block:last-child a,
.um.um-register .um-field-block:last-child a {
  color: #007aff;
  display: block;
}

.um.um-login {
  padding-bottom: 108px !important;
}

.um.um-login,
.um.um-register,
.um.um-password {
  background-color: white;
  border-radius: 32px;
  padding: 24px 16px;
}
@media (min-width: 1024px) {
  .um.um-login,
  .um.um-register,
  .um.um-password {
    padding: 48px 56px;
  }
}
.um.um-login .um-field-type_block,
.um.um-register .um-field-type_block,
.um.um-password .um-field-type_block {
  padding: 0;
}
.um.um-login .um-field-type_block h2,
.um.um-register .um-field-type_block h2,
.um.um-password .um-field-type_block h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: #1d1d1f;
  letter-spacing: -0.48px;
}
@media (min-width: 1024px) {
  .um.um-login .um-field-type_block h2,
  .um.um-register .um-field-type_block h2,
  .um.um-password .um-field-type_block h2 {
    font-size: 40px;
  }
}
.um.um-login .um-form input[type=text],
.um.um-login .um-form input[type=password],
.um.um-register .um-form input[type=text],
.um.um-register .um-form input[type=password],
.um.um-password .um-form input[type=text],
.um.um-password .um-form input[type=password] {
  height: 56px !important;
  padding: 16px 24px !important;
  border: 1px solid #ECECF1;
  border-radius: 16px;
  color: #1d1d1f;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background-color: #fff;
}
.um.um-login .um-form input[type=text]:focus,
.um.um-login .um-form input[type=password]:focus,
.um.um-register .um-form input[type=text]:focus,
.um.um-register .um-form input[type=password]:focus,
.um.um-password .um-form input[type=text]:focus,
.um.um-password .um-form input[type=password]:focus {
  outline: 1px solid #007aff !important;
}
.um.um-login .um-form input[type=text]:-webkit-autofill,
.um.um-login .um-form input[type=password]:-webkit-autofill,
.um.um-register .um-form input[type=text]:-webkit-autofill,
.um.um-register .um-form input[type=password]:-webkit-autofill,
.um.um-password .um-form input[type=text]:-webkit-autofill,
.um.um-password .um-form input[type=password]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.um.um-login .um-form input[type=submit].um-button,
.um.um-register .um-form input[type=submit].um-button,
.um.um-password .um-form input[type=submit].um-button {
  border-radius: 100px !important;
  background-color: #007aff;
  font-size: 18px;
  font-weight: 600 !important;
  letter-spacing: 0.36px;
  width: 100% !important;
}
.um.um-login .um-form input[type=submit].um-button:hover,
.um.um-register .um-form input[type=submit].um-button:hover,
.um.um-password .um-form input[type=submit].um-button:hover {
  background-color: #1d1d1f;
}
.um.um-login .um-field,
.um.um-register .um-field,
.um.um-password .um-field {
  padding: 24px 0 0 0;
}
.um.um-login .um-field-label,
.um.um-register .um-field-label,
.um.um-password .um-field-label {
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 13px;
  left: 24px;
  background-color: #fff;
  padding: 0 4px;
}
.um.um-login .um-field-label label,
.um.um-register .um-field-label label,
.um.um-password .um-field-label label {
  font-size: 12px !important;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #1d1d1f;
}

.menu-item-login a {
  background-color: #007aff;
  color: white !important;
  padding: 4px 12px;
  border-radius: 32px;
}

.error404 {
  background: #f5f5f7;
}
.error404 .error-404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  margin-bottom: clamp(50px, 7vw, 140px);
  padding-top: clamp(70px, 7vw, 160px);
  overflow: hidden;
  background-image: url("img/texture404.svg");
  background-repeat: no-repeat;
  background-position: center 26%;
}
@media (max-width: 950px) {
  .error404 .error-404 {
    background-size: 100%;
  }
}
.error404 .error-404 header {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='%23007AFFFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 30px;
  background-size: 100%;
  background-repeat: no-repeat;
  max-width: 928px;
  width: 100%;
  position: relative;
}
.error404 .error-404 header > svg {
  position: absolute;
}
.error404 .error-404 header > svg:first-child {
  top: 0;
  left: 0;
}
.error404 .error-404 header > svg:nth-child(2) {
  top: 0;
  right: 0;
}
.error404 .error-404 header > svg:nth-child(3) {
  bottom: 0;
  right: 0;
}
.error404 .error-404 header > svg:nth-child(4) {
  bottom: 0;
  left: 0;
}
.error404 .error-404 header .title svg {
  width: 100%;
  margin: 40px 50px 50px 20px;
}
@media (max-width: 520px) {
  .error404 .error-404 header .title svg {
    width: 92%;
    margin: 5px 50px 10px 23px;
  }
}
.error404 .error-404 .page-content {
  text-align: center;
}
.error404 .error-404 .page-content p {
  color: #565454;
  text-align: center;
  font-family: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139%; /* 25.02px */
  margin: 40px 0;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-animation: f-spinner-rotate 2s linear infinite;
          animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
          animation: f-spinner-dash 2s ease-in-out infinite;
}

@-webkit-keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
          animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
          animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@-webkit-keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
            transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}

@keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
            transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@-webkit-keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
            transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
            transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
          animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
          animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@-webkit-keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
            transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
            transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
            transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
            transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
          animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
          animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@-webkit-keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
          animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  -webkit-animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
          animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@-webkit-keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
          animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
          animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@-webkit-keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
          animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
          animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@-webkit-keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@-webkit-keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@-webkit-keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
            transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
            transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
            transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
            transform: translateX(-75px);
    opacity: 0;
  }
}
@-webkit-keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    opacity: 0;
  }
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  -webkit-box-shadow: var(--f-button-shadow);
          box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: var(--f-button-transition);
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
          box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  -webkit-transform: var(--f-button-transform);
          transform: var(--f-button-transform);
  -webkit-filter: var(--f-button-svg-filter);
          filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none;
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  -ms-touch-action: none;
      touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.fancybox__container::-ms-backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
  display: block;
}

.fancybox__content {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.fancybox__caption {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  -webkit-animation: 0.15s ease-out both f-fadeOut;
          animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  -webkit-animation: 0.15s ease-out both f-fadeOut;
          animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
          animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
          animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  -webkit-animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
          animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
          animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-thumbs__slide {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
          transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  -webkit-transition: none;
  transition: none;
  pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
  -webkit-transition: -webkit-transform 0.33s ease;
  transition: -webkit-transform 0.33s ease;
  transition: transform 0.33s ease;
  transition: transform 0.33s ease, -webkit-transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  -webkit-transition: -webkit-clip-path 0.33s ease;
  transition: -webkit-clip-path 0.33s ease;
  transition: clip-path 0.33s ease;
  transition: clip-path 0.33s ease, -webkit-clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
          filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
  -webkit-clip-path: var(--clip-path);
          clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  -webkit-animation: f-fadeIn 0.2s ease-out;
          animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  -webkit-transition: none !important;
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  -webkit-animation: 0.15s ease-out both f-fadeOut;
          animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: flex;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -ms-flexbox;
  display: flex;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Animations
--------------------------------------------- */
.success-project-circle {
  -webkit-transition: 1.5s;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}
@media (min-width: 1024px) {
  .success-project-circle {
    bottom: unset !important;
    top: 800px !important;
    right: -10% !important;
  }
}
@media (max-width: 768px) {
  .success-project-circle {
    right: -50%;
    top: 300px;
  }
}
.success-project-circle.fade-in {
  top: 200px !important;
}
.success-project-circle.fixed {
  top: 800px !important;
}

@-webkit-keyframes moveUp {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }
}

@keyframes moveUp {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes moveUp {
    from {
      -webkit-transform: translateY(300px);
      transform: translateY(300px);
    }
    to {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }
  @keyframes moveUp {
    from {
      -webkit-transform: translateY(300px);
      transform: translateY(300px);
    }
    to {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  }
}
.success-project {
  position: relative;
}
.success-project__grid {
  opacity: 0;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
.success-project__grid.fade-in {
  opacity: 1;
}

@-webkit-keyframes moveRotate {
  0% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes moveRotate {
  0% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.animationwrap {
  background: #007aff;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 2s;
  transition: all 2s;
  width: 100%;
  overflow: visible;
}
.animationwrap section {
  background: transparent;
}
.animationwrap section.success-project {
  margin-bottom: 80px;
}
.animationwrap .our-works__wrap {
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}
.animationwrap .our-works__wrap.fade-in {
  opacity: 1;
}
.animationwrap .plan-block {
  background: #081B45;
}

.animation-round {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.animation-round .fade-in {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 100%;
}

.plan-block {
  z-index: 9;
  position: relative;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 2s;
  transition: all 2s;
}/*# sourceMappingURL=style.css.map */