@charset "UTF-8";
/*!
Theme Name: BandaPixelsNew2026
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: bandapixelsnew
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.

BandaPixelsNew 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

--------------------------------------------------------------*/
[class*="_icon-"]::before {
	content: "";
	width: 24px;
	aspect-ratio: 1;
	color: inherit;
	mask-repeat: no-repeat;
	background-color: currentColor;
}

._icon-next::before {
	mask-image: url("./img/icons/arrow-next.svg");
}

._icon-user::before {
	mask-image: url("./img/icons/user.svg");
}

._icon-angle-down::before {
	mask-image: url("./img/icons/angle-down.svg");
}

._icon-close::before {
	mask-image: url("./img/icons/close.svg");
}

/*--------------------------------------------------------------
# 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 {
	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;
	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 {
	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"] {
	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 {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "Raleway", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

/* Elements
--------------------------------------------- */
body {
	background: #ffffff;
	color: #171718;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
ul {
	padding: 0;
	margin: 0;
}

.container {
	width: 100%;
}

@media (min-width: 1024px) {
	.container {
		padding: 0;
		max-width: 988px;
		margin: 0 auto;
	}
}

[class*="__container"] {
	max-width: 1020px;
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
}

* {
	box-sizing: border-box;
}

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 {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover, a:focus, a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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-primary {
	border: 1px solid #efe314;
	background: #efe314;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
	border-radius: 0;
	color: #171718;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
}

.btn-primary:visited {
	color: #171718;
}

.btn-primary:hover {
	color: #efe314;
	background: transparent;
}

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: #171718;
	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;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
textarea::placeholder {
	color: #828282;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Нові компоненти елементів форм
--------------------------------------------- */
.input {
	border-radius: 0 !important;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1.5px solid #e0e0e0;
	padding: 10px 16px !important;
	min-height: 48px;
	font-size: 16px;
	line-height: 175%;
	color: #171718;
}

.input::placeholder {
	color: #828282;
}

.input:focus {
	border-color: #171718;
	outline: none;
}

.field--error .input {
	border-color: #e71b27;
}

textarea.input {
	min-height: 124px;
	resize: vertical;
}

.wpcf7 input.wpcf7-not-valid {
	border-color: #e71b27;
}

.wpcf7 label:has(input.wpcf7-not-valid) {
	color: #e71b27;
}

.wpcf7 input[placeholder]::placeholder,
.wpcf7 textarea[placeholder]::placeholder {
	transition: opacity 0.3s;
}

.wpcf7 input[placeholder]:focus::placeholder,
.wpcf7 textarea[placeholder]:focus::placeholder {
	opacity: 0;
}

.n-button {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0;
	border-radius: 0;
	background-color: #efe314;
	padding: 10px 32px;
	min-height: 48px;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	color: #171718;
	transition: background-color 0.25s ease;
}

@media (any-hover: hover) {
	.n-button:hover {
		background-color: #f9ed1e;
	}
}

.button-close {
	cursor: pointer;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	width: 48px;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1.5px solid #e0e0e0;
	transition: border-color 0.25s ease;
}

@media (any-hover: hover) {
	.button-close:hover {
		border-color: #171718;
	}
}

.button-close::before {
	background-color: #171718;
}

.field {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: #171718;
}

.field--error {
	color: #e71b27;
}

.field__title, .field__error {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
}

@media (min-width: 1024px) {
	.field__title, .field__error {
		font-size: 16px;
		font-weight: 400;
	}
}

.field__title {
	color: inherit;
}

.field__error {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #e71b27;
}

.form {
	margin: 0;
	border: none;
}

.form > * {
	margin-bottom: 32px;
}

.form__line {
	padding: 0;
	border: none;
	display: flex;
	gap: 32px;
	margin-inline: 0;
}

@media (max-width: 767.98px) {
	.form__line {
		flex-direction: column;
	}
}

@media (min-width: 767.98px) {
	.form__label {
		flex: 1 0 calc((100% - 32px) / 2);
	}
}

.form__button {
	margin-top: 40px;
}

.form > :last-child {
	margin-bottom: 0;
}

/* Нові компоненти
--------------------------------------------- */
.title {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	.title {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.title--white {
	color: #fff;
}

.author {
	display: inline-flex;
	align-items: flex-start;
	gap: 12px;
}

.author__image, .author__icon {
	flex-shrink: 0;
	width: 56px;
	aspect-ratio: 1;
	border-radius: 50%;
}

@media (max-width: 767.98px) {
	.author--hide-image .author__image, .author--hide-image .author__icon {
		display: none;
	}
}

.author__icon {
	background-color: #a1bbfb;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.author__icon::before {
	color: #171718;
	width: 44px;
}

.author--u-red .author__icon {
	background-color: #f5a4a9;
}

.author--u-green .author__icon {
	background-color: #99e399;
}

.author--u-purple .author__icon {
	background-color: #e4cbf9;
}

.author--u-orange .author__icon {
	background-color: #f5d5a4;
}

.author--u-pink .author__icon {
	background-color: #fad2ef;
}

.author__content {
	align-self: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 175%;
	color: #4f4f4f;
	display: flex;
	flex-direction: column;
}

.author--light .author__content {
	color: #fcfcfc;
}

.author__content b {
	font-weight: 600;
}

.arrow-navigation {
	display: flex;
	gap: 12px;
}

.arrow-navigation__button {
	cursor: pointer;
	padding: 6px;
	width: 48px;
	aspect-ratio: 1;
	border: 1.5px solid #e0e0e0;
	background-color: transparent;
	color: #171718;
	border-radius: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: border-color 0.25s ease, opacity 0.1s ease;
}

@media (any-hover: hover) {
	.arrow-navigation__button:not(:disabled):hover {
		border-color: #171718;
	}
}

.arrow-navigation__button:focus {
	outline: none;
}

.arrow-navigation__button:not(:disabled):active {
	border-color: #171718;
	outline: none;
}

.arrow-navigation__button:disabled {
	opacity: 0.6;
	cursor: no-drop;
}

.arrow-navigation--white .arrow-navigation__button {
	border-color: #4f4f4f;
	color: #fff;
}

.arrow-navigation--white .arrow-navigation__button:not(:disabled):active {
	border-color: #fff;
}

@media (any-hover: hover) {
	.arrow-navigation--white .arrow-navigation__button:not(:disabled):hover {
		border-color: #fff;
	}
}

.arrow-navigation--gray .arrow-navigation__button {
	border-color: #4f4f4f;
}

.arrow-navigation__button--prev::before {
	transform: scaleX(-1);
}

.team-parameters {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 175%;
	color: #171718;
	display: grid;
	gap: 12px;
}

@media (min-width: 1023.98px) {
	.team-parameters {
		gap: 24px;
	}
}

.team-parameters strong {
	font-weight: 600;
}

.circles-team {
	display: flex;
}

.circles-team img {
	width: 30px;
	aspect-ratio: 1;
	flex-shrink: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #171718;
}

.circles-team img:not(:first-child) {
	margin-left: -6px;
}

.socials {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.socials__link {
	border: 1.5px solid #e0e0e0;
	width: 48px;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: border-color 0.25s ease;
}

@media (any-hover: hover) {
	.socials__link:hover {
		border-color: #efe314;
	}
}

.socials__link:active {
	border-color: #efe314;
}

.socials__link img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 24px;
}

.item-team {
	display: flex;
	flex-direction: column;
	outline: 1px solid transparent;
	transition: outline-color 0.25s ease;
}

@media (any-hover: hover) and (min-width: 1023.98px) {
	.item-team:hover {
		outline-color: #fff;
	}
}

@media (any-hover: hover) {
	.item-team:hover .item-team__image img {
		transform: scale(1.05);
	}
}

.item-team__image {
	aspect-ratio: 1;
	overflow: hidden;
	margin-bottom: 16px;
}

.item-team__image img {
	transition: transform 0.25s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item-team__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	color: #fff;
}

@media (min-width: 1023.98px) {
	.item-team__content {
		padding: 0 8px 8px;
	}
}

.item-team__content > * {
	margin-bottom: 8px;
}

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

.item-team__name {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
}

.item-team__place {
	flex: 1;
	margin-top: -8px;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
}

@media (min-width: 1024px) {
	.item-team__place {
		font-size: 16px;
		font-weight: 400;
	}
}

.item-team__socials {
	margin-top: auto;
}

/* Попапи
--------------------------------------------- */
html.n-popup-show {
	overflow: hidden;
}

body::after {
	content: "";
	background-color: rgba(23, 23, 24, 0.4);
	backdrop-filter: blur(4px);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.8s ease 0s;
	pointer-events: none;
	z-index: 149;
}

.n-popup-show body::after {
	opacity: 1;
}

.n-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 30px 16px;
	transition: visibility 0.8s ease 0s;
	visibility: hidden;
	pointer-events: none;
}

.n-popup_show {
	z-index: 150;
	visibility: visible;
	overflow: auto;
	pointer-events: auto;
}

.n-popup_show .n-popup__content {
	visibility: visible;
	transform: scale(1);
}

.n-popup__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100%;
	flex: 1 1 auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.n-popup__content {
	visibility: hidden;
	transform: scale(0);
	transition: transform 0.3s ease 0s;
	background-color: #fff;
	padding: 80px 16px;
	width: 100%;
	max-width: 600px;
}

@media (min-width: 767.98px) {
	.n-popup__content {
		padding: 80px;
	}
}

.lock .n-popup__content {
	visibility: visible;
}

.n-popup__close {
	position: absolute;
	top: 16px;
	right: 16px;
}

@media (min-width: 767.98px) {
	.n-popup__close {
		top: 24px;
		right: 24px;
	}
}

.n-popup__message {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.n-popup__message > * {
	margin-bottom: 32px;
}

.n-popup__message > :last-child {
	margin-bottom: 0;
}

.n-popup__text {
	max-width: 310px;
}

.n-popup__text > * {
	margin-bottom: 8px;
}

.n-popup__text > :last-child {
	margin-bottom: 0;
}

/* Posts and pages
--------------------------------------------- */
.hero {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 800px;
	position: relative;
	z-index: 2;
}

@media (min-width: 1024px) {
	.hero {
		height: 900px;
	}
}

.hero .container {
	margin: 0 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hero h1 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 4xl/capital extrabold */
	font-family: Raleway;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 125%;
	/* 40/32 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.hero h1 {
		font-size: 64px;
		line-height: 112.5%;
		/* 72/64 */
	}
}

@media (min-width: 1200px) {
	.hero h1 {
		margin-bottom: 40px;
	}
}

@media (max-width: 479.98px) {
	.hero h1 {
		max-width: 358px;
		text-wrap: balance;
	}
}

.hero p {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #fff;
	margin-bottom: 32px;
	max-width: 600px;
	width: 100%;
}

@media (min-width: 1024px) {
	.hero p {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (max-width: 479.98px) {
	.hero p {
		max-width: 325px;
	}
}

.hero.hero--homepage .container {
	align-items: flex-start;
}

@media (min-width: 1024px) {
	.hero.hero--homepage .container {
		max-width: 1120px;
	}
}

.hero.hero--homepage h1 {
	font-weight: 900;
	font-size: 48px;
	line-height: 108.3%;
	/* 52/48 */
	text-align: start;
}

@media (min-width: 1200px) {
	.hero.hero--homepage h1 {
		width: auto;
	}
}

@media (min-width: 768px) {
	.hero.hero--homepage h1 {
		font-size: 64px;
		line-height: 100%;
	}
}

@media (min-width: 1024px) {
	.hero.hero--homepage h1 {
		font-size: 100px;
		line-height: 100%;
	}
}

@media (max-width: 479.98px) {
	.hero.hero--homepage h1 {
		max-width: none;
	}
}

.hero.hero--homepage p {
	text-align: start;
}

@media (max-width: 479.98px) {
	.hero.hero--homepage p {
		max-width: none;
	}
}

.hero #popup {
	color: #171718;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	/* base capital/semibold */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	/* 175% */
	text-transform: uppercase;
	padding: 10px 24px;
	background-color: #efe314;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 48px;
	transition: background-color 0.25s ease;
	text-decoration: none;
}

@media (max-width: 768px) {
	.hero #popup {
		padding-inline: 10px;
	}
}

@media (any-hover: hover) {
	.hero #popup:hover {
		background-color: #f9ed1e;
	}
}

.hero #popup:hover {
	cursor: pointer;
	background-color: #f9ed1e;
}

.hero.small {
	height: 280px;
	align-items: flex-end;
}

@media (min-width: 1024px) {
	.hero.small {
		height: 360px;
	}
}

.hero.small .container {
	justify-content: flex-end;
	padding-bottom: 48px;
}

@media (min-width: 1024px) {
	.hero.small .container {
		padding-bottom: 70px;
	}
}

.hero.small h1 {
	text-align: center;
}

.hero.small p {
	margin-bottom: 0;
	text-align: center;
}

@media (max-width: 1023.98px) {
	.hero.small-mobile {
		height: 280px;
	}
}

.hero__background-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	opacity: 0.15;
}

.hero_buttons {
	display: flex;
	gap: 25px;
}

@media (max-width: 768px) {
	.hero_buttons {
		gap: 20px;
		width: 100%;
	}
}

.hero_buttons a,
.hero_buttons button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero_buttons .btn-with-image {
	cursor: pointer;
	padding: 10px 24px;
	border: 1.5px #4f4f4f solid;
	transition: border-color 0.2s ease;
}

@media (any-hover: hover) {
	.hero_buttons .btn-with-image:hover {
		border-color: #fff;
	}
}

@media (max-width: 768px) {
	.hero_buttons .pum-trigger {
		flex: 0 0 calc((100% - 20px) / 2);
		padding-inline: 10px;
	}
}

.single-case .container {
	align-items: flex-start;
}

.single-case .container p {
	text-align: left;
}

.single-case .new__tags {
	padding: 0;
}

.single-case .post__top-title {
	font-size: 64px;
	font-style: normal;
	font-weight: 800;
	line-height: 72px;
	/* 112.5% */
	letter-spacing: 1.28px;
	text-transform: uppercase;
}

@media (max-width: 1023px) {
	.single-case .post__top-title {
		font-size: 32px;
		font-style: normal;
		font-weight: 800;
		line-height: 40px;
		/* 125% */
		letter-spacing: 0.64px;
		text-transform: uppercase;
	}
}

.single-case a {
	text-decoration: none;
}

.benefits {
	overflow-x: hidden;
}

.benefits .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.benefits .container {
		padding: 120px 0;
	}
}

.benefits h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #171718;
	text-align: left;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.benefits h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

@media (min-width: 1024px) {
	.benefits h2 {
		margin-bottom: 32px;
	}
}

.benefits__header-text {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
	color: #333;
	margin-bottom: 40px;
}

.benefits__header-text > * {
	margin-bottom: 8px;
}

@media (min-width: 1024px) {
	.benefits__header-text {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (min-width: 1024px) {
	.benefits__header-text {
		margin-bottom: 32px;
	}
}

.benefits__header-text > :last-child {
	margin-bottom: 0;
}

.benefits__item {
	padding: 32px 16px;
	background-color: #333;
	width: 100%;
	height: 100%;
}

@media (min-width: 1024px) {
	.benefits__item {
		padding: 32px;
	}
}

.benefits__item h3 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	color: #fff;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.benefits__item h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

.benefits__item p {
	color: #fff;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
}

@media (min-width: 1024px) {
	.benefits__item p {
		font-size: 16px;
		font-weight: 400;
	}
}

.benefits__items {
	gap: 2px;
}

@media (min-width: 1024px) {
	.benefits__items {
		display: grid;
		align-items: center;
		justify-content: center;
		grid-template-columns: repeat(auto-fit, minmax(326px, 493px));
	}
}

@media (max-width: 1023px) {
	.benefits__items {
		display: flex;
		flex-direction: column;
	}
}

.benefits__description {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 32px;
	text-align: left;
}

@media (min-width: 1024px) {
	.benefits__description {
		font-size: 16px;
		font-weight: 400;
	}
}

.grey__box .benefits__item {
	background-color: #f2f2f2;
}

.grey__box .benefits__item h3,
.grey__box .benefits__item p {
	color: #171718;
}

.trust {
	background-color: #f2f2f2;
}

.trust .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.trust .container {
		padding: 120px 0;
		margin: 0 auto;
	}
}

.trust__top {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.trust__top svg {
		width: 175px;
		height: 40px;
	}
}

.trust__bottom:not(:last-child) {
	margin-bottom: 20px;
}

.trust__bottom > * {
	margin-bottom: 8px;
}

.trust__bottom > :last-child {
	margin-bottom: 0;
}

.trust__bottom p {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
}

@media (min-width: 1024px) {
	.trust__bottom p {
		font-size: 16px;
		font-weight: 400;
	}
}

.trust__background {
	font-weight: 800;
	font-size: 40px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgba(224, 224, 224, 0.6);
	position: relative;
	z-index: 1;
	margin-bottom: -20px;
}

@media (min-width: 1023.98px) {
	.trust__background {
		font-size: 64px;
		line-height: 113%;
		margin-bottom: -32px;
	}
}

.trust h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.trust h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.trust h3 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	position: relative;
	z-index: 2;
}

@media (min-width: 1024px) {
	.trust h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

@media (min-width: 1024px) {
	.trust__items {
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 1023px) {
	.trust__items {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
}

@media (min-width: 1024px) {
	.trust__item {
		height: 100%;
	}
}

.trust__button {
	min-width: 186px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1.5px solid #e0e0e0;
	padding: 6px 24px;
	min-height: 48px;
	transition: border-color 0.25s ease;
}

@media (any-hover: hover) {
	.trust__button:hover {
		border-color: #171718;
	}
}

.trust__button img {
	height: 28px;
}

@media (min-width: 1024px) {
	.trust .trust__items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
		row-gap: 32px;
	}
}

@media (min-width: 1024px) {
	.trust .trust__top {
		margin-bottom: 24px;
	}
	.trust .trust__top .trust__top {
		margin-bottom: 0;
	}
}

@media (max-width: 1023px) {
	.trust .trust__top .trust__top {
		margin-bottom: 0;
	}
}

.teamwork.bg-gray {
	background: #f2f2f2;
}

.teamwork .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.teamwork .container {
		padding: 120px 0;
		margin: 0 auto;
	}
}

.teamwork h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.teamwork h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.teamwork p {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.teamwork p {
		font-size: 16px;
		font-weight: 400;
	}
}

.teamwork h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.teamwork h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

.teamwork__item {
	padding: 32px 16px;
}

@media (min-width: 1024px) {
	.teamwork__item {
		padding: 32px;
		width: 442px;
	}
}

.teamwork__item:nth-of-type(1) {
	border-top: 2px solid #333;
	border-left: 2px solid #333;
}

.teamwork__item:nth-of-type(2) {
	padding: 32px;
	background-color: #171718;
}

@media (min-width: 1024px) {
	.teamwork__item:nth-of-type(2) {
		width: 104px;
		position: relative;
	}
}

.teamwork__item:nth-of-type(2) p {
	font-variant-numeric: lining-nums proportional-nums;
	/* 4xl/capital extrabold */
	font-family: Raleway;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px;
	/* 125% */
	letter-spacing: 0.64px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
}

@media (min-width: 1024px) {
	.teamwork__item:nth-of-type(2) p {
		display: block;
		position: absolute;
		left: -26px;
		top: 113px;
		width: 159px;
		height: 40px;
		transform: rotate(-90deg);
	}
}

.teamwork__item:nth-of-type(3) {
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
}

.teamwork__item ul {
	margin: 0 0 0 16px;
}

.teamwork__item ul li {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
}

@media (min-width: 1024px) {
	.teamwork__item ul li {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (min-width: 1024px) {
	.teamwork__wrap {
		display: flex;
		width: 100%;
	}
}

.home .teamwork__item ul {
	list-style: square;
}

.reviews {
	background-color: #171718;
	color: #fff;
}

.reviews.white {
	background-color: #fff;
	color: #171718;
}

.reviews.black {
	background-color: #f2f2f2;
	color: #171718;
}

.reviews.white a,
.reviews.white .reviews__button, .reviews.black a,
.reviews.black .reviews__button {
	border: 1.5px solid #e0e0e0;
	color: #171718;
	transition: border-color 0.25s ease;
}

.reviews.white a:hover,
.reviews.white .reviews__button:hover, .reviews.black a:hover,
.reviews.black .reviews__button:hover {
	border-color: #171718;
}

.reviews.white .reviews__button path, .reviews.black .reviews__button path {
	stroke: #171718;
}

.reviews .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 80px 16px;
	grid-template-rows: auto;
	grid-template-areas: "title title" "reviews reviews" ". buttons";
}

@media (min-width: 1024px) {
	.reviews .container {
		grid-template-areas: "title buttons" "reviews reviews";
		grid-template-columns: 1fr 115px;
		padding: 120px 0;
		margin: 0 auto;
	}
}

.reviews h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
	grid-area: title;
}

@media (min-width: 1024px) {
	.reviews h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.reviews .tns-outer {
	grid-area: reviews;
	padding-right: 16px;
}

.reviews__item {
	width: 100%;
}

.reviews__buttons {
	display: flex;
	gap: 12px;
	grid-area: buttons;
	justify-self: flex-end;
	margin-top: 32px;
}

@media (min-width: 1024px) {
	.reviews__buttons {
		margin-top: 0;
	}
}

.reviews__button {
	padding: 12px;
	border: 1.5px solid #4f4f4f;
	width: 51px;
	height: 51px;
}

.reviews__button:hover {
	border: 1.5px solid #afafaf;
	cursor: pointer;
}

.reviews__top {
	padding-left: 16px;
	position: relative;
	border-left: 2px solid #fff;
}

@media (min-width: 1024px) {
	.reviews__top {
		padding-left: 32px;
	}
}

.reviews__top::after {
	display: block;
	position: absolute;
	content: "“";
	top: 0;
	left: 4px;
	width: 10px;
	height: 32px;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	color: #171718;
}

@media (min-width: 1024px) {
	.reviews__top::after {
		left: 22px;
	}
}

.reviews.white .reviews__top,
.reviews.black .reviews__top {
	border-color: #171718;
}

.reviews__top p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 20px;
}

.reviews__bottom {
	margin-top: 32px;
}

.reviews__bottom a {
	padding: 6px 32px;
	min-height: 48px;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	border: 1.5px solid #4f4f4f;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: border-color 0.25s ease;
}

.reviews__bottom a:hover {
	border: 1.5px solid #fff;
}

.reviews .tns-liveregion {
	display: none;
}

.reviews.white_background {
	background-color: #fff !important;
}

.reviews.gray_background {
	background-color: #f2f2f2 !important;
}

.reviews.white_background, .reviews.gray_background {
	color: #171718 !important;
}

.reviews.white_background .reviews__top, .reviews.gray_background .reviews__top {
	border-left: 2px solid var(--Black, #171718);
	/* blur+shadow */
}

.reviews.white_background .reviews__top span, .reviews.gray_background .reviews__top span {
	color: #4f4f4f;
}

.reviews.white_background .reviews__top span mark, .reviews.gray_background .reviews__top span mark {
	color: #4f4f4f;
}

.reviews.white_background .reviews__bottom a, .reviews.gray_background .reviews__bottom a {
	color: #171718;
	border: 1.5px solid #e0e0e0;
}

.reviews.white_background .reviews__bottom a:hover, .reviews.gray_background .reviews__bottom a:hover {
	border: 1.5px solid #4f4f4f;
}

.reviews.white_background .reviews__button, .reviews.gray_background .reviews__button {
	padding: 12px;
	border: 1.5px solid #e0e0e0;
	width: 51px;
	height: 51px;
	transition: border-color 0.25s ease;
}

.reviews.white_background .reviews__button:hover, .reviews.gray_background .reviews__button:hover {
	border-color: #171718;
	cursor: pointer;
}

.reviews.page-reviews .reviews__item {
	padding: 48px 16px;
	border-top: 2px solid #171718;
}

.reviews.page-reviews .reviews__item:last-of-type {
	border-bottom: 2px solid #171718;
}

@media (min-width: 1024px) {
	.reviews.page-reviews .reviews__item {
		padding: 60px 16px;
	}
}

.reviews.page-reviews .reviews__top {
	border-left: none;
	box-shadow: none;
	padding-left: 0;
}

.reviews.page-reviews .reviews__top:after {
	color: #171718;
	left: -10px;
}

.reviews.page-reviews .container {
	display: block;
	padding-bottom: 32px;
}

.services.greybgc {
	background-color: #f2f2f2;
}

.services .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.services .container {
		padding: 120px 0;
		margin: 0 auto;
	}
}

.services h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.services h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.services__item {
	flex: 0 0 100%;
	background-color: #333;
	color: #fff;
	display: block;
	padding: 32px 16px;
	text-decoration: none;
	transition: border-color 0.25s ease;
}

.services__item:hover {
	color: #fff;
}

@media (min-width: 767.98px) {
	.services__item {
		flex: 0 0 calc(50% - 1px);
	}
}

@media (min-width: 1024px) {
	.services__item {
		position: relative;
		padding: 28px;
	}
}

.tns-slider .services__item {
	flex: 0 1 auto;
}

.services__item--border {
	background-color: transparent;
	outline: 2px solid #e0e0e0;
	padding: 32px;
	color: #171718;
}

.services__item--border:hover {
	position: relative;
	z-index: 1;
	color: #171718;
	outline: 2px solid #171718;
}

@media (max-width: 1023.98px) {
	.services__item--border.tns-item {
		border: 2px solid #e0e0e0;
		outline: none;
	}
}

.services__item h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	color: inherit;
}

@media (min-width: 1024px) {
	.services__item h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

.services__item p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: inherit;
}

.services__buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 32px;
}

.services__button {
	cursor: pointer;
	padding: 6px;
	border: 1.5px solid #e0e0e0;
	width: 48px;
	height: 48px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: border-color 0.25s ease;
}

.services__button:hover {
	border-color: #171718;
}

.services__items {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}

.services__items.tns-slider {
	flex-wrap: nowrap;
	gap: 0;
}

.services .container .services__items .wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.8px;
	margin: 2px;
}

.services .tns-outer {
	margin: -2px;
}

@media (min-width: 1024px) {
	.services.with_slider .container {
		display: grid;
		grid-template-areas: "title buttons" "services services";
		grid-template-columns: 1fr 115px;
	}
}

.services.with_slider .container .tns-outer {
	grid-area: services;
}

.services.with_slider .container h2 {
	grid-area: title;
}

.services.with_slider .container .services__buttons {
	grid-area: buttons;
}

@media (min-width: 1024px) {
	.services.with_slider .container .services__buttons {
		margin-top: 0;
		margin-bottom: 32px;
	}
}

.industries {
	background-color: #f2f2f2;
}

.industries .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.industries .container {
		padding: 120px 0;
		margin: 0 auto;
	}
}

.industries h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.industries h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.industries .bottom-desc {
	margin-top: 32px;
}

.industries h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	padding-right: 20px;
}

@media (min-width: 1024px) {
	.industries h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

.industries p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.industries__item {
	padding: 32px 16px;
	border-top: 2px solid #171718;
}

.industries__item:last-of-type {
	border-bottom: 2px solid #171718;
}

@media (min-width: 1024px) {
	.industries__item {
		display: flex;
		padding: 32px;
	}
}

.industries__title {
	position: relative;
}

.industries__title.open {
	margin-bottom: 20px;
}

.industries__title.open + .industries__text p {
	max-height: 168px;
}

.industries__title.open svg {
	transform: rotate(0);
}

.industries__title svg {
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	transform: rotate(180deg);
}

@media (min-width: 1024px) {
	.industries__title svg {
		display: none;
	}
}

@media (min-width: 1024px) {
	.industries__title {
		display: block;
		min-width: 284px;
	}
	.industries__title h4 {
		width: 100%;
	}
}

.industries__text {
	overflow: hidden;
}

.industries__text p {
	max-height: 0;
}

@media (min-width: 1024px) {
	.industries__text {
		max-height: fit-content;
		overflow: auto;
	}
	.industries__text p {
		max-height: fit-content;
	}
}

.industries-new {
	background-color: #fff;
}

.industries-new--gray-bg {
	background-color: #f2f2f2;
}

.industries-new__container {
	padding-block: 80px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

@media (min-width: 1023.98px) {
	.industries-new__container {
		gap: 40px;
		padding-block: 120px;
	}
}

@media (min-width: 1023.98px) {
	.industries-new__items {
		display: flex;
		flex-wrap: wrap;
		gap: 2px;
	}
}

@media (min-width: 1023.98px) {
	.industries-new__item {
		flex: 1 0 calc(50% - 1px);
	}
}

.industries-new__navigation {
	justify-content: flex-end;
}

.item-industries-new {
	background-color: #fff;
	padding: 32px 16px;
}

@media (min-width: 1023.98px) {
	.item-industries-new {
		padding: 32px;
	}
}

.item-industries-new > * {
	margin-bottom: 20px;
}

.item-industries-new__title {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
}

@media (min-width: 1024px) {
	.item-industries-new__title {
		font-size: 32px;
		line-height: 40px;
	}
}

.item-industries-new__text {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.item-industries-new__text > * {
	margin-bottom: 16px;
}

.item-industries-new__text > :last-child {
	margin-bottom: 0;
}

.item-industries-new > :last-child {
	margin-bottom: 0;
}

.stories {
	background-color: #f2f2f2;
	color: #171718;
}

.stories.bg-white {
	background-color: #fff;
	color: #171718;
}

.stories .container {
	padding: 80px 16px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "title title" "items items" ". link";
}

@media (min-width: 1024px) {
	.stories .container {
		grid-template-areas: "title link" "items items";
		padding: 120px 0;
	}
}

.stories h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	grid-area: title;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.stories h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.stories a {
	display: block;
	text-decoration: none;
}

.stories__item {
	height: 360px;
	padding: 32px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	gap: 4px;
	background-repeat: no-repeat;
	position: relative;
	outline: 2px solid #e0e0e0;
	background-repeat: no-repeat;
	background-size: cover;
}

.stories__item:hover {
	outline-color: #171718;
	position: relative;
	z-index: 1;
}

@media (max-width: 1024px) {
	.stories__item {
		background-image: none;
		outline-color: #e0e0e0;
	}
}

@media (max-width: 767.98px) {
	.stories__item {
		padding: 32px 16px;
	}
}

@media (max-width: 767.98px) {
	.stories__item {
		aspect-ratio: 1;
		height: auto;
	}
}

.stories__tag {
	background: var(--grey-2, #e0e0e0);
	padding: 0 8px 0 20px;
	position: relative;
	text-decoration: none;
	z-index: 1;
	font-size: 14px;
	line-height: 171%;
	color: #171718;
}

.stories__tag::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 8px;
	transform: translateY(-2px);
	background: #171718;
}

.stories__tag.dark {
	color: #171718;
}

@media (max-width: 1024px) {
	.stories__mobile {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-size: cover;
	}
}

@media (max-width: 1023.98px) {
	.stories__items--one-column .stories__mobile {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.stories__items--one-column .stories__mobile {
		display: block;
	}
}

.stories__items {
	grid-area: items;
}

.stories__all {
	grid-area: link;
	border: 1.5px solid #e0e0e0;
	padding: 10px 32px;
	margin-top: 32px;
	text-transform: uppercase;
	display: block;
	width: fit-content;
	justify-self: flex-end;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0em;
	text-decoration: none;
	color: #171718;
	text-align: center;
	transition: border-color 0.25s ease, color 0.25s ease;
}

.stories__all:hover {
	border-color: #171718;
	color: #171718;
}

.stories__all:visited {
	color: #171718;
}

@media (min-width: 1024px) {
	.stories__all {
		margin-top: 0;
		height: 48px;
	}
}

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

.cases-page.stories .container {
	display: flex;
	flex-direction: column;
}

.cases-page.stories .container .new__item {
	width: 100%;
}

.new.bg-gray {
	background-color: #f2f2f2;
}

.new .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.new .container {
		padding: 120px 0;
	}
}

.new h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.new h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.new img {
	width: 100%;
	height: auto;
}

.new h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0 16px;
	color: var(--Black, #171718);
}

@media (min-width: 1024px) {
	.new h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

@media (min-width: 1024px) {
	.new h4 {
		overflow: hidden;
		font-variant-numeric: lining-nums proportional-nums;
		text-overflow: ellipsis;
		/* 2xl/extrabold */
		font-family: Raleway;
		font-size: 24px;
		font-style: normal;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.48px;
	}
}

.new p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 0 16px;
	color: #171718;
}

.new span {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	display: block;
	margin-bottom: 20px;
	padding: 0 16px;
}

.new__tag {
	background: var(--grey-2, #e0e0e0);
	padding: 0 8px 0 20px;
	position: relative;
	font-size: 14px;
	line-height: 171%;
	color: #171718;
}

.new__tag::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 12px;
	transform: translateY(-2px);
	background: #171718;
}

.new__tags {
	display: flex;
	gap: 12px;
	padding: 0 16px 32px;
}

@media (max-width: 767.98px) {
	.new__tags {
		margin-top: -10px;
	}
}

.new__tags a {
	color: #171718;
}

.new img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

@media (min-width: 1024px) {
	.new img {
		width: 330px;
		height: 200px;
		object-fit: fill;
	}
}

.new__item {
	border: 2px solid #e0e0e0;
	flex: 0 0 100%;
}

@media (min-width: 767.98px) {
	.new__item {
		flex: 0 0 calc((100% - 1.8px) / 2);
	}
}

@media (min-width: 1024px) {
	.new__item {
		outline: 2px solid #e0e0e0;
		border: none;
		flex: 0 0 calc((100% - 3.6px) / 3);
		position: relative;
	}
	.new__item p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* number of lines to show */
	}
	.new__item:nth-of-type(4) p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

.archive .new__item {
	outline: 2px solid #e0e0e0;
	border: none;
}

@media (max-width: 1023.98px) {
	.new__item.tns-item {
		flex: 0 1 auto;
	}
}

.new__buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 32px;
}

.new__button {
	padding: 12px;
	border: 1.5px solid #e0e0e0;
	width: 51px;
	height: 51px;
}

.new__button:hover {
	border: 1.5px solid #171718;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.new__items {
		display: flex;
		margin: 2px;
		gap: 1.8px;
	}
}

.archive .new__items {
	display: flex;
	flex-wrap: wrap;
	gap: 1.8px;
	margin: 0;
}

@media (min-width: 1023.98px) {
	.new .tns-outer {
		margin-inline: -2px;
	}
}

.new a {
	text-decoration: none;
}

.new span {
	color: #171718;
}

@media (min-width: 1024px) {
	.new__item:hover {
		position: relative;
		z-index: 2;
		outline-color: #171718;
		cursor: pointer;
	}
}

@media (min-width: 1024px) {
	.new__archive {
		flex-wrap: wrap;
	}
}

.new.archive .container {
	padding-top: 32px;
}

@media (min-width: 1024px) {
	.new.archive .container {
		padding: 32px 0;
	}
}

.itc-select {
	border-radius: 0 !important;
}

@media (min-width: 1024px) {
	.itc-select {
		width: 232px !important;
	}
}

.itc-select__dropdown {
	border-radius: 0 !important;
}

.itc-select__toggle {
	border-radius: 0 !important;
}

@media (min-width: 1024px) {
	.new__item a {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 1023px) {
	.new__item a img {
		max-height: 200px;
		width: 100%;
		object-fit: cover;
	}
}

@media (max-width: 1023px) {
	.new__item > a {
		display: flex;
		flex-direction: column;
	}
}

footer {
	background-color: #171718;
	color: #828282;
	padding: 80px 0 40px;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

@media (min-width: 1024px) {
	footer {
		padding-top: 120px;
	}
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.menu li {
	display: flex;
}

footer ul.menu > * {
	margin-bottom: 12px;
}

footer ul.menu > :last-child {
	margin-bottom: 0;
}

footer input[type="submit"] {
	color: var(--Black, #171718);
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	/* base capital/semibold */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	background: var(--Yellow, #efe314);
	border: none;
}

footer .wpcf7-spinner {
	display: none;
}

@media (min-width: 1024px) {
	.footer__items {
		display: flex;
		justify-content: space-between;
		width: 100%;
		gap: 92px;
	}
}

@media (max-width: 1024px) {
	.footer__contacts {
		margin: 20px;
	}
}

.footer__item {
	display: flex;
	margin: 20px;
}

.footer__item a {
	text-decoration: none;
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 12px;
}

.footer__item a:last-of-type {
	margin-bottom: 0;
}

.footer__item:first-of-type .footer__left {
	margin-right: 16px;
}

@media (min-width: 1024px) {
	.footer__item:first-of-type .footer__left {
		margin-right: 0;
	}
}

@media (min-width: 1024px) {
	.footer__item:first-of-type {
		flex-direction: column;
	}
}

.footer__item:nth-of-type(2) .footer__left {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-right: 16px;
}

@media (min-width: 1024px) {
	.footer__item:nth-of-type(2) .footer__left {
		margin-right: 0;
	}
}

.footer__item:nth-of-type(2) .footer__right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.footer__item:nth-of-type(2) .footer__right .urless:nth-of-type(n + 2) {
	margin-top: 28px;
}

@media (min-width: 1024px) {
	.footer__bottom {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
}

.footer__bottom div:first-of-type {
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.footer__bottom div:first-of-type {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
}

.footer__bottom div:last-of-type {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

@media (min-width: 1024px) {
	.footer__bottom div:last-of-type {
		flex-direction: column;
		width: 100%;
		gap: 12px;
	}
}

.footer__bottom input {
	margin: 12px 0;
	color: var(--grey-4, #828282);
	font-variant-numeric: lining-nums proportional-nums;
	/* base/normal */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 16px;
	width: 100%;
	background: rgba(255, 255, 255, 0.1);
	border: none;
}

.footer__bottom input:focus {
	border: none;
	color: var(--grey-4, #828282);
}

.footer__bottom p {
	margin-bottom: 12px;
}

@media (min-width: 1024px) {
	.footer__bottom p {
		width: 100%;
		margin-bottom: 0;
	}
}

.footer__bottom a {
	color: var(--White, #fff);
	font-variant-numeric: lining-nums proportional-nums;
	/* base/normal */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	/* 175% */
	text-decoration: none;
}

@media (min-width: 1024px) {
	.footer__bottom a {
		width: 100%;
		display: block;
	}
}

@media (max-width: 1023.98px) {
	.footer__copyright, .footer__privacy, .footer__cookies {
		margin-bottom: 12px;
	}
}

.footer__privacy a, .footer__cookies a {
	transition: color 0.1s ease;
}

@media (any-hover: hover) {
	.footer__privacy:hover a, .footer__cookies:hover a {
		color: #fff;
	}
}

.footer_container {
	display: flex;
}

.footer__icons {
	width: 30%;
}

.urless a {
	display: block;
	font-size: 16px;
	line-height: 175%;
	color: #828282 !important;
}

.footer-menu {
	line-height: 40px;
}

.footer-menu a {
	font-size: 16px;
	line-height: 175%;
	position: relative;
	text-decoration: none;
	/* Убираем подчеркивание по умолчанию */
	color: white;
}

.footer-menu a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	/* Высота подчеркивания */
	background-color: white;
	/* Цвет подчеркивания */
	transform: scaleX(0);
	/* Начинаем с нулевой ширины */
	transform-origin: bottom left;
	transition: transform 0.3s ease;
}

.footer-menu a:hover::after {
	transform: scaleX(1);
}

.footer-menu .current-menu-item a::after {
	transform: scaleX(1);
}

.footer-menu .current-menu-item.urless a::after {
	transform: scaleX(0);
}

.footer_contacts {
	line-height: 40px;
}

.footer_contacts a {
	text-decoration: none;
	/* Убираем подчеркивание по умолчанию */
	color: white;
}

.footer-mail-form input {
	height: 40px;
	border-radius: 0 !important;
	border: 0px solid black;
	background: #2e2d2d;
	margin-bottom: 10px;
}

.footer-mail-form .wpcf7-not-valid-tip {
	display: none;
}

.footer_container {
	display: grid;
	grid-template-columns: 1fr 18.2% repeat(3, 1fr);
	grid-template-rows: 188px 1fr;
	gap: 0px 30px;
	grid-template-areas: "icon_footer service-menu industries-menu insights-menu footer_contacts" "rating_footer service-menu industries-menu insights-menu footer_contacts";
}

.footer_container input {
	width: 100%;
}

@media (max-width: 1024px) {
	.footer_container {
		padding: 0 16px 56px;
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 16px;
		grid-template-areas: "icon_footer rating_footer" "service-menu industries-menu" "service-menu insights-menu" "footer-mail-form footer-mail-form" "footer_contacts footer_contacts";
	}
}

@media (max-width: 767.98px) {
	.footer_container {
		grid-template-columns: 55.9% 39.7%;
		/* 142/358 */
		grid-template-areas: "icon_footer rating_footer" "service-menu industries-menu" "footer_contacts insights-menu";
	}
}

.icon_footer {
	grid-area: icon_footer;
}

@media (max-width: 1023.98px) {
	.icon_footer {
		margin-bottom: 24px;
	}
}

@media (min-width: 1024px) {
	.icon_footer a {
		display: block;
		width: fit-content;
		height: fit-content;
		margin-bottom: 12px;
	}
}

.icon_footer p {
	width: 180px;
}

@media (max-width: 1023px) {
	.icon_footer p {
		margin-top: 12px;
	}
}

.rating_footer {
	grid-area: rating_footer;
}

@media (min-width: 1024px) {
	.rating_footer p {
		margin-bottom: 12px;
	}
}

.rating_footer a {
	height: fit-content;
	width: fit-content;
	display: block;
}

.service-menu {
	grid-area: service-menu;
}

.industries-menu {
	grid-area: industries-menu;
}

.insights-menu {
	grid-area: insights-menu;
}

.footer-mail-form {
	grid-area: footer-mail-form;
}

.footer-mail-form > .title_form {
	margin-bottom: 16px;
}

.footer_contacts {
	grid-area: footer_contacts;
}

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

@media (max-width: 1024px) {
	.footer__outline {
		margin: 0 20px -12px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0px 0px;
		grid-template-areas: "svg svg" "copyright copyright" "privacy cookies";
	}
	.footer__outline .footer__svg {
		grid-area: svg;
	}
	.footer__outline .footer__copyright {
		grid-area: copyright;
	}
	.footer__outline .footer__privacy {
		grid-area: privacy;
	}
	.footer__outline .footer__cookies {
		grid-area: cookies;
	}
}

.footer__outline a {
	text-decoration: none;
	color: #828282;
}

.outline {
	background: #828282;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.outline {
		margin-top: 56px;
	}
}

@media (min-width: 1024px) {
	.footer-mail-form [name="your-email"] {
		padding: 10px 16px;
		line-height: 28px;
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		letter-spacing: 0em;
		text-align: left;
		height: 48px;
	}
	.footer-mail-form [name="your-email"]:focus {
		color: white;
	}
	.footer-mail-form .wpcf7-form-control.has-spinner.wpcf7-submit {
		line-height: 28px;
		height: 48px;
	}
	.footer-mail-form .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
		background-color: #f9ed1e;
		cursor: pointer;
	}
	.adress a {
		display: block;
		line-height: 28px;
		margin-bottom: 12px;
	}
	.adress a:last-of-type {
		margin-bottom: 0;
	}
}

.footer__svg {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

@media (max-width: 1023.98px) {
	.footer__svg {
		margin-bottom: 20px;
	}
}

.footer__svg a {
	display: flex;
}

.footer__svg a:last-of-type {
	margin-right: 0;
}

.footer__svg a svg rect {
	transition: fill 0.15s ease;
}

.footer__svg a:hover svg rect {
	fill: white;
}

.footer__svg a:hover svg patch {
	fill: white;
}

@media (max-width: 1023px) {
	.rating_footer p {
		margin-bottom: 12px;
	}
	.footer-mail-form {
		margin-top: 40px;
	}
	[name="your-email"] {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.footer_contacts {
		margin-top: 40px;
	}
	.adress {
		display: grid;
		gap: 16px;
	}
	.adress a:last-child {
		margin-top: -4px;
	}
	.adress a {
		font-family: Raleway;
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		letter-spacing: 0em;
		text-align: left;
	}
}

header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
}

@media (max-width: 1023px) {
	header {
		height: 88px;
	}
}

header .container {
	padding: 16px;
}

header ul {
	list-style: none;
}

header._header-scroll {
	background-color: #171718;
}

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

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

@media (min-width: 1200px) {
	header .desktop {
		max-width: 1120px;
		padding: 24px 0;
		margin: 0 auto;
	}
}

header .desktop .menu > .menu-item.current-menu-item,
header .desktop .menu > .menu-item.current-menu-parent:not(:hover) {
	position: relative;
}

header .desktop .menu > .menu-item.current-menu-item::after,
header .desktop .menu > .menu-item.current-menu-parent:not(:hover)::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	top: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background-color: #efe314;
}

header .desktop .menu-item-has-children {
	position: relative;
}

header .desktop .menu-item-has-children:hover > a::after {
	transform: rotate(45deg) translateY(0) translateX(3px);
}

header .desktop .menu-item-has-children:hover::after {
	position: absolute;
	width: 100%;
	display: block;
	height: 2px;
	content: "";
	top: 38px;
	left: 0;
	background-color: #efe314;
}

header .desktop .menu-item-has-children:hover::before {
	display: block;
	top: 28px;
	height: 12px;
	width: 100%;
	position: absolute;
	content: "";
}

header .desktop .menu-item-has-children:hover ul {
	display: block;
	top: 40px;
	left: 0;
	width: max-content;
	display: flex;
	padding: 24px 40px 24px 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	background: var(--White, #fff);
	box-shadow: 4px 4px 10px 0px rgba(23, 23, 24, 0.04);
}

header .desktop .menu-item-has-children:hover ul li {
	position: relative;
}

header .desktop .menu-item-has-children:hover ul li::after {
	position: absolute;
	display: none;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -2px;
	background: var(--Black, #171718);
	content: "";
}

body.color-white header .desktop .menu-item-has-children:hover ul li::after {
	background-color: #fff;
}

header .desktop .menu-item-has-children:hover ul li:hover::after {
	display: block;
}

header .desktop .menu-item-has-children:hover ul li.current-menu-item::after {
	display: block;
}

header .desktop .menu-item-has-children:hover ul li a {
	color: var(--Black, #171718);
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	/* 175% */
}

header .desktop .menu-item-has-children ul {
	display: none;
	position: absolute;
}

header .desktop .menu-item-has-children > a::after {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	content: "";
	margin-left: 8px;
	transform: rotate(225deg) translateY(4px);
}

header .desktop__right ul {
	display: flex;
	gap: 40px;
}

header .desktop__right ul a {
	color: #ffffff;
	text-decoration: none;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	/* 175% */
}

header .desktop__right > ul > li {
	position: relative;
}

header .desktop__right > ul > li:hover::after {
	display: block;
	top: 38px;
	height: 2px;
	width: 100%;
	position: absolute;
	content: "";
	background-color: #efe314;
}

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

header .mobile__bottom {
	transform: translateX(100%);
	height: calc(100vh - 80px);
	overflow-y: auto;
	transition: transform 0.5s linear;
	padding: 24px 48px 24px;
}

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

header .mobile__bottom.open {
	transform: translateX(0);
	background-color: #171718;
}

header .mobile__bottom .menu-item-has-children {
	position: relative;
}

header .mobile__bottom .menu-item-has-children:after {
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	content: "";
	top: 5px;
	right: 5px;
	position: absolute;
	transform: rotate(225deg);
}

header .mobile__bottom .menu-item-has-children.open:before {
	width: 100%;
	height: 2px;
	position: absolute;
	content: "";
	top: 38px;
	left: 0;
	background-color: #efe314;
}

header .mobile__bottom .menu-item-has-children.open ul {
	display: block;
}

header .mobile__bottom .menu-item-has-children ul {
	display: none;
	padding-left: 16px;
}

header .mobile__bottom .menu-item-has-children ul li {
	margin-bottom: 16px;
}

header .mobile__bottom .menu-item-has-children ul li:last-of-type {
	margin-bottom: 0;
}

header .mobile__bottom .menu-item-has-children ul li:first-of-type {
	margin-top: 24px;
}

header .mobile__bottom .menu-item-has-children ul li a {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	width: 100%;
}

header .mobile__bottom > div > ul > li {
	margin-bottom: 24px;
}

header .mobile__bottom > div > ul > li > a {
	color: #fff !important;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
}

header .mobile__top {
	display: flex;
	justify-content: space-between;
}

header .burger {
	width: 48px;
	height: 48px;
	border: 1.5px solid #ffffff;
	position: relative;
}

header .burger__line {
	width: 20px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
}

header .burger__line:nth-of-type(1) {
	top: 14px;
	left: 12px;
}

header .burger__line:nth-of-type(2) {
	top: 20px;
	left: 12px;
}

header .burger__line:nth-of-type(3) {
	top: 26px;
	left: 12px;
	opacity: 1;
}

header .burger.open .burger__line:nth-of-type(1) {
	animation: top1 1s forwards;
}

header .burger.open .burger__line:nth-of-type(2) {
	animation: top2 1s forwards;
}

header .burger.open .burger__line:nth-of-type(3) {
	animation: top3 0.5s forwards;
}

header .burger:not(.open) .burger__line:nth-of-type(1) {
	animation: top1-reverse 1s forwards;
}

header .burger:not(.open) .burger__line:nth-of-type(2) {
	animation: top2-reverse 1s forwards;
}

header .burger:not(.open) .burger__line:nth-of-type(3) {
	animation: top3-reverse 0.5s forwards;
}

header ul {
	padding: 0;
	margin: 0;
}

header li {
	padding: 0;
	margin: 0;
}

.black {
	background-color: black;
}

@keyframes top1 {
	0% {
		top: 14px;
	}
	50% {
		top: 20px;
	}
	100% {
		transform: rotate(45deg);
		top: 21px;
		width: 25px;
		left: 10px;
	}
}

@keyframes top1-reverse {
	from {
		transform: rotate(45deg);
		top: 21px;
	}
	to {
		top: 14px;
		transform: rotate(0);
	}
}

@keyframes top2 {
	0% {
		top: 14px;
	}
	50% {
		top: 20px;
	}
	100% {
		transform: rotateZ(135deg);
		top: 21px;
		width: 25px;
		left: 10px;
	}
}

@keyframes top2-reverse {
	from {
		transform: rotateZ(135deg);
		top: 21px;
	}
	to {
		top: 20px;
		transform: rotateZ(0);
	}
}

@keyframes top3 {
	0% {
		top: 26px;
		opacity: 1;
	}
	100% {
		top: 20px;
		opacity: 0;
	}
}

@keyframes top3-reverse {
	from {
		top: 20px;
		opacity: 0;
	}
	to {
		top: 26px;
		opacity: 1;
	}
}

body.color-white header {
	background-color: #171718;
}

body.color-white header #menu-top_menu li a {
	color: #fff;
}

body.color-white header .sub-menu {
	background-color: #171718 !important;
}

body.color-white header .sub-menu li a {
	color: #fff !important;
}

body.color-white header .sub-menu li:hover::after {
	background-color: #fff !important;
}

body.color-white .container.mobile {
	background-color: #fff;
}

body.color-white .container.mobile #menu-top_menu li a {
	color: #000;
}

body.color-white .mobile__bottom {
	background-color: #fff;
}

body.color-white .burger {
	border: 1.5px solid #fff;
}

body.color-white .container.mobile {
	background-color: #171718;
}

body.color-white .mobile__bottom {
	background-color: #171718;
}

body.color-white header .burger__line {
	background-color: #fff;
}

body.color-black header {
	background-color: #fff;
}

body.color-black header #menu-top_menu li a {
	color: #000;
}

body.color-black header .menu-item-has-children > a::after {
	border-top: 2px solid black;
	border-left: 2px solid black;
}

body.color-black header .desktop svg path {
	fill: black;
}

body.color-black .burger {
	border: 1.5px solid #171718;
}

body.color-black .container.mobile {
	background-color: #fff;
}

body.color-black .mobile__bottom {
	background-color: #fff;
}

body.color-black header .burger__line {
	background-color: #171718;
}

body.color-black header .mobile__bottom a {
	color: #171718 !important;
}

body.color-black .menu-item-has-children:after {
	border-color: #171718;
}

body:not(.color-black):not(.color-white) .burger {
	border: 1.5px solid transparent;
}

body .container.mobile {
	transition: background-color linear 0.3s;
}

body .container.mobile .burger {
	transition: border-bottom-color linear 0.5s, border-left-color linear 0.5s, border-right-color linear 0.5s, border-top-color linear 0.5s;
}

body.color-transparent .container.mobile.open {
	background-color: #171718 !important;
}

body.color-transparent .container.mobile.open .burger {
	border: 1.5px solid #fff;
}

body.color-transparent .container.mobile.open + .mobile__bottom.open {
	background-color: #171718 !important;
}

body.color-white .mobile__logo svg path,
body.color-white .mobile__logo svg ellipse {
	fill: #fff;
}

body.color-black .mobile__logo svg path,
body.color-black .mobile__logo svg ellipse {
	fill: #171718;
}

body .mobile__logo svg path,
body .mobile__logo svg ellipse {
	transition: fill 0.3s linear;
}

.cookie {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #171718;
	box-shadow: 4px 4px 30px 0px rgba(23, 23, 24, 0.04);
	backdrop-filter: blur(20px);
	width: 100%;
	z-index: 11;
	padding-top: 40px;
	padding-bottom: 40px;
}

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

@media (min-width: 1024px) {
	.cookie .container {
		display: flex;
		gap: 32px;
	}
}

.cookie__accept {
	background: var(--Yellow, #EFE314);
	color: var(--Black, #171718);
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	/* base capital/semibold */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	/* 175% */
	text-transform: uppercase;
	width: 199px;
	height: 48px;
}

.cookie__accept:hover {
	background: #F9ED1E;
	cursor: pointer;
}

.cookie__reject {
	border: 1.5px solid var(--grey-5, #4F4F4F);
	color: var(--White, #FFF);
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	/* base capital/semibold */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 46px;
	/* 175% */
	text-transform: uppercase;
	width: 199px;
	height: 48px;
}

.cookie__reject:hover {
	border: 1.5px solid var(--White, #FFF);
	cursor: pointer;
}

.cookie__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
	margin-top: 32px;
}

@media (min-width: 1024px) {
	.cookie__buttons {
		margin-top: 0;
	}
}

.cookie__text {
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #fff;
}

.cookie.close {
	display: none;
}

.foto .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 80px 16px;
	grid-template-rows: auto;
	grid-template-areas: "title title" "foto foto" ". buttons";
}

@media (min-width: 1024px) {
	.foto .container {
		grid-template-areas: "title buttons" "foto foto";
		padding: 120px 0;
	}
}

.foto__buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 32px;
	grid-area: buttons;
}

@media (min-width: 1024px) {
	.foto__buttons {
		margin-top: 0;
	}
}

.foto img {
	width: 100%;
	height: auto;
	object-fit: fill;
}

@media (min-width: 1024px) {
	.foto img {
		width: 500px;
		height: 440px;
		object-fit: cover;
	}
}

.foto h2 {
	grid-area: title;
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.foto h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.foto__button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 4px;
	border: 1.5px solid #e0e0e0;
	width: 48px;
	height: 48px;
	transition: border-color 0.25s ease;
}

.foto__button:hover {
	border: 1.5px solid #171718;
	cursor: pointer;
}

.foto__item {
	aspect-ratio: 493 / 440;
}

.foto__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.foto .tns-outer {
	grid-area: foto;
	padding-right: 16px;
}

.map {
	position: relative;
	background-color: #f2f2f2;
}

.map__background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.map__background img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}

@media (max-width: 1023.98px) {
	.map__background img {
		object-position: bottom center;
	}
}

@media (max-width: 767.98px) {
	.map__background img {
		object-position: bottom center;
	}
}

@media (max-width: 767.98px) and (min-width: 479.98px) {
	.map__background img {
		object-fit: cover;
	}
}

.map .container {
	position: relative;
	padding: 80px 16px 235px;
}

@media (min-width: 1024px) {
	.map .container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

.map .container > p {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #171718;
	text-align: left;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.map .container > p {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (min-width: 1024px) {
	.map .container > p {
		margin-bottom: 24px;
	}
}

.map h1 {
	font-weight: 800;
	font-size: 32px;
	line-height: 125%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--black);
	color: #171718;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.map h1 {
		font-size: 40px;
		line-height: 120%;
	}
}

.map h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	color: #171718;
	display: flex;
	align-items: center;
	gap: 16px;
}

@media (min-width: 1024px) {
	.map h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

.map__wrap-top {
	margin-bottom: 32px;
}

.map__wrap-top > div {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.map__wrap-top > div a {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	text-align: left;
	color: #171718;
}

@media (min-width: 1024px) {
	.map__wrap-top > div a {
		font-size: 16px;
		font-weight: 400;
	}
}

.map__wrap-bot:not(:last-child) {
	margin-bottom: 32px;
}

@media (min-width: 1023.98px) {
	.map__wrap-bot:not(:last-child) {
		margin-bottom: 40px;
	}
}

.map__wrap-bot ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 12px;
	column-gap: 20px;
}

@media (min-width: 1024px) {
	.map__wrap-bot ul {
		width: 484px;
	}
}

.map__wrap-bot ul li {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	color: #171718;
	padding-left: 12px;
	border-left: 2px solid #171718;
}

@media (min-width: 1024px) {
	.map__wrap-bot ul li {
		font-size: 16px;
		font-weight: 400;
	}
}

.contacts .container {
	padding: 60px 20px 60px;
}

@media (min-width: 1024px) {
	.contacts .container {
		padding: 120px 0;
	}
}

.contacts h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.contacts h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.contacts__wrap {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
}

@media (min-width: 1024px) {
	.contacts__wrap {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (min-width: 1024px) {
	.contacts__wrap {
		display: flex;
		gap: 32px;
	}
}

.contacts__wrap p {
	margin-bottom: 8px;
}

.contacts__wrap + p {
	margin-bottom: 8px;
}

.contacts__wrap input {
	border: 1.5px solid var(--grey-2, #e0e0e0);
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	margin-bottom: 32px;
	padding: 10px 16px;
	outline: none;
}

.contacts__wrap input:focus, .contacts__wrap input:active {
	border-color: #171718;
}

.contacts__wrap input:hover {
	cursor: pointer;
}

@media (min-width: 1024px) {
	.contacts__wrap > div {
		width: 100%;
	}
}

.contacts textarea {
	height: 128px;
	resize: none;
	padding: 10px 16px;
	border: 1.5px solid var(--grey-2, #e0e0e0);
	background: rgba(255, 255, 255, 0.1);
	outline: none;
}

.contacts textarea:focus, .contacts textarea:active {
	border-color: #171718;
}

.contacts .contacts__checkbox input[type="checkbox"] {
	width: 24px;
	height: 24px;
	appearance: none;
	margin: 0;
	font: inherit;
	color: currentColor;
	border: 0.15em solid #e0e0e0;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;
	cursor: pointer;
	outline: none;
}

.contacts .contacts__checkbox input[type="checkbox"]::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	clip-path: polygon(15% 43%, 47% 66%, 85% 20%, 93% 28%, 47% 80%, 9% 51%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--form-control-color);
	/* Windows High Contrast Mode */
	background-color: #fff;
}

.contacts .contacts__checkbox input[type="checkbox"]:checked {
	background-color: #171718;
	border-color: #171718;
}

.contacts .contacts__checkbox input[type="checkbox"]:checked::before {
	transform: scale(1);
}

.contacts .contacts__checkbox {
	margin-top: 32px;
}

@media (min-width: 1024px) {
	.contacts .contacts__checkbox {
		display: flex;
		gap: 32px;
	}
}

.contacts .contacts__checkbox > div {
	display: flex;
	gap: 12px;
}

@media (min-width: 1024px) {
	.contacts .contacts__checkbox > div {
		width: 100%;
	}
}

.contacts .contacts__checkbox > div:first-of-type {
	margin-bottom: 32px;
}

.contacts .contacts__checkbox > div:last-of-type {
	margin-bottom: 40px;
}

.contacts .svg__wrap {
	position: relative;
}

.contacts .svg__wrap .svg__wrap-text {
	display: none;
}

.contacts .svg__wrap svg:hover + .svg__wrap-text {
	position: absolute;
	display: block;
	color: var(--Black, #171718);
	font-variant-numeric: lining-nums proportional-nums;
	/* sm/normal */
	font-family: Raleway;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	z-index: 3;
	top: 3px;
	left: 36px;
	width: 181px;
	height: 72px;
}

.contacts input[type="submit"] {
	background: var(--Yellow, #efe314);
	padding: 10px 32px;
	outline: none;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
}

.contacts input[type="submit"]:hover {
	background: #f9ed1e;
	cursor: pointer;
}

.contacts .wpcf7-list-item.first.last {
	display: flex;
	gap: 12px;
	margin-left: 0;
}

.pop-up_contact_us {
	margin: 40px 2em 0;
}

.pop-up_contact_us #popup_submit {
	background: #efe314;
	color: black;
	border-radius: 0;
	border: 0px;
	font-weight: bold;
	padding: 14px 22px;
	margin: 20px 0;
}

.pop-up_contact_us .title_text {
	font-size: 40px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}

.pop-up_contact_us .email-place_popup {
	margin: 20px 0;
}

.pop-up_contact_us .input_email_popup {
	padding: 5px;
	margin: 19px 0px;
	border-radius: 0;
	width: 100%;
}

.tooltip {
	cursor: help;
}

.tooltip::after {
	background: #fff;
	color: #000;
	content: attr(data-tooltip);
	/* Главная часть кода, определяющая содержимое всплывающей подсказки */
	opacity: 0;
	/* Наш элемент прозрачен... */
	position: absolute;
	visibility: hidden;
	/* ...и скрыт. */
	width: 240px;
	padding: 20px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.tooltip:hover::after {
	opacity: 1;
	/* Показываем его */
	visibility: visible;
}

@media (min-width: 1024px) {
	.title_block {
		margin-bottom: 40px;
	}
}

@media (min-width: 1024px) {
	.input_email_popup {
		padding: 10px 16px !important;
		margin-bottom: 40px !important;
	}
}

@media (min-width: 1024px) {
	.submit_block p input {
		margin: 0 !important;
	}
}

@media (min-width: 1024px) {
	.pum-close.popmake-close {
		width: 48px !important;
		height: 48px !important;
	}
}

@media (min-width: 1024px) {
	#popmake-2398 {
		width: 600px;
		height: 460px;
		padding: 80px;
	}
}

#popmake-2398 .pop-up_contact_us {
	margin: 0 !important;
	padding: 0 !important;
}

#popmake-2398 .pop-up_contact_us #popup_submit {
	padding: 10px 24px;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: center;
}

#popmake-2398 .pop-up_contact_us #popup_submit:hover {
	background-color: #f9ed1e;
	cursor: pointer;
}

.contacts input,
.contacts textarea {
	border-radius: 0 !important;
}

.contacts .wpcf7-form-control.has-spinner.wpcf7-submit {
	line-height: 28px;
}

.contacts .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.wpcf7-not-valid {
	margin-bottom: 4px;
}

.contacts .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
	margin-bottom: 4px;
}

.contacts .contacts__wrap > div {
	height: 105px;
}

.modal {
	background: rgba(23, 23, 24, 0.4);
	backdrop-filter: blur(5px);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

@media (min-width: 1024px) {
	.modal {
		padding: 0;
	}
}

.modal__container {
	padding: 80px 16px;
	background-color: #fff;
	z-index: 9;
	max-width: 358px;
	position: relative;
}

@media (min-width: 1024px) {
	.modal__container {
		max-width: 600px;
		padding: 80px;
	}
}

.modal h5 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
}

@media (min-width: 1024px) {
	.modal h5 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

@media (min-width: 1024px) {
	.modal h5 {
		margin-bottom: 32px;
	}
}

.modal p {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	margin-bottom: 8px;
}

@media (min-width: 1024px) {
	.modal p {
		font-size: 16px;
		font-weight: 400;
	}
}

.modal input {
	border: 1.5px solid var(--grey-2, #E0E0E0);
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	margin-bottom: 32px;
	padding: 10px 16px;
	outline: none;
}

.modal input:focus, .modal input:active {
	border-color: #171718;
}

.modal [type="submit"] {
	background: var(--Yellow, #EFE314);
	padding: 10px 32px;
	outline: none;
	border: none;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	width: fit-content;
}

@media (min-width: 1024px) {
	.modal [type="submit"] {
		font-size: 16px;
		font-weight: 400;
	}
}

.modal [type="submit"]:hover {
	background: #F9ED1E;
	cursor: pointer;
}

.modal .close__btn {
	position: absolute;
	top: 16px;
	right: 16px;
	border: 1.5px solid var(--grey-2, #E0E0E0);
	padding: 10px;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
}

@media (min-width: 1024px) {
	.modal .close__btn {
		right: 24px;
		top: 24px;
	}
}

.modal__fail p, .modal__success p {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
}

.close {
	display: none;
}

.pum.pum-overlay.pum-theme-2400.pum-theme-bandapixels_popup.popmake-overlay.click_open.pum-active {
	background: rgba(23, 23, 24, 0.4);
	backdrop-filter: blur(10px);
}

.pagination {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 80px;
}

@media (min-width: 1024px) {
	.pagination {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (min-width: 1024px) {
	.pagination {
		margin-bottom: 120px;
	}
}

.pagination .container {
	padding: 0 16px;
}

.pagination ul.page-numbers {
	display: flex;
	justify-content: flex-end;
	list-style: none;
}

@media (min-width: 1023.98px) {
	.pagination ul.page-numbers {
		justify-content: center;
		gap: 12px;
	}
}

.pagination li a,
.pagination li span {
	width: 48px;
	height: 48px;
	padding: 6px;
	border: 1.5px solid #e0e0e0;
	display: flex;
	justify-content: center;
	align-items: center;
	align-items: center;
	text-decoration: none;
	line-height: 24px;
	font-weight: 600;
	font-size: 16px;
	line-height: 175%;
	text-transform: uppercase;
	color: #171718;
	transition: border-color 0.25s ease;
}

.pagination li a:hover,
.pagination li span:hover {
	border-color: #171718;
}

.pagination li a.current,
.pagination li span.current {
	border-color: #171718;
}

.pagination li a.dots,
.pagination li span.dots {
	border: none;
}

@media (max-width: 1023.98px) {
	.pagination li a,
	.pagination li span {
		display: none;
	}
	.pagination li a.prev, .pagination li a.next,
	.pagination li span.prev,
	.pagination li span.next {
		display: flex;
	}
	.pagination li a.prev,
	.pagination li span.prev {
		margin-right: 12px;
	}
}

.pagination ul {
	margin: 0;
}

.itc-select {
	position: relative;
	z-index: 5;
	width: 100%;
}

.itc-select__toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-style: italic;
	line-height: 1.4;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1.5px solid #e0e0e0;
	cursor: pointer;
	user-select: none;
}

.itc-select__toggle::after {
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: 1rem;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNiA5TDEyIDE1TDE4IDkiIHN0cm9rZT0iIzE3MTcxOCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIC8+Cjwvc3ZnPg==");
	background-size: cover;
	content: "";
}

.itc-select__toggle:focus {
	outline: none;
}

.itc-select_show .itc-select__toggle::after {
	transform: rotate(180deg);
}

.itc-select__dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 2;
	display: none;
	max-height: 10rem;
	overflow-y: auto;
	background-color: #fff;
	border: 1.5px solid #e0e0e0;
	border-top: 0;
	border-radius: 0.3125rem;
	-webkit-overflow-scrolling: touch;
}

.itc-select__dropdown::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
}

.itc-select__dropdown::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
}

.itc-select__dropdown::-webkit-scrollbar-thumb {
	background: #000;
}

.itc-select__dropdown::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.itc-select_show .itc-select__dropdown {
	display: block;
}

.itc-select_show .itc-select__backdrop {
	display: block;
}

.itc-select__options {
	margin: 0;
	padding: 0;
	list-style: none;
}

.itc-select__option {
	padding: 0.375rem 0.75rem;
}

.itc-select__option_selected {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #e1f5fe;
}

.itc-select__option_selected::after {
	width: 0.75rem;
	height: 0.75rem;
	color: #0277bd;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="100" width="100" class="svg-inline--fa fa-check fa-w-16" data-icon="check" data-prefix="fas" aria-hidden="true"%3E%3Cpath d="M33.964 85.547l-32.5-32.251a4.935 4.935 0 010-7.017l7.071-7.017a5.027 5.027 0 017.071 0L37.5 60.987l46.894-46.534a5.028 5.028 0 017.07 0l7.072 7.017a4.935 4.935 0 010 7.017l-57.5 57.06a5.027 5.027 0 01-7.072 0z" fill="%230277bd"/%3E%3C/svg%3E');
	background-size: cover;
	content: "";
}

.itc-select__option:hover {
	background-color: #f5f5f5;
	cursor: pointer;
	transition: 0.2s background-color ease-in-out;
}

.itc-select__toggle,
.itc-select__option {
	padding: 10px 16px;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #171718;
	text-align: left;
}

@media (min-width: 1024px) {
	.itc-select__toggle,
	.itc-select__option {
		font-size: 16px;
		font-weight: 400;
	}
}

.itc-select__toggle {
	padding: 8px 16px;
	min-height: 48px;
}

.select {
	margin-top: 40px;
}

.select .container {
	display: flex;
	gap: 20px;
}

@media (max-width: 1023px) {
	.select .container {
		flex-direction: column;
	}
}

.post__top {
	height: 800px;
	background-size: cover;
	align-items: center;
	justify-content: center;
	display: flex;
}

.post__top .container {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.post__top-title {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.post__top-title {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

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

.post__top p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
}

.post__top p:first-of-type {
	margin-bottom: 20px;
}

.post__top p:last-of-type {
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.post__top p:last-of-type {
		margin-bottom: 40px;
	}
}

.post__top .new__tags {
	padding: 0;
}

.post > .container {
	padding: 40px 10px;
}

@media (min-width: 1024px) {
	.post > .container {
		padding: 80px 0;
	}
}

.post > .container h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-top: 40px;
	color: #171718;
}

@media (min-width: 1024px) {
	.post > .container h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.post > .container img {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.post > .container p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #171718;
	margin-top: 20px;
}

.post > .container mark {
	color: var(--Black, #171718);
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 28px;
	/* 175% */
	letter-spacing: 0.32px;
}

.post > .container a {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #1c49e9;
	text-decoration: none;
}

.post > .container h3 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: left;
	color: #171718;
}

@media (min-width: 1024px) {
	.post > .container h3 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.post > .container ul {
	list-style: none;
	margin: 20px 0;
}

.post > .container ul li {
	display: block;
	position: relative;
	padding: 0;
	margin-bottom: 10px;
	padding-left: 20px;
}

.post > .container ul li:before {
	position: absolute;
	display: block;
	content: "";
	height: 20px;
	width: 2px;
	left: 0;
	top: 0;
	background-color: #171718;
}

.post > .container ol {
	margin: 20px 0;
	padding-left: 15px;
}

.post > .container ol li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 10px;
}

.post > .container ol li:last-of-type {
	margin-bottom: 0;
}

.post > .container ol li::marker {
	font-weight: 600 !important;
}

.post__share > span {
	font-variant-numeric: lining-nums proportional-nums;
	/* 4xl/capital extrabold */
	font-family: Raleway;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px;
	/* 125% */
	letter-spacing: 0.64px;
	text-transform: uppercase;
	margin: 40px 0 20px;
	display: block;
}

.post__share-buttons {
	display: flex;
	gap: 20px;
}

.post__share-buttons a:hover svg rect {
	fill: #bdbdbd;
}

#popup {
	color: #171718;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	/* base capital/semibold */
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	/* 175% */
	text-transform: uppercase;
	padding: 10px 24px;
	background-color: #efe314;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 48px;
	transition: background-color 0.25s ease;
	text-decoration: none;
}

@media (max-width: 768px) {
	#popup {
		padding-inline: 10px;
	}
}

@media (any-hover: hover) {
	#popup:hover {
		background-color: #f9ed1e;
	}
}

.popup-contact .container {
	padding-top: 80px;
	padding-bottom: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.popup-contact h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.popup-contact h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.popup-contact .popup__maker {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 24px;
	background-color: #efe314;
	border: none;
}

@media (min-width: 1024px) {
	.popup-contact .popup__maker {
		font-size: 16px;
		font-weight: 400;
	}
}

.popup-contact .popup__maker:hover {
	background: #f9ed1e;
	cursor: pointer;
}

@media (max-width: 1023px) and (max-width: 1023px) {
	.category-blog .select .container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 1023px) {
	.category-blog .new__archive .new__item h4 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* number of lines to show */
		max-height: 62px;
	}
	.category-blog .hero.small .container {
		padding-bottom: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.category-blog .hero.small .container h1 {
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {
	.new h4 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* number of lines to show */
		max-height: 62px;
	}
	.new p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* number of lines to show */
		max-height: 56px;
	}
}

.single-post .post__top h2,
.single-post .post__top p {
	color: white;
}

.single-post .post__top a {
	text-decoration: none;
}

@media (max-width: 1023px) {
	.single-post .post__top .container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (min-width: 1024px) {
	.single-post .post__top {
		height: 800px;
	}
}

@media (min-width: 1024px) {
	.single-post .post h2 {
		font-size: 32px;
	}
}

@media (min-width: 1024px) {
	.single-post .post img {
		height: 560px;
		width: 100%;
		object-fit: cover;
	}
	.single-post .post .container {
		padding-bottom: 120px;
	}
}

@media (max-width: 1023px) {
	.single-post .post img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
	.single-post .post .container {
		padding: 80px 16px;
	}
	.single-post .post h2 {
		font-size: 24px;
	}
	.single-post .post .container h2:first-child {
		margin: 0;
	}
}

.not-found {
	height: 700px;
}

.not-found .container {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.not-found h1 {
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin: 32px 0;
}

.not-found a {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #171718;
	text-decoration: none;
	padding: 10px 32px;
	background: #EFE314;
}

@media (min-width: 1024px) {
	.not-found a {
		font-size: 16px;
		font-weight: 400;
	}
}

.not-found a:hover {
	background: #F9ED1E;
}

.stories.cases-page .container {
	padding-top: 32px;
	padding-bottom: 32px;
}

.stories.cases-page .container .stories__tag {
	background-color: #e0e0e0;
}

.stories.cases-page .container .stories__tag:after {
	background-color: #171718;
}

.stories.cases-page .container a {
	text-decoration: none;
	color: #171718;
}

body.single-cases #page > div ul:not(.with-bullet):not(.with-image) {
	padding: 12px 0;
	margin: 0;
	list-style: none;
}

body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li {
	padding: 12px 0 12px 12px;
	position: relative;
	display: block;
}

body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li:first-of-type, body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li:last-of-type {
	padding: 0;
	padding-left: 12px;
}

body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li:first-of-type:before, body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li:last-of-type:before {
	top: 4px;
}

body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li:before {
	display: block;
	position: absolute;
	content: "";
	width: 2px;
	height: 20px;
	top: 16px;
	left: 0;
	background-color: #171718;
}

body.single-cases #page .benefits__items {
	display: flex;
	flex-wrap: wrap;
	margin-top: 32px;
}

body.single-cases #page .benefits__items .benefits__item {
	width: calc(50% - 1px);
	gap: 2px;
}

@media (min-width: 1024px) {
	body.single-cases #page .industries__title {
		max-width: 360px;
	}
}

body.single-cases #page .industries.black {
	background-color: #171718;
}

body.single-cases #page .industries.black h2 {
	color: #fff;
}

body.single-cases #page .industries.black .industries__item {
	border-top: 2px solid #fff;
}

body.single-cases #page .industries.black .industries__item:last-of-type {
	border-bottom: 2px solid #fff;
}

body.single-cases #page .industries.black h4 {
	color: #fff;
}

@media (min-width: 1024px) {
	body.single-cases #page .industries__title {
		max-width: 360px;
		min-width: 360px;
	}
}

.challenges .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.challenges .container {
		padding: 120px 0;
	}
}

.challenges h3 {
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.challenges__items {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

@media (min-width: 1024px) {
	.challenges__items {
		display: block;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		column-gap: 2px;
		margin-bottom: -2px;
	}
}

.challenges__item {
	width: 100%;
	display: inline-block;
	padding: 32px 16px;
	background-color: #f2f2f2;
	margin-bottom: 2px;
}

@media (min-width: 1024px) {
	.challenges__item {
		padding: 32px;
	}
}

.challenges__item > div {
	display: flex;
	gap: 20px;
	flex-direction: column;
}

.challenges__item > div > div {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
}

@media (min-width: 1024px) {
	.challenges__item > div > div {
		font-size: 16px;
		font-weight: 400;
	}
}

.challenges h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	padding-right: 32px;
}

@media (min-width: 1024px) {
	.challenges h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

.challenges h4:not(.have-child) {
	padding-right: 0;
}

@media (max-width: 1023px) {
	.challenges h4.have-child {
		display: block;
		position: relative;
	}
	.challenges h4.have-child:after {
		display: block;
		position: absolute;
		right: 0;
		top: 4px;
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23171718' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
		width: 24px;
		height: 24px;
	}
}

.challenges h4.have-child.open-child:after {
	transform: rotate(180deg);
}

@media (max-width: 1024px) {
	.challenges h4.have-child.open-child + div {
		display: block;
	}
}

@media (max-width: 1023px) {
	.challenges h4 + div {
		display: none;
	}
}

.industries__icons p {
	max-height: fit-content;
}

.industries__icon {
	display: flex;
	align-items: center;
	gap: 12px;
	align-self: center;
}

.industries__icon img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.industries__icons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 20px;
	column-gap: 16px;
	transition: max-height 1s linear;
}

@media (max-width: 1023px) {
	.industries__icons {
		max-height: 0;
	}
}

@media (min-width: 1024px) {
	.industries__icons {
		min-height: fit-content;
		grid-template-columns: repeat(3, 155px);
		column-gap: 40px;
	}
}

.functionality .industries__text {
	height: fit-content;
}

@media (min-width: 1024px) {
	.functionality .industries__icons {
		padding-top: 6px;
	}
}

.functionality .industries__icon p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.functionality .industries__title.open + .industries__text .industries__icons {
	max-height: fit-content;
}

.stories.white-block {
	background-color: #fff;
}

.stories.white-block h2 {
	color: #171718;
}

.stories.white-block .stories__all {
	color: #171718 !important;
	border: 1.5px solid var(--grey-2, #e0e0e0);
}

.stories.white-block .stories__all:hover {
	border-color: #171718;
}

.stories.white-block .stories__items a {
	color: var(--Black, #171718);
	text-decoration: none;
}

.stories.white-block .stories__tag {
	background: #e0e0e0;
}

.stories.white-block .stories__tag:after {
	background-color: #171718;
}

.stories.white-block .stories__items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

form {
	margin-bottom: 40px;
}

.search__blocks__filter {
	display: flex;
	color: black;
}

@media (max-width: 1023px) {
	.search__blocks__filter {
		flex-direction: column;
	}
	.search__blocks__filter .category__block,
	.search__blocks__filter .cases__block {
		margin-bottom: 20px;
		width: 200px;
	}
}

.category__block__filter,
.cases__block__filter {
	cursor: pointer;
	width: 200px;
}

.category__block__filter,
.cases__block__filter {
	border: 1px solid #ddd;
	height: 40px;
	display: flex;
}

.category__block,
.cases__block {
	margin-right: 24px;
	position: relative;
}

.block_list {
	position: absolute;
	z-index: 9;
	background-color: white;
	margin-top: 2px;
	border: 1px solid #ddd;
	width: 200px;
}

.block_list::-webkit-scrollbar {
	border-radius: 0px;
	width: 3px;
	overflow: hidden;
}

.block_list::-webkit-scrollbar-thumb {
	background-color: #adadad;
	border-radius: 20px;
}

.filter_name {
	margin: auto 50px auto 20px;
	white-space: nowrap;
	/* Запрет переноса текста на новую строку */
	overflow: hidden;
	/* Скрыть текст, который не помещается в блоке */
	text-overflow: ellipsis;
}

.filter_name:after {
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23171718' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
	width: 24px;
	height: 24px;
}

.show .block__filter {
	border: 1px solid black;
}

.show .filter_name:after {
	transform: rotate(180deg);
}

.category__block.show .block_list,
.cases__block.show .block_list {
	display: block !important;
	box-shadow: 4px 4px 10px 0px rgba(23, 23, 24, 0.04);
	border: 1.5px solid #e0e0e0;
}

.list__block__filter {
	display: flex;
}

.list__block__filter label {
	margin: auto;
}

.block_list {
	height: 200px;
	overflow-y: scroll;
	display: none;
	-webkit-overflow-scrolling: touch;
}

.block_list::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px;
}

.block_list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
}

.block_list::-webkit-scrollbar-thumb {
	background: #000;
}

.block_list::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.list__block__filter {
	cursor: pointer;
}

.list__block__filter label {
	cursor: pointer;
}

.list__block__filter:hover {
	background-color: #c9c9c9;
}

.list__block__filter input {
	display: none !important;
}

.list__block__filter label {
	text-align: left;
	width: 100%;
	padding: 6px;
}

.filter__button {
	min-width: 116px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	text-transform: uppercase;
	color: black;
	background: white;
	border: 1px solid #ddd;
	border-radius: 0;
	cursor: pointer;
}

.filter__button:hover {
	border: 1px solid black;
}

@media (max-width: 1023px) {
	.category__block__filter,
	.cases__block__filter {
		width: 100%;
	}
}

@media (max-width: 1023px) {
	.search__blocks__filter .category__block,
	.search__blocks__filter .cases__block {
		width: 100%;
	}
}

@media (max-width: 1023px) {
	.block_list {
		width: 100%;
	}
}

.category__list.list__block__filter {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.category__list.list__block__filter:hover {
	background: #f2f2f2;
}

.category__list.list__block__filter label {
	padding: 10px 16px;
}

.cases__list.list__block__filter {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.cases__list.list__block__filter:hover {
	background: #f2f2f2;
}

.cases__list.list__block__filter label {
	padding: 10px 16px;
}

.filter_name {
	margin-left: 16px;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	padding: 9px 0;
}

.category__block__filter,
.cases__block__filter {
	height: fit-content;
}

.filter_name:after {
	top: 14px;
}

.filter__button {
	min-height: 48px;
}

.stories__items {
	display: grid;
	gap: 1.8px;
}

@media (min-width: 767.98px) {
	.stories__items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 767.98px) {
	.stories__items--one-column {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 1024px) {
	.archive .stories__items {
		gap: 20px;
	}
}

.archive .stories__items .stories__item {
	border: none;
}

.archive .new__item {
	height: fit-content;
}

.single-cases .cases-hero h1 {
	text-align: left;
}

@media (min-width: 1024px) {
	.single-cases .stats {
		line-height: 28px;
	}
}

@media (min-width: 1023px) {
	.single-cases .functionality h2 {
		margin-bottom: 40px;
	}
}

@media (min-width: 1023px) {
	.single-cases .acc-list h2 {
		margin-bottom: 40px;
	}
}

@media (min-width: 1024px) {
	body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li {
		padding-bottom: 0;
		padding-top: 0;
	}
	body.single-cases #page > div ul:not(.with-bullet):not(.with-image) li:before {
		display: none;
	}
}

@media (min-width: 1024px) {
	.acc-list .cols .col .accordeon .subtitle.empty span {
		padding-bottom: 0 !important;
	}
}

.cta .btn-conteiner a {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: center;
	display: block;
}

@media (max-width: 1023px) {
	.single-cases .container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 1023px) {
	.single-cases .functionality .items .item {
		width: 100%;
	}
}

@media (max-width: 1023px) {
	.single-cases h2 {
		font-family: Raleway;
		font-size: 24px !important;
		font-weight: 800;
		line-height: 32px !important;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

@media (min-width: 1024px) {
	body.archive .new__item {
		height: fit-content !important;
	}
}

.listing {
	background-color: #171718;
}

.listing .container {
	color: white;
	padding-top: 80px;
	padding-bottom: 80px;
}

@media (min-width: 1024px) {
	.listing .container {
		padding: 120px 0;
	}
}

.listing__title {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.listing__title {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.listing__items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 1024px) {
	.listing__items {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.listing__item {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	position: relative;
	padding-left: 13px;
	text-align: left;
}

@media (min-width: 1024px) {
	.listing__item {
		font-size: 16px;
		font-weight: 400;
	}
}

@media (min-width: 1024px) {
	.listing__item {
		width: calc(50% - 10px);
	}
}

.listing__item:after {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	content: '';
	height: 16px;
	width: 2px;
	background-color: #fff;
}

.block__img {
	width: 100%;
	height: 200px;
	background-size: cover;
}

@media (min-width: 1024px) {
	.block__img {
		height: 560px;
	}
}

.success .container {
	padding: 80px 10px 80px;
}

@media (min-width: 1024px) {
	.success .container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

.success h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
	.success h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

.success > .container > p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 8px;
}

.success__items {
	margin-top: 32px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
}

.success__item {
	padding: 32px 16px;
	background: #333;
	color: #fff;
}

@media (min-width: 1024px) {
	.success__item {
		padding: 32px;
	}
}

.success__item p {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.success h4 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.success h4 {
		font-size: 32px;
		line-height: 40px;
	}
}

.cases-hero {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 800px;
}

@media (min-width: 1024px) {
	.cases-hero {
		height: 900px;
	}
}

.cases-hero .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.cases-hero .container {
		margin: 0 auto;
	}
}

.cases-hero h1 {
	color: #fff;
	text-align: center;
	font-size: 64px;
	font-style: normal;
	font-weight: 800;
	line-height: 72px;
	/* 112.5% */
	letter-spacing: 1.28px;
	text-transform: uppercase;
	margin-bottom: 32px;
}

@media (max-width: 1023px) {
	.cases-hero h1 {
		font-size: 32px;
		font-style: normal;
		font-weight: 800;
		line-height: 40px;
		/* 125% */
		letter-spacing: 0.64px;
		text-transform: uppercase;
	}
}

@media (min-width: 1200px) {
	.cases-hero h1 {
		width: 998px;
		margin-bottom: 40px;
	}
}

.cases-hero .cases-hero-tags {
	display: block;
	text-align: left;
}

.cases-hero .cases-hero-tags span {
	display: inline-block;
	vertical-align: top;
	margin: 0 12px 12px 0;
	color: #171718;
	background: #e0e0e0;
	padding: 8px 12px;
	font-weight: 400;
	line-height: 24px;
}

.cases-hero .cases-hero-tags span::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #171718;
	margin-right: 8px;
}

.cases-hero-content .new__tag a {
	text-decoration: none;
}

.stats {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
}

@media (min-width: 1024px) {
	.stats {
		padding: 120px 0;
	}
}

.stats .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.stats .container {
		margin: 0 auto;
	}
}

.stats h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.stats ul {
	list-style: none;
	padding: 12px 0 0 16px;
	margin: 0;
}

.stats ul li {
	display: block;
	position: relative;
	margin-bottom: 12px;
	padding-left: 14px;
	list-style: none;
}

.stats ul li::after {
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	left: 0;
	top: 0;
	background: #171718;
}

.stats .stats-items {
	display: block;
	width: 100%;
	margin-top: 32px;
}

.stats .stats-items::after {
	content: '';
	display: block;
	clear: both;
}

.stats .stats-items .stats-item {
	display: block;
	box-sizing: border-box;
	border: 1px solid #fff;
	width: 50%;
	height: 146px;
	background: #f2f2f2;
	padding: 32px 16px;
	float: left;
}

@media (min-width: 1024px) {
	.stats .stats-items .stats-item {
		padding: 32px 32px;
		height: 152px;
	}
}

.stats .stats-items .stats-item .stat-title {
	display: block;
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	text-align: left;
}

@media (min-width: 1024px) {
	.stats .stats-items .stats-item .stat-title {
		font-size: 32px;
		line-height: 40px;
	}
}

.stats .stats-items .stats-item .stat-name {
	display: block;
	color: #171718;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-top: 20px;
	text-align: left;
}

@media (min-width: 1024px) {
	.stats .stats-items .stats-item .stat-name {
		font-size: 16px;
		font-weight: 400;
	}
}

.cases-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 16px;
	background: #171718;
}

@media (min-width: 1024px) {
	.cases-list {
		padding: 120px 0;
	}
}

.cases-list .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.cases-list .container {
		margin: 0 auto;
	}
}

.cases-list h2 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.cases-list p {
	color: #fff;
	text-align: left;
	margin-bottom: 32px;
	width: 100%;
}

.cases-list .cols {
	display: block;
	width: 100%;
}

.cases-list .cols::after {
	content: "";
	display: block;
	clear: both;
}

.cases-list .cols ul {
	display: block;
	list-style: none;
	padding: 0 32px 0 0;
	margin: 0;
	width: 100%;
}

@media (min-width: 1024px) {
	.cases-list .cols ul {
		width: 50%;
		float: left;
	}
	.cases-list .cols ul.full-width {
		width: 100%;
	}
}

.cases-list .cols ul li {
	list-style: none;
	text-align: left;
	position: relative;
}

.cases-list .cols ul li span {
	color: #fff;
	display: block;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.cases-list .cols ul.with-bullet li {
	padding-left: 14px;
	margin-bottom: 12px;
}

.cases-list .cols ul.with-bullet li::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	top: 2px;
	left: 0;
	background: #fff;
}

.cases-list .cols ul.with-image li {
	padding-left: 48px;
	margin-bottom: 20px;
}

.cases-list .cols ul.with-image li img {
	display: block;
	width: 36px;
	height: auto;
	position: absolute;
	top: -4px;
	left: 0;
}

.cases-list.bg-white {
	background: #fff;
}

.cases-list.bg-white h2,
.cases-list.bg-white p,
.cases-list.bg-white .cols ul li span {
	color: #171718;
}

.title-description-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
	background: #171718;
}

@media (min-width: 1024px) {
	.title-description-list {
		padding: 120px 0;
	}
}

.title-description-list .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.title-description-list .container {
		margin: 0 auto;
	}
}

.title-description-list h2 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 48px;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.title-description-list p {
	color: #fff;
	text-align: left;
	margin-bottom: 32px;
	width: 100%;
}

.title-description-list .cols {
	display: block;
	width: 100%;
	border-top: 2px solid white;
}

.title-description-list .cols .col-inner {
	padding: 0 32px 0 0;
	margin: 0;
	width: 100%;
	text-align: left;
	color: #fff;
	display: inline-block;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

@media (min-width: 1024px) {
	.title-description-list .cols .col-inner.left {
		width: calc(40% - 50px);
	}
	.title-description-list .cols .col-inner.right {
		width: 60%;
	}
}

.title-description-list .cols ul.with-bullet li {
	padding-left: 14px;
	margin-bottom: 12px;
}

.title-description-list .col {
	display: flex;
	padding: 25px;
	border-bottom: 2px solid white;
}

.title-description-list.bg-white {
	background: #fff;
}

.title-description-list.bg-white h2,
.title-description-list.bg-white p,
.title-description-list.bg-white .cols .col-inner {
	color: #171718;
}

.full-w-image {
	width: 100%;
}

.full-w-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 200px;
}

.acc-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
}

@media (min-width: 1024px) {
	.acc-list {
		padding: 120px 0;
	}
}

.acc-list .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.acc-list .container {
		margin: 0 auto;
	}
}

.acc-list h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (max-width: 1024px) {
	.acc-list h2 {
		font-size: 32px;
	}
}

.acc-list .cols {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	background: #f2f2f2;
}

@media (min-width: 1024px) {
	.acc-list .cols {
		flex-direction: row;
		justify-content: stretch;
	}
}

.acc-list .cols .col {
	display: block;
	width: 100%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

@media (min-width: 1024px) {
	.acc-list .cols .col {
		width: 50%;
	}
	.acc-list .cols .col.full-width {
		width: 100%;
	}
}

.acc-list .cols .col .accordeon {
	border-top: 2px solid #fff;
	padding: 16px 16px 0 16px;
}

@media (min-width: 1024px) {
	.acc-list .cols .col .accordeon {
		padding: 32px 32px 0 32px;
	}
}

.acc-list .cols .col .accordeon .subtitle {
	display: block;
	position: relative;
	padding-right: 32px;
	cursor: pointer;
}

.acc-list .cols .col .accordeon .subtitle img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.acc-list .cols .col .accordeon .subtitle span {
	color: #171718;
	display: block;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
	padding-bottom: 20px;
}

@media (min-width: 1024px) {
	.acc-list .cols .col .accordeon .subtitle {
		padding-right: 0;
		cursor: default;
	}
	.acc-list .cols .col .accordeon .subtitle img {
		display: none;
	}
}

.acc-list .cols .col .accordeon .acc-content {
	color: #171718;
	padding-bottom: 16px;
	display: none;
}

@media (min-width: 1024px) {
	.acc-list .cols .col .accordeon .acc-content {
		padding-bottom: 32px;
		display: block !important;
	}
}

.acc-list .cols .col .accordeon .acc-content ul {
	list-style: none;
	padding: 12px 0 0 0;
	margin: 0;
}

.acc-list .cols .col .accordeon .acc-content ul li {
	display: block;
	position: relative;
	margin-bottom: 12px;
	padding-left: 14px;
	list-style: none;
}

.acc-list .cols .col .accordeon .acc-content ul li::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	left: 0;
	top: 0;
	background: #171718;
}

.acc-list .cols .col .accordeon.opened .subtitle {
	display: block;
	position: relative;
	padding-right: 32px;
}

.acc-list .cols .col .accordeon.opened .subtitle img {
	transform: rotate(180deg);
}

.acc-list .cols .col .accordeon .subtitle.empty span {
	padding-bottom: 0 !important;
}

.functionality {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
	background: #171718;
}

@media (min-width: 1024px) {
	.functionality {
		padding: 120px 0;
	}
}

.functionality .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.functionality .container {
		margin: 0 auto;
	}
}

@media (max-width: 1023px) {
	.functionality .container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.functionality h2 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (min-width: 1024px) {
	.functionality h2 {
		margin-bottom: 40px;
	}
}

@media (max-width: 1024px) {
	.functionality h2 {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.functionality .items {
	display: block;
	border-top: 2px solid #fff;
}

@media (max-width: 1023px) {
	.functionality .items {
		width: 100%;
	}
}

.functionality .items .item {
	display: flex;
	flex-direction: column;
	padding: 32px 0px;
	border-bottom: 2px solid #fff;
}

@media (min-width: 1024px) {
	.functionality .items .item {
		flex-direction: row;
		padding: 32px 32px;
		align-items: flex-start;
	}
}

@media (max-width: 1023px) {
	.functionality .items .item {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.functionality .items .item .subtitle {
	width: auto;
	box-sizing: border-box;
	padding-right: 36px;
	position: relative;
	cursor: pointer;
}

.functionality .items .item .subtitle img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.functionality .items .item .subtitle span {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
	display: block;
	color: #fff;
}

@media (min-width: 1024px) {
	.functionality .items .item .subtitle {
		padding-right: 0;
		width: 360px;
		cursor: default;
	}
	.functionality .items .item .subtitle img {
		display: none;
	}
}

.functionality .items .item .acc-content {
	display: none;
	box-sizing: border-box;
	width: auto;
	color: #fff;
	padding-left: 0;
	padding-top: 20px;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

@media (min-width: 1024px) {
	.functionality .items .item .acc-content {
		display: block !important;
		padding-left: 16px;
		padding-top: 0;
		width: calc(100% - 360px);
	}
}

.functionality .items .item.opened .subtitle img {
	transform: rotate(180deg);
}

.functionality p.description {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	margin-bottom: 32px;
	color: white;
}

@media (min-width: 1024px) {
	.functionality p.description {
		margin-top: -8px;
	}
}

.functionality ul li::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	left: 0;
	top: 0;
	background: #fff;
}

.technologies {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 16px 80px;
	background: #f2f2f2;
}

@media (min-width: 1024px) {
	.technologies {
		padding: 120px 0;
	}
}

.technologies.bg-white {
	background-color: #fff;
}

.technologies .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.technologies .container {
		margin: 0 auto;
	}
}

.technologies h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (max-width: 1023px) {
	.technologies h2 {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.technologies .items {
	display: block;
	border-top: 2px solid #171718;
	width: 100%;
}

.technologies .items .item {
	display: flex;
	flex-direction: column;
	padding: 32px 16px;
	border-bottom: 2px solid #171718;
}

@media (min-width: 1024px) {
	.technologies .items .item {
		flex-direction: row;
		padding: 32px;
		align-items: flex-start;
	}
}

.technologies .items .item .subtitle {
	width: auto;
	box-sizing: border-box;
	padding-right: 36px;
	position: relative;
	cursor: pointer;
}

.technologies .items .item .subtitle img {
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	transition: transform 0.25s ease;
}

.technologies .items .item .subtitle span {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	display: block;
	color: #171718;
}

@media (min-width: 1024px) {
	.technologies .items .item .subtitle span {
		font-size: 32px;
		line-height: 40px;
	}
}

@media (min-width: 1024px) {
	.technologies .items .item .subtitle {
		padding-right: 0;
		width: 350px;
		cursor: default;
	}
	.technologies .items .item .subtitle img {
		display: none;
	}
}

.technologies .items .item .acc-content {
	display: none;
	box-sizing: border-box;
	width: auto;
	color: #171718;
	padding-left: 0;
	padding-top: 20px;
}

@media (min-width: 1024px) {
	.technologies .items .item .acc-content {
		display: block !important;
		padding-left: 16px;
		padding-top: 0;
		width: calc(100% - 350px);
	}
}

.technologies .items .item .acc-content .tech-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 16px;
}

@media (min-width: 1024px) {
	.technologies .items .item .acc-content .tech-container {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px 40px;
	}
}

.technologies .items .item .acc-content .tech-container .tech {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	box-sizing: border-box;
	position: relative;
	font-size: 16px;
	line-height: 175%;
	color: var(--black);
}

.technologies .items .item .acc-content .tech-container .tech img {
	display: flex;
	width: auto;
	width: 24px;
	object-fit: cover;
}

.technologies .items .item.opened .subtitle img {
	transform: rotate(180deg);
}

.cta {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #171718;
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.cta {
		padding: 120px 0;
	}
}

.cta .container {
	position: relative;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.cta .container {
		margin: 0 auto;
	}
}

.cta h2 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: center;
	width: 100%;
}

@media (max-width: 1023px) {
	.cta h2 {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: center;
	}
}

.cta .desc {
	color: #fff;
	margin-bottom: 32px;
	text-align: center;
	width: 100%;
}

.cta .btn-container {
	text-align: center;
}

.cta--start .container {
	align-items: flex-start;
}

.cta--start h2 {
	text-align: start;
	margin-bottom: 24px;
}

.cta__support {
	border-left: 2px solid #fff;
	padding-left: 32px;
	margin-bottom: 40px;
}

.cta__support > * {
	margin-bottom: 8px;
}

.cta__support > :last-child {
	margin-bottom: 0;
}

.cta__support-text {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
	color: #fff;
}

.cta-decores__item {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
}

@media (max-width: 1023.98px) {
	.cta-decores__item {
		opacity: 0.5;
	}
}

@media (max-width: 767.98px) {
	.cta-decores__item {
		display: none;
	}
}

.cta-decores__item--1, .cta-decores__item--2, .cta-decores__item--4 {
	background-image: url("./img/cta/decore-01.svg");
	width: 402px;
	aspect-ratio: 402 / 285;
}

@media (max-width: 1023.98px) {
	.cta-decores__item--1, .cta-decores__item--2, .cta-decores__item--4 {
		width: 39.3%;
		/* 402/1024 */
	}
}

.cta-decores__item--1 {
	top: 10px;
	left: 10px;
}

.cta-decores__item--2 {
	bottom: 10px;
	right: 10px;
	transform: scale(-1);
}

.cta-decores__item--3 {
	background-image: url("./img/cta/decore-02.svg");
	bottom: 105px;
	right: 65px;
	width: 398px;
	aspect-ratio: 398 / 285;
}

@media (max-width: 1023.98px) {
	.cta-decores__item--3 {
		width: 38.9%;
		/* 398/1024 */
	}
}

.cta-decores__item--4 {
	background-image: url("./img/cta/decore-03.svg");
	bottom: 20px;
	right: 349px;
	width: 402px;
	aspect-ratio: 402 / 285;
}

@media (max-width: 1023.98px) {
	.cta-decores__item--4 {
		width: 39.3%;
		/* 402/1024 */
		right: 34.1%;
		/* 349/1024 */
	}
}

.s-type {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
}

.s-type.bg-white {
	background: #fff;
}

.s-type.bg-gray {
	background: #f2f2f2;
}

@media (min-width: 1024px) {
	.s-type {
		padding: 120px 0;
	}
}

.s-type .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.s-type .container {
		margin: 0 auto;
	}
}

@media (max-width: 1023px) {
	.s-type .container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.s-type h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (max-width: 1023px) {
	.s-type h2 {
		margin-bottom: 40px;
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.s-type .items {
	width: 100%;
}

.s-type .items.layout-row {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: stretch;
}

@media (min-width: 1024px) {
	.s-type .items.layout-row {
		flex-direction: row;
	}
}

.s-type .items.layout-row .col {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
}

@media (min-width: 1024px) {
	.s-type .items.layout-row .col {
		width: 50%;
	}
}

.s-type .items.layout-row .col.first {
	border-top: 2px solid #171718;
	border-left: 2px solid #171718;
	border-bottom: 2px solid #171718;
}

@media (min-width: 1024px) {
	.s-type .items.layout-row .col.first {
		border-top: 2px solid #171718;
		border-left: 2px solid #171718;
		border-right: 2px solid #171718;
		border-bottom: none;
	}
}

.s-type .items.layout-row .col.second {
	border-right: 2px solid #171718;
	border-bottom: 2px solid #171718;
}

.s-type .items.layout-col {
	display: block;
}

.s-type .items.layout-col .col.first {
	border-top: 2px solid #171718;
	border-left: 2px solid #171718;
	border-bottom: 2px solid #171718;
}

.s-type .items.layout-col .col.second {
	border-right: 2px solid #171718;
	border-bottom: 2px solid #171718;
}

.s-type .items .col {
	padding: 32px 16px;
}

@media (min-width: 1024px) {
	.s-type .items .col {
		padding: 32px;
	}
}

.s-type .items .col.bg-white {
	background: #fff;
}

.s-type .items .col h3 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	width: 70%;
	margin-bottom: 20px;
}

@media (min-width: 1023.98px) {
	.s-type .items .col h3 {
		margin-bottom: 32px;
	}
}

@media (max-width: 1023.98px) {
	.s-type .items .col h3 {
		font-size: 24px;
	}
}

.s-type .items .col .item-content ul {
	list-style: none;
	padding: 12px 0 0 0;
	margin: 0;
}

.s-type .items .col .item-content ul li {
	display: block;
	position: relative;
	margin-bottom: 12px;
	padding-left: 14px;
	list-style: none;
}

.s-type .items .col .item-content ul li::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	left: 0;
	top: 0;
	background: #171718;
}

.s-type .items .col .avatars {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.s-type .items .col .avatars .avatar {
	display: block;
	width: 68px;
	margin: 0 2px;
	position: relative;
}

@media (min-width: 1024px) {
	.s-type .items .col .avatars .avatar {
		margin: 0 10px;
	}
	.s-type .items .col .avatars .avatar::after {
		content: "";
		display: block;
		position: absolute;
		width: 3px;
		height: 3px;
		background: #171718;
		top: 31px;
		right: -10px;
		transform: translateX(50%);
	}
	.s-type .items .col .avatars .avatar:last-child::after {
		display: none;
	}
}

@media (max-width: 1023.98px) {
	.s-type .items .col .avatars .avatar:not(:first-child) {
		margin-left: -9px;
	}
}

.s-type .items .col .avatars .avatar .image {
	box-sizing: border-box;
	width: 68px;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1.5px solid #171718;
	background-color: #fff;
}

.s-type .items .col .avatars .avatar .image img {
	display: block;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.s-type .items .col .avatars .avatar .empty-avatar {
	display: flex;
	box-sizing: border-box;
	width: 68px;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1.5px solid #bdbdbd;
	background-color: #fff;
	position: relative;
}

.s-type .items .col .avatars .avatar .empty-avatar img.empty {
	display: block;
}

.s-type .items .col .avatars .avatar .empty-avatar img.plus {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.s-type .items .col .avatars .avatar span {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 171.4%;
	/* 24/14 */
}

@media (max-width: 1023.98px) {
	.s-type .items .col .avatars .avatar span {
		font-size: 10px;
		line-height: 140%;
		/* 14/10 */
	}
}

.s-type.titleless.use_uppercase .items .col.first h3,
.s-type.titleless.use_uppercase .items .col.second h3 {
	font-family: Raleway;
	font-size: 24px;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
	text-align: left;
	width: 100%;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	.s-type.titleless.use_uppercase .items .col.first h3,
	.s-type.titleless.use_uppercase .items .col.second h3 {
		font-size: 40px;
		font-weight: 800;
		line-height: 48px;
	}
}

.s-type.titleless.use_uppercase .items .item-content p {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.s-type p.description {
	margin-bottom: 32px;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

@media (max-width: 1023px) {
	.s-type p.description {
		margin-top: -8px;
	}
}

.black-blocks {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 16px 80px;
}

.black-blocks.bg-gray {
	background: #f2f2f2;
}

.black-blocks.bg-gray .block {
	border-color: #f2f2f2 !important;
}

@media (min-width: 1024px) {
	.black-blocks {
		padding: 120px 0;
	}
}

.black-blocks .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.black-blocks .container {
		margin: 0 auto;
	}
}

.black-blocks .container .tns-outer {
	width: 100%;
}

.black-blocks h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (max-width: 1023px) {
	.black-blocks h2 {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.black-blocks .desc {
	color: #171718;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.black-blocks .blocks {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

@media (max-width: 1023px) {
	.black-blocks .blocks.slider-mobile {
		display: flex;
		flex-wrap: wrap;
	}
}

.black-blocks .blocks .block {
	display: block;
	box-sizing: border-box;
	border: 1px solid #fff;
	background: #333;
	padding: 32px 16px;
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.black-blocks .blocks .block {
		max-width: 100% !important;
	}
}

.black-blocks .blocks .block.with-desc h3 {
	display: block;
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	text-align: left;
}

@media (min-width: 1024px) {
	.black-blocks .blocks .block.with-desc h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

.black-blocks .blocks .block.with-desc p {
	color: #fff;
}

.black-blocks .blocks .block.no-desc {
	display: flex;
	justify-content: center;
	align-items: center;
}

.black-blocks .blocks .block.no-desc h3 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	display: block;
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0;
}

@media (min-width: 1024px) {
	.black-blocks .blocks .block.no-desc h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

@media (min-width: 1024px) {
	.black-blocks .blocks .block.no-desc h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

.black-blocks .black_blocks__buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 32px;
	width: 100%;
}

@media (min-width: 1024px) {
	.black-blocks .black_blocks__buttons {
		display: none;
	}
}

.black-blocks .black_blocks__buttons .black_blocks__button {
	padding: 12px;
	border: 1.5px solid #e0e0e0;
	width: 51px;
	height: 51px;
}

.black-blocks .black_blocks__buttons .black_blocks__button:hover {
	border: 1.5px solid #171718;
	cursor: pointer;
}

.black-blocks p {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.black-blocks .desc {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

@media (min-width: 1024px) {
	.black-blocks h2 + .desc {
		margin-top: -8px;
	}
}

.white-tiles {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 16px !important;
	background: #f2f2f2;
}

@media (min-width: 1024px) {
	.white-tiles {
		padding: 120px 0;
	}
}

.white-tiles--dark-bg {
	background-color: #171718;
}

.white-tiles--white-bg {
	background-color: #fff;
}

.white-tiles .container {
	margin: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.white-tiles .container {
		margin: 0 auto;
	}
}

.white-tiles .container .tns-outer {
	width: 100%;
}

.white-tiles h2 {
	/* 2xl/capital extrabold */
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 133.3%;
	/* 32/24 */
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.white-tiles h2 {
		font-size: 40px;
		line-height: 120%;
		/* 48/40 */
	}
}

@media (max-width: 1023px) {
	.white-tiles h2 br {
		display: none;
	}
}

.white-tiles.white-tiles--dark-bg h2 {
	color: #fff;
}

.white-tiles .desc {
	color: #171718;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.white-tiles.white-tiles--dark-bg .desc {
	color: #fff;
}

.white-tiles .items {
	width: 100%;
}

.white-tiles .items:not(.white-tiles-slider) {
	display: flex;
	gap: 3px 2px;
	flex-direction: column;
}

@media (min-width: 1023.98px) {
	.white-tiles .items.two-cols {
		flex-direction: row;
	}
}

@media (min-width: 1024px) {
	.white-tiles .items {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.white-tiles .items .item {
	display: block;
	background: #fff;
	padding: 24px 16px 32px;
	box-sizing: border-box;
	border: none !important;
}

@media (min-width: 1024px) {
	.white-tiles .items .item {
		padding: 32px !important;
	}
}

.white-tiles .items .item h3 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	color: #171718;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.white-tiles .items .item h3 {
		font-size: 32px;
		line-height: 40px;
	}
}

.white-tiles .items .item p {
	color: #171718;
}

.white-tiles .items .item.bg-gray {
	background-color: #f2f2f2;
}

@media (min-width: 1024px) {
	.white-tiles .items.three-cols {
		display: flex;
		gap: 2px;
	}
	.white-tiles .items.three-cols .item {
		flex: 0 0 calc((100% - 4px) / 3);
	}
}

@media (min-width: 1024px) {
	.white-tiles .items.two-cols {
		display: flex;
		gap: 2px;
	}
	.white-tiles .items.two-cols .item {
		flex: 0 0 calc((100% - 3px) / 2);
	}
}

.white-tiles.white-tiles--dark-bg .items .item {
	background-color: #f2f2f2;
	border-color: #171718;
}

.white-tiles.white-tiles--dark-bg .items .item h3,
.white-tiles.white-tiles--dark-bg .items .item p {
	color: #171718;
}

.white-tiles .white-tiles__buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 32px;
	width: 100%;
}

@media (min-width: 1024px) {
	.white-tiles .white-tiles__buttons {
		display: none;
	}
}

.white-tiles .white-tiles__buttons .white-tiles__button {
	padding: 12px;
	border: 1.5px solid #e0e0e0;
	width: 51px;
	height: 51px;
}

.white-tiles .white-tiles__buttons .white-tiles__button:hover {
	border: 1.5px solid #171718;
	cursor: pointer;
}

.white-tiles .items .item p {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.white-tiles.use_uppercase h2 {
	text-transform: uppercase;
}

@media (max-width: 1023px) {
	.white-tiles.use_uppercase h2 {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.white-tiles.white-tiles-drop_down .items .accordeon .acc-content,
.cases-list .items .accordeon .acc-content {
	padding-bottom: 0 !important;
}

.numbered-tiles {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
}

@media (min-width: 1024px) {
	.numbered-tiles {
		padding: 120px 0;
	}
}

.numbered-tiles--gray-bg {
	background-color: #f2f2f2;
}

.numbered-tiles__main-title {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (min-width: 1024px) {
	.numbered-tiles__main-title {
		margin-bottom: 40px;
	}
}

@media (max-width: 1023px) {
	.numbered-tiles__main-title {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.numbered-tiles__main-text {
	display: block;
	margin-bottom: 32px;
	width: 100%;
	text-align: left;
}

.numbered-tiles__items {
	width: 100%;
	display: grid;
	counter-reset: number;
}

@media (min-width: 1023.98px) {
	.numbered-tiles__items {
		grid-template-columns: repeat(2, 1fr);
	}
}

.numbered-tiles--column .numbered-tiles__items {
	grid-template-columns: 1fr;
}

.numbered-tiles__accordeon {
	padding: 24px 16px 32px;
	border: 1px solid #171718;
	color: #171718;
}

@media (min-width: 1023.98px) {
	.numbered-tiles__accordeon {
		padding: 32px;
	}
}

@media (min-width: 1023.98px) {
	.numbered-tiles__accordeon:nth-child(4n + 3), .numbered-tiles__accordeon:nth-child(4n + 2) {
		background-color: #333;
		border-color: #333;
		color: #fff;
	}
	.numbered-tiles__accordeon:nth-child(4n + 3) .numbered-tiles__title::before, .numbered-tiles__accordeon:nth-child(4n + 2) .numbered-tiles__title::before {
		color: rgba(255, 255, 255, 0.15);
	}
}

@media (max-width: 1023.98px) {
	.numbered-tiles__accordeon:nth-child(2n + 2) {
		background-color: #333;
		border-color: #333;
		color: #fff;
	}
	.numbered-tiles__accordeon:nth-child(2n + 2) .numbered-tiles__title::before {
		color: rgba(255, 255, 255, 0.15);
	}
}

.numbered-tiles--column .numbered-tiles__accordeon {
	background-color: initial;
	border-color: initial;
	color: initial;
}

.numbered-tiles--column .numbered-tiles__accordeon .numbered-tiles__title::before {
	color: rgba(224, 224, 224, 0.6);
}

.numbered-tiles--column .numbered-tiles__accordeon:nth-child(3n + 3) {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.numbered-tiles--column .numbered-tiles__accordeon:nth-child(3n + 3) .numbered-tiles__title::before {
	color: rgba(255, 255, 255, 0.15);
}

@media (min-width: 1023.98px) {
	.numbered-tiles--column .numbered-tiles__accordeon {
		padding-top: 24px;
	}
}

.numbered-tiles--column .numbered-tiles__accordeon:not(:first-child) {
	border-top: 0;
}

.numbered-tiles__top {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

@media (max-width: 1023.98px) {
	.numbered-tiles__top {
		padding-right: 32px;
	}
}

.numbered-tiles__top::before {
	position: absolute;
	bottom: 0;
	right: 0;
	transition: transform 0.3s ease;
}

@media (min-width: 1023.98px) {
	.numbered-tiles__top::before {
		display: none;
	}
}

.numbered-tiles__top._accordeon-active::before {
	transform: rotate(180deg);
}

.numbered-tiles--column .numbered-tiles__top {
	gap: 20px;
}

.numbered-tiles__title {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
}

@media (min-width: 1024px) {
	.numbered-tiles__title {
		font-size: 32px;
		line-height: 40px;
	}
}

.numbered-tiles__title::before {
	counter-increment: number;
	content: counter(number, decimal-leading-zero);
	font-weight: 800;
	font-size: 40px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgba(23, 23, 24, 0.14);
	display: block;
	margin-bottom: -20px;
}

.numbered-tiles--column .numbered-tiles__title::before {
	color: rgba(224, 224, 224, 0.6);
	margin-bottom: -30px;
}

@media (min-width: 1023.98px) {
	.numbered-tiles--column .numbered-tiles__title::before {
		font-size: 64px;
		line-height: 113%;
	}
}

.numbered-tiles__icon {
	mask-image: var(--icon-url);
	-webkit-mask-image: var(--icon-url);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: currentColor;
	width: 60px;
	height: 60px;
}

.numbered-tiles__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.numbered-tiles__content {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	padding-top: 8px;
}

.numbered-tiles__content > * {
	margin-bottom: 8px;
}

.numbered-tiles__content > :last-child {
	margin-bottom: 0;
}

.numbered-tiles--column .numbered-tiles__content {
	padding-top: 20px;
}

.packages {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
	background: #171718;
}

@media (min-width: 1024px) {
	.packages {
		padding: 120px 0;
	}
}

.packages .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.packages .container {
		margin: 0 auto;
	}
}

.packages h2 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.packages .items {
	display: block;
	border-top: 2px solid #fff;
}

.packages .items .item {
	display: flex;
	flex-direction: column;
	padding: 32px 16px;
	border-bottom: 2px solid #fff;
}

@media (min-width: 1024px) {
	.packages .items .item {
		flex-direction: row;
		padding: 32px 32px;
		align-items: flex-start;
	}
}

.packages .items .item .subtitle {
	width: auto;
	box-sizing: border-box;
	padding-right: 36px;
	position: relative;
	cursor: pointer;
}

.packages .items .item .subtitle .arrow {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.packages .items .item .subtitle span.title {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
	display: block;
	color: #fff;
}

.packages .items .item .subtitle div.name {
	color: #828282;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.packages .items .item .subtitle div.details {
	margin-top: 12px;
	color: #fff;
	display: none;
}

@media (min-width: 1024px) {
	.packages .items .item .subtitle div.details {
		display: block;
	}
}

.packages .items .item .subtitle div.details span {
	display: block;
	position: relative;
	padding-left: 26px;
	margin-bottom: 12px;
}

.packages .items .item .subtitle div.details span svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.packages .items .item .subtitle div.details span a {
	text-decoration: none;
	color: #fff !important;
}

@media (min-width: 1024px) {
	.packages .items .item .subtitle {
		padding-right: 0;
		width: calc(100% - 360px);
		cursor: default;
	}
	.packages .items .item .subtitle .arrow {
		display: none;
	}
}

.packages .items .item .acc-content {
	display: none;
	box-sizing: border-box;
	width: auto;
	color: #fff;
	padding-left: 0;
	padding-top: 20px;
}

@media (min-width: 1024px) {
	.packages .items .item .acc-content {
		display: block !important;
		padding-left: 16px;
		padding-top: 0;
		width: 360px;
	}
}

.packages .items .item .acc-content div.details {
	margin-top: 12px;
	color: #fff;
	display: block;
}

@media (min-width: 1024px) {
	.packages .items .item .acc-content div.details {
		display: none;
	}
}

.packages .items .item .acc-content div.details span {
	display: block;
	position: relative;
	padding-left: 26px;
	margin-bottom: 12px;
}

.packages .items .item .acc-content div.details span svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.packages .items .item .acc-content div.details span a {
	text-decoration: none;
	color: #fff !important;
}

.packages .items .item .acc-content .includes-title {
	display: block;
	font-weight: 600;
	color: #fff;
	margin-bottom: 12px;
}

.packages .items .item .acc-content ul {
	display: block;
	margin-top: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.packages .items .item .acc-content ul li {
	display: block;
	position: relative;
	padding: 0 0 12px 14px;
	color: #fff;
}

.packages .items .item .acc-content ul li::before {
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 20px;
	background: #fff;
	top: 0;
	left: 0;
}

.packages .items .item.opened .subtitle .arrow {
	transform: rotate(180deg);
}

.technical-due {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 80px 0;
}

@media (min-width: 1024px) {
	.technical-due {
		padding: 120px 0;
	}
}

.technical-due .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.technical-due .container {
		margin: 0 auto;
	}
}

.technical-due h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

.technical-due .cols {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
}

@media (min-width: 1024px) {
	.technical-due .cols {
		flex-direction: row;
		justify-content: space-between;
	}
}

.technical-due .cols .col {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

@media (min-width: 1024px) {
	.technical-due .cols .col {
		width: 50%;
	}
	.technical-due .cols .col.left {
		padding-right: 16px;
	}
	.technical-due .cols .col.right {
		padding-left: 16px;
	}
}

.technical-due .cols .col .accordeon {
	padding: 16px 16px 0 16px;
}

@media (min-width: 1024px) {
	.technical-due .cols .col .accordeon {
		padding: 32px 32px 0 0;
	}
	.technical-due .cols .col .accordeon:nth-of-type(1), .technical-due .cols .col .accordeon:nth-of-type(2) {
		padding-top: 0;
	}
}

.technical-due .cols .col .accordeon .subtitle {
	display: block;
	position: relative;
	padding-right: 32px;
	padding-left: 48px;
	cursor: pointer;
}

.technical-due .cols .col .accordeon .subtitle img.arrow {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.technical-due .cols .col .accordeon .subtitle img.icon {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.technical-due .cols .col .accordeon .subtitle span {
	color: #171718;
	display: block;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
	padding-bottom: 20px;
}

@media (min-width: 1024px) {
	.technical-due .cols .col .accordeon .subtitle {
		padding-right: 0;
		cursor: default;
	}
	.technical-due .cols .col .accordeon .subtitle img.arrow {
		display: none;
	}
}

.technical-due .cols .col .accordeon .acc-content {
	color: #171718;
	padding-bottom: 16px;
	display: none;
}

@media (min-width: 1024px) {
	.technical-due .cols .col .accordeon .acc-content {
		padding-bottom: 32px;
		display: block !important;
	}
}

.technical-due .cols .col .accordeon .acc-content ul {
	list-style: none;
	padding: 12px 0 0 48px;
	margin: 0;
	padding-top: 0;
}

.technical-due .cols .col .accordeon .acc-content ul li {
	display: block;
	position: relative;
	margin-bottom: 12px;
	padding-left: 14px;
	list-style: none;
	margin-bottom: 0;
}

.technical-due .cols .col .accordeon .acc-content ul li::after {
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: 10px;
	background: #171718;
}

.technical-due .cols .col .accordeon.opened .subtitle {
	display: block;
	position: relative;
	padding-right: 32px;
}

.technical-due .cols .col .accordeon.opened .subtitle img.arrow {
	transform: rotate(180deg);
}

.title-with-text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.title-with-text .container {
	padding: 80px 16px;
}

@media (min-width: 1024px) {
	.title-with-text .container {
		padding: 120px 0;
	}
}

.title-with-text .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.title-with-text .container {
		margin: 0 auto;
	}
}

.title-with-text h2 {
	color: #171718;
	font-variant-numeric: lining-nums proportional-nums;
	/* 5xl/capital extrabold */
	font-family: Raleway;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	/* 120% */
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 32px;
	text-align: left;
	width: 100%;
}

@media (max-width: 1023px) {
	.title-with-text h2 {
		font-family: Raleway;
		font-size: 24px;
		font-weight: 800;
		line-height: 32px;
		letter-spacing: 0.02em;
		text-align: left;
	}
}

.title-with-text .text {
	color: #171718;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.industry-hero {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 280px;
}

@media (min-width: 1024px) {
	.industry-hero {
		height: 360px;
	}
}

.industry-hero .container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.industry-hero .container {
		margin: 0 auto;
	}
}

.industry-hero h1 {
	color: #fff;
	font-variant-numeric: lining-nums proportional-nums;
	/* 4xl/capital extrabold */
	font-family: Raleway;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px;
	/* 125% */
	letter-spacing: 0.64px;
	text-transform: uppercase;
	text-align: center;
}

@media (min-width: 1024px) {
	.industry-hero h1 {
		font-size: 64px;
		line-height: 112.5%;
		/* 72/64 */
	}
}

.dev-challenges {
	background-color: #171718;
}

.dev-challenges--gray-bg {
	background-color: #f2f2f2;
}

.dev-challenges__container {
	padding-block: 80px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (min-width: 1023.98px) {
	.dev-challenges__container {
		padding-block: 120px;
		gap: 32px;
	}
}

.dev-challenges__title {
	max-width: 700px;
	color: #fff;
}

.dev-challenges--gray-bg .dev-challenges__title {
	color: #171718;
}

@media (min-width: 1023.98px) {
	.dev-challenges__items {
		display: grid;
		gap: 24px;
	}
}

.dev-challenges__navigation {
	justify-content: flex-end;
}

@media (min-width: 1023.98px) {
	.item-dev-challenges {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 56px;
	}
}

.item-dev-challenges__column {
	position: relative;
	padding: 31px;
	border: 1px solid #f2f2f2;
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-align: start;
	color: #fff;
}

.item-dev-challenges__column[data-decore-text]::before {
	content: attr(data-decore-text);
	display: block;
	font-weight: 800;
	font-size: 32px;
	line-height: 125%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.15);
	margin-bottom: -20px;
}

@media (min-width: 1023.98px) {
	.item-dev-challenges__column[data-decore-text]::before {
		font-size: 40px;
		line-height: 120%;
	}
}

.item-dev-challenges--light .item-dev-challenges__column[data-decore-text]::before {
	color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 1024px) {
	.item-dev-challenges__column {
		font-size: 16px;
		font-weight: 400;
	}
}

.item-dev-challenges__column h2,
.item-dev-challenges__column h3,
.item-dev-challenges__column h4,
.item-dev-challenges__column h5,
.item-dev-challenges__column h6 {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 0.02em;
}

.item-dev-challenges__column h2:not(:first-child),
.item-dev-challenges__column h3:not(:first-child),
.item-dev-challenges__column h4:not(:first-child),
.item-dev-challenges__column h5:not(:first-child),
.item-dev-challenges__column h6:not(:first-child) {
	margin-top: 20px;
}

.item-dev-challenges__column > * {
	margin-bottom: 20px;
}

.item-dev-challenges__column p {
	margin-bottom: 8px;
}

.item-dev-challenges__column > :last-child {
	margin-bottom: 0;
}

.item-dev-challenges__column:first-child::after {
	content: "";
	mask-image: url("./img/icons/arrow-dev-challendes.svg");
	mask-position: right;
	mask-repeat: no-repeat;
	background-color: #f2f2f2;
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
}

@media (min-width: 1023.98px) {
	.item-dev-challenges__column:first-child::after {
		mask-position: left;
		width: 48px;
		height: 18px;
		top: 50%;
		left: 100%;
		transform: translateY(-50%);
	}
}

.item-dev-challenges--light .item-dev-challenges__column:first-child::after {
	background-color: #333;
}

.item-dev-challenges--light .item-dev-challenges__column {
	border-color: #333;
	color: #171718;
}

.item-dev-challenges__column--fill {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	color: #171718;
}

@media (max-width: 1023.98px) {
	.item-dev-challenges__column--fill {
		margin-top: 40px;
	}
}

@media (min-width: 1023.98px) {
	.item-dev-challenges__column--fill h2,
	.item-dev-challenges__column--fill h3,
	.item-dev-challenges__column--fill h4,
	.item-dev-challenges__column--fill h5,
	.item-dev-challenges__column--fill h6 {
		font-variant-numeric: lining-nums proportional-nums;
		/* 4xl/capital extrabold */
		font-family: Raleway;
		font-size: 32px;
		font-style: normal;
		font-weight: 800;
		line-height: 40px;
		/* 125% */
		letter-spacing: 0.64px;
		text-transform: uppercase;
		text-transform: none;
	}
}

.item-dev-challenges--light .item-dev-challenges__column--fill {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.choose-bandapixels {
	background-color: #fff;
}

.choose-bandapixels--gray-bg {
	background-color: #f2f2f2;
}

.choose-bandapixels__container {
	padding-block: 80px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (min-width: 1023.98px) {
	.choose-bandapixels__container {
		padding-block: 120px;
	}
}

@media (min-width: 1023.98px) {
	.choose-bandapixels__title {
		text-align: center;
	}
}

.choose-bandapixels__body {
	display: flex;
	align-items: flex-end;
	gap: 24px;
}

.choose-bandapixels__parameters {
	flex: 1;
	padding: 32px 0;
}

@media (max-width: 1023.98px) {
	.choose-bandapixels__parameters {
		display: none;
	}
}

.choose-bandapixels__spollers {
	flex: 1;
}

@media (min-width: 1023.98px) {
	.choose-bandapixels__spollers {
		flex: 0 0 82%;
		/* 810/988 */
		display: grid;
		align-items: flex-end;
		grid-template-columns: 1fr 37% 1fr;
		/* 300/810 */
		border-left: 2px solid #171718;
		border-right: 2px solid #171718;
	}
}

@media (max-width: 1023.98px) {
	.choose-bandapixels__spollers {
		border-top: 2px solid #171718;
		border-bottom: 2px solid #171718;
	}
}

.spoller-choose-bandapixels {
	padding: 32px 24px;
}

@media (min-width: 1023.98px) {
	.spoller-choose-bandapixels {
		padding: 32px;
	}
}

.spoller-choose-bandapixels--main {
	border: 2px solid #171718;
	background-color: #fff;
}

@media (max-width: 1023.98px) {
	.spoller-choose-bandapixels--main {
		margin-inline: -8px;
	}
}

.spoller-choose-bandapixels__title {
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	position: relative;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
	line-height: 32px;
	/* 133.333% */
	letter-spacing: 0.02em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

@media (min-width: 1024px) {
	.spoller-choose-bandapixels__title {
		font-size: 32px;
		line-height: 40px;
	}
}

@media (max-width: 1023.98px) {
	.spoller-choose-bandapixels__title {
		cursor: pointer;
		padding-right: 32px;
		justify-content: flex-start;
	}
}

.spoller-choose-bandapixels__title::before {
	position: absolute;
	top: 4px;
	right: 0;
	color: #171718;
	transition: transform 0.3s ease;
}

@media (min-width: 1023.98px) {
	.spoller-choose-bandapixels__title::before {
		display: none;
	}
}

.spoller-choose-bandapixels__title._accordeon-active::before {
	transform: rotate(180deg);
}

.spoller-choose-bandapixels__body {
	padding-top: 20px;
}

@media (min-width: 1023.98px) {
	.spoller-choose-bandapixels__body {
		padding-top: 24px;
	}
}

@media (min-width: 1023.98px) {
	.spoller-choose-bandapixels__parameters {
		text-align: center;
	}
	.spoller-choose-bandapixels__parameters span {
		display: none;
	}
	.spoller-choose-bandapixels--main .spoller-choose-bandapixels__parameters strong {
		font-weight: 800;
	}
}

.benefits-team {
	background-color: #fff;
}

.benefits-team--gray-bg {
	background-color: #f2f2f2;
}

.benefits-team__container {
	padding-block: 80px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (min-width: 1023.98px) {
	.benefits-team__container {
		padding-block: 120px;
	}
}

.benefits-team__list {
	display: grid;
	gap: 20px;
	padding: 0;
	margin: 0;
}

.benefits-team__item {
	display: flex;
	gap: 12px;
}

.benefits-team__item-icon {
	align-self: flex-start;
	width: 36px;
	aspect-ratio: 1;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333;
}

.benefits-team__item-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 24px;
}

.benefits-team__item-text {
	padding-top: 4px;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: 28px;
	text-wrap: balance;
}

.our-team {
	position: relative;
	background-color: #fff;
}

.our-team--gray-bg {
	background-color: #f2f2f2;
}

.our-team__background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.our-team__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.our-team__container {
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (min-width: 1023.98px) {
	.our-team__container {
		padding-top: 160px;
		gap: 56px;
	}
}

.our-team__title {
	text-align: center;
	font-variant-numeric: lining-nums proportional-nums;
	/* 4xl/capital extrabold */
	font-family: Raleway;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px;
	/* 125% */
	letter-spacing: 0.64px;
	text-transform: uppercase;
	color: #fff;
}

@media (min-width: 1024px) {
	.our-team__title {
		font-size: 64px;
		line-height: 112.5%;
		/* 72/64 */
	}
}

.our-team__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px 8px;
}

@media (min-width: 1023.98px) {
	.our-team__items {
		grid-template-columns: repeat(4, 1fr);
		gap: 24px 10px;
	}
}

.tell-us {
	background-color: #fff;
}

.tell-us--gray-bg {
	background-color: #f2f2f2;
}

.tell-us__container {
	padding-block: 80px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (min-width: 1023.98px) {
	.tell-us__container {
		padding-block: 120px;
	}
}

.step-by-step {
	padding: 80px 0;
}

@media (min-width: 1024px) {
	.step-by-step {
		padding: 120px 0;
	}
}

.step-by-step--gray-bg {
	background-color: #f2f2f2;
}

@media (min-width: 1023.98px) {
	.step-by-step__main-title {
		line-height: 130%;
	}
}

.step-by-step__main-title:not(:last-child) {
	margin-bottom: 40px;
}

.step-by-step__items {
	display: grid;
	counter-reset: number;
}

@media (min-width: 1023.98px) {
	.step-by-step__items {
		gap: 20px;
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1023.98px) {
	.step-by-step__item {
		padding: 24px 16px 32px;
	}
}

@media (min-width: 1023.98px) {
	.step-by-step__item:last-child .step-by-step__title::before {
		width: calc(100% - 2px);
	}
}

@media (min-width: 1023.98px) {
	.step-by-step__item:not(:first-child) .step-by-step__title::after {
		left: -10px;
	}
}

@media (max-width: 1023.98px) {
	.step-by-step__item:first-child {
		border-top: 1px solid #171718;
	}
}

@media (max-width: 1023.98px) {
	.step-by-step__item {
		border-bottom: 1px solid #171718;
	}
}

.step-by-step__title {
	position: relative;
	font-weight: 800;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #333;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

@media (max-width: 1023.98px) {
	.step-by-step__title {
		flex-direction: row;
		gap: 8px;
	}
}

@media (min-width: 1023.98px) {
	.step-by-step__title::before {
		mask-image: none;
		position: absolute;
		bottom: 18px;
		left: 2px;
		width: calc(100% + 20px);
		height: 2px;
		display: block;
		background-color: #333;
	}
}

@media (max-width: 1023.98px) {
	.step-by-step__title::before {
		width: 24px;
		order: 1;
		align-self: center;
		margin-left: auto;
		transition: transform 0.3s ease;
	}
}

.step-by-step__title::after {
	counter-increment: number;
	content: counter(number, decimal-leading-zero);
	width: 38px;
	height: 38px;
	background-color: #efe314;
	outline: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 1023.98px) {
	.step-by-step__title::after {
		order: -1;
	}
}

@media (max-width: 1023.98px) {
	.step-by-step__title._accordeon-active::before {
		transform: rotate(180deg);
	}
}

.step-by-step__body {
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #333;
}

@media (max-width: 1023.98px) {
	.step-by-step__body {
		padding-top: 8px;
	}
}

.step-by-step__body > * {
	margin-bottom: 8px;
}

.step-by-step__body ul {
	position: relative;
	margin: 0;
	list-style: none;
}

@media (min-width: 1023.98px) {
	.step-by-step__body ul {
		display: grid;
		gap: 8px;
		margin-left: 8px;
	}
}

.step-by-step__body ul::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #454546;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 1023.98px) {
	.step-by-step__body ul::before {
		display: none;
	}
}

.step-by-step__body ul li {
	position: relative;
	padding-left: 30px;
}

@media (min-width: 1023.98px) {
	.step-by-step__body ul li {
		line-height: 29px;
	}
}

.step-by-step__body ul li::before {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #454546;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.step-by-step__body ul li:last-child::after {
	content: "";
	position: absolute;
	width: 3px;
	height: 50%;
	top: 50%;
	left: -1px;
	background-color: #fff;
}

[class*="--gray-bg"] .step-by-step__body ul li:last-child::after {
	background-color: #f2f2f2;
}

@media (max-width: 1023.98px) {
	.step-by-step__body ul li:last-child::after {
		display: none;
	}
}

.step-by-step__body > :last-child {
	margin-bottom: 0;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	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;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	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;
}

/*# sourceMappingURL=style.css.map */