/*!
Theme Name: mind
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: mind
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.

mind 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

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

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

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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;
}

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

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# 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%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* 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;
}


@font-face {
	font-family: 'Helvetica';
	src: url('./assets/fonts/Helvetica-Bold.eot');
	src: url('./assets/fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/Helvetica-Bold.woff2') format('woff2'), url('./assets/fonts/Helvetica-Bold.woff') format('woff'), url('./assets/fonts/Helvetica-Bold.ttf') format('truetype'), url('./assets/fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica';
	src: url('./assets/fonts/Helvetica.eot');
	src: url('./assets/fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/Helvetica.woff2') format('woff2'), url('./assets/fonts/Helvetica.woff') format('woff'), url('./assets/fonts/Helvetica.ttf') format('truetype'), url('./assets/fonts/Helvetica.svg#Helvetica') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonst/Inter-ThinBETA.eot');
	src: url('../fonst/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/Inter-ThinBETA.woff2') format('woff2'), url('./assets/fonts/Inter-ThinBETA.woff') format('woff'), url('./assets/fonts/Inter-ThinBETA.ttf') format('truetype'), url('./assets/fonts/Inter-ThinBETA.svg#Inter-ThinBETA') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
* {
	margin: 0;
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
}
img,
svg {
	max-width: 100%;
	height: auto;
}
ul,
ol {
	list-style: none;
}
button,
input,
textarea,
select {
	background-color: transparent;
	outline: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	resize: none;
}
button {
	cursor: pointer;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
}
select::-ms-expand {
	display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}
body {
	font-family: 'Helvetica';
	position: relative;
	font-weight: 500;
	font-size: 20px;
	min-height: 100dvh;
	color: #000;
	background-color: #fff;
}
.body-block {
	overflow: hidden;
}
.wrapper {
	max-width: 1318px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.section-pt {
	padding-top: 50px;
}
.section-pb {
	padding-bottom: 50px;
}
.section-title {
	color: #053C74;
	font-weight: 700;
	font-size: 34px;
	text-transform: uppercase;
}
.header {
	padding-top: 20px;
}
.header__row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.header__logo {
	display: block;
}
.header__logo img {
	display: block;
}
.header__soc {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.header__soc li:not(:first-child) {
	margin-left: 50px;
}
.header__soc li a {
	display: block;
}
.header__soc li a img {
	display: block;
}
.header__langs {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.header__langs a {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.header__langs a:not(:first-child) {
	border-left: 1px solid currentColor;
}
.header__nav {
	margin-top: 50px;
}
.header__nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.header__nav ul li a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 8px 30px;
	box-sizing: border-box;
	min-height: 48px;
	border-radius: 100px;
	border: 3px solid #053C74;
}
.path {
	padding: 40px 0;
	color: #919191;
}
.path__row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.path__link {
	margin-right: 50px;
	position: relative;
}
.path__link::after {
	content: '>';
	position: absolute;
	left: calc(100% + 20px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: currentColor;
	pointer-events: none;
}
.hero__title {
	font-size: 38px;
	font-weight: 700;
	color: #053C74;
	text-transform: uppercase;
}
.hero__alert {
	display: block;
	margin-top: 6px;
	font-weight: 400;
}
.hero__content {
	margin-top: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.hero__video {
	width: calc(50% - 15px);
	position: relative;
	border-radius: 15px;
	border: 1px solid #D8D8D8;
	overflow: hidden;
	-webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
	filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
	-webkit-align-self: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
}
.hero__video iframe {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.hero__poster {
	display: block;
	width: 100%;
	aspect-ratio: 1;
}
.hero__text {
	width: calc(50% - 15px);
	position: relative;
}
.hero__play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	border: none;
}
.hero__subtitle {
	font-weight: 700;
	font-size: 30px;
	color: #053C74;
}
.hero__descr {
	margin-top: 10px;
}
.hero__img {
	margin-top: 30px;
	display: block;
	width: 100%;
}
.hero__btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	max-width: 422px;
	padding: 8px 30px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	min-height: 48px;
	border-radius: 100px;
	border: 5px solid #053C74;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
}
.mission__descr {
	margin-top: 40px;
}
.type__items {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-top: 40px;
}
.type__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	padding: 20px;
	border-radius: 20px;
	box-sizing: border-box;
}
.type__link--mint {
	background: rgba(97, 253, 125, 0.2);
}
.type__link--blue {
	background: rgba(5, 129, 255, 0.2);
}
.type__link--purple {
	background: rgba(200, 74, 202, 0.2);
}
.type__link--orange {
	background: rgba(255, 153, 0, 0.2);
}
.type__img {
	display: block;
	margin-bottom: 10px;
}
.type__bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.type__btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	max-width: 238px;
	margin-top: 30px;
	padding: 8px 30px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	min-height: 48px;
	border-radius: 100px;
	border: 5px solid #053C74;
}
.faq__items {
	margin-top: 40px;
}
.faq__item {
	border-bottom: 1px solid rgba(255, 153, 0, 0.4);
	overflow: hidden;
}
.faq__trigger {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 20px 63px 20px 110px;
	cursor: pointer;
}
.faq__answer {
	max-width: 803px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.faq__dropdown {
	display: none;
	padding-left: 110px;
	padding-right: 63px;
}
.faq__plus {
	display: block;
	margin-left: 20px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	position: relative;
	width: 60px;
	height: 60px;
}
.faq__plus::after,
.faq__plus::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 3px;
	width: 100%;
	background-color: #000;
}
.faq__plus::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.faq__item--active {
	background-color: rgba(255, 153, 0, 0.4);
	border-radius: 15px;
}
.faq__item--active .faq__plus {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.faq__item--active .faq__plus svg line {
	stroke: #fff;
}
.faq__item--active .faq__ask {
	font-weight: 700;
}
.faq__item--active .faq__trigger {
	background-color: #FF9900;
}
.faq__item--active .faq__dropdown {
	display: block;
}
.footer {
	padding-bottom: 40px;
}
.footer__logo {
	display: block;
}
.footer__logo img {
	display: block;
}
.footer__center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.footer__center > * {
	width: calc(100% / 3 - 15px);
}
.footer__list li:not(:first-child) {
	margin-top: 20px;
}
.footer__soc {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.footer__protected {
	margin-top: 35px;
}
.footer__copyright {
	font-size: 13px;
	max-width: 380px;
}
.footer__descr {
	font-family: 'Inter';
	font-weight: 100;
	font-size: 14px;
	margin-top: 16px;
}
.footer__right .footer__list {
	display: none;
}
.e404__content {
	position: relative;
}
.e404__content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.e404__btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	max-width: 576px;
	padding: 8px 30px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	min-height: 92px;
	border-radius: 100px;
	border: 5px solid #053C74;
	font-size: 25px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
}
.post__title {
	font-size: 38px;
	font-weight: 700;
	color: #053C74;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.post__main {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 400px;
	grid-template-columns: 1fr 400px;
	gap: 120px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.post__content {
	border-radius: 15px;
	overflow: hidden;
}
.post__content_trigger {
	padding: 34px 0;
	text-align: center;
	font-weight: 700;
	font-size: 25px;
	background-color: #FF9900;
	position: relative;
	cursor: pointer;
}
.post__content_trigger::after {
	content: url("data:image/svg+xml,%3Csvg width='19' height='10' viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.74554 0.293135C1.33753 -0.10292 0.687398 -0.0939524 0.291344 0.312564C-0.104711 0.71908 -0.0957435 1.3707 0.310773 1.76676L8.49938 9.70727L9.21677 8.97046L8.49938 9.71026C8.90889 10.1063 9.56051 10.0959 9.95657 9.68784C9.96852 9.67589 9.97898 9.66393 9.98944 9.65197L18.0525 1.76676C18.4605 1.3707 18.4695 0.71908 18.0734 0.312564C17.6774 -0.0939524 17.0258 -0.104414 16.6192 0.293135L9.21378 7.5357L1.74554 0.293135Z' fill='black'/%3E%3C/svg%3E%0A");
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}
.post__content_trigger.active::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
.post__content_list {
	padding: 50px 30px;
	background-color: rgba(255, 153, 0, 0.4);
	counter-reset: item;
	display: none;
	margin-left: 0;
}
.post__content_list.active {
	display: block;
}
.post__content_list li {
	counter-increment: item;
}
.post__content_list li:not(:first-child) {
	margin-top: 30px;
}
.post__content_list li::before {
	content: counter(item) '.';
	color: #053C74;
	margin-right: 27px;
}
.post__img {
	display: block;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.post-2__subtitle {
	font-weight: 700;
	font-size: 30px;
	color: #053C74;
	margin-top: 40px;
}
.post-2__lists {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	gap: 100px;
	margin-top: 24px;
}
.post-2__list-ol {
	counter-reset: item;
}
.post-2__list-ol li {
	counter-increment: item;
}
.post-2__list-ol li:not(:first-child) {
	margin-top: 15px;
}
.post-2__list-ol li::before {
	content: counter(item) '.';
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	color: #053C74;
	margin-right: 27px;
	display: inline-block;
	min-width: 30px;
}
.post-2__list-ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.post-2__list-ul li:not(:first-child) {
	margin-top: 15px;
}
.post-2__list-ul li::before {
	content: '';
	display: block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	background-color: #FF9900;
	margin-right: 26px;
}
.post-2__blockquote {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 57px 80px 57px 176px;
	border-radius: 5px;
	border: 1px solid #919191;
	margin-top: 30px;
}
.post-2__blockquote::before {
	content: '';
	position: absolute;
	left: 80px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 53px;
	height: 40px;
	background-image: url('./assets/img/icons/bq.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.interaction__descr {
	margin-top: 16px;
}
.interaction__list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	gap: 20px 30px;
	margin-top: 30px;
}
.interaction__list li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	padding: 18px 0;
	border-radius: 15px;
	background-color: #FF9900;
	cursor: pointer;
}
.get__content {
	padding: 84px 180px;
	border: 1px solid #919191;
}
.get__title {
	text-align: center;
}
.get__socs {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 70px;
}
.get__soc {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 306px;
	box-sizing: border-box;
	padding: 12px 50px;
	border-radius: 100px;
	border: 5px solid #053C74;
}
.get__soc svg {
	display: block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-left: 20px;
}
.get__or {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 16px;
	position: relative;
}
.get__or::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 1px;
	width: 100%;
	background-color: #919191;
}
.get__or span {
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
.get__form {
	max-width: 630px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 16px;
}
.get__inp {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 100px;
	border: 1px solid #919191;
	padding-left: 17px;
	padding-right: 17px;
	height: 68px;
}
.get__inp:focus {
	border-color: #053C74;
}
.get__submit {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	margin-top: 35px;
	padding: 14px 50px;
	border-radius: 100px;
	border: none;
	background-color: #053C74;
	color: #fff;
}
@media screen and (max-width: 1024px) {
	body {
		font-size: 14px;
	}
	.section-pt {
		padding-top: 25px;
	}
	.section-pb {
		padding-bottom: 25px;
	}
	.section-title {
		font-size: 19px;
	}
	.header {
		background: rgba(97, 253, 125, 0.2);
		padding-bottom: 20px;
	}
	.header__row {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.header__logo {
		width: 82px;
	}
	.header__soc {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-evenly;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		order: 2;
		width: 100%;
		margin-top: 20px;
	}
	.footer__right ul,
	.type__items,
	.header__soc,
	.header__nav ul
	{
		 margin-left: 0;
		 margin-right: 0;
	}
	.header__soc li:not(:first-child) {
		margin-left: 0;
	}
	.header__langs a {
		padding-bottom: 10px;
	}
	.header__nav ul {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.header__nav ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.header__nav ul li a {
		min-width: 120px;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	.path {
		display: none;
	}
	.hero {
		padding-top: 30px;
	}
	.hero__title {
		font-size: 22px;
	}
	.hero__alert {
		margin-top: 10px;
	}
	.hero__content {
		margin-top: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.hero__video,
	.hero__text {
		width: 100%;
	}
	.hero__video {
		height: 80vw;
	}
	.hero__text {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		order: -1;
		margin-bottom: 30px;
	}
	.hero__btn {
		position: unset;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}
	.hero__subtitle {
		font-size: 16px;
	}
	.hero__play {
		width: 64px;
	}
	.mission__descr {
		margin-top: 10px;
	}
	.type__items {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		margin-top: 10px;
	}
	.type__name {
		font-size: 20px;
	}
	.faq__trigger {
		padding: 10px;
	}
	.faq__plus {
		width: 44px;
		margin-left: 10px;
	}
	.faq__dropdown {
		padding: 0 10px;
	}
	.faq__answer {
		padding: 10px 0;
	}
	.footer__center {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.footer__info,
	.footer__list,
	.footer__right {
		width: 100%;
	}
	.footer__right {
		margin-top: 20px;
	}
	.footer__list {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		order: 1;
		display: none;
		margin-top: 20px;
	}
	.footer__right .footer__list {
		display: block;
	}
	.footer__protected,
	.footer__copyright {
		margin-top: 20px;
	}
	.footer__descr {
		font-size: 10px;
	}
	.e404__btn {
		min-height: 45px;
		max-width: 280px;
		font-size: 20px;
	}
	.post__main {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 50px;
	}
	.post__content {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		order: -1;
	}
	.post__content_trigger {
		font-size: 14px;
	}
	.post__content_list {
		padding: 26px;
	}
	.post__content_list li:not(:first-child) {
		margin-top: 16px;
	}
	.post__title {
		font-size: 19px;
	}
	.post__img {
		margin: 10px 0;
	}
	.post-2__subtitle {
		font-size: 16px;
		margin-top: 20px;
	}
	.post-2__lists {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.post-2__list-ol li::before {
		margin-right: 17px;
	}
	.post-2__blockquote {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 86px 10px 32px;
	}
	.post-2__blockquote::before {
		top: 32px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
	}
	.interaction__list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.get__content {
		padding: 35px 10px;
	}
	.get__socs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.get__soc {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 243px;
		padding: 9px 0;
	}
	.get__soc:not(:first-child) {
		margin-top: 20px;
	}
	.get__soc svg {
		width: 20px;
	}
	.get__form {
		max-width: 262px;
	}
	.get__inp {
		height: 40px;
		text-align: center;
	}
	.get__submit {
		margin-top: 34px;
		width: 195px;
		padding-left: 0;
		padding-right: 0;
	}
}

/*new style*/

.btn-accent{
	-webkit-animation-name: btnPulse;
	animation-name: btnPulse;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

@keyframes btnPulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	30% {
		-webkit-transform: scale(1.015);
		transform: scale(1.015);
	}

	50% {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.hero__btn{
	left: 15%;
	color: #F6007B!important;
	border: 5px solid #F6007B;
}

/*TEST*/

html.test-is-active {
	overflow: hidden;
}

.test-mbti {
	display: none;
	position: fixed;
	flex-direction: column;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 50px);
	background-color: #F1F1F1;
	padding-top: 50px;
}

.test-mbti.active {
	display: flex;
	z-index: 50;
}

.question-result {
	text-align: center;
}

.question-result__text {
	font-size: 25px;
	font-weight: bold;
}

.progress__bar-line.finished {
	border-radius: 100px;
}

.modal {
	display: none;
}

.modal.active {
	display: block;
}




.tests__subtitle {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 1.8em 0;
}

.tests__subtitle span {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0.33em;
	border: 1px solid #484848;
	border-radius: 0.77em;
	width: 400px;
	text-transform: uppercase;
	width: 22.39vw;
	box-sizing: border-box;
}

.tests__subtitle span svg {
	display: block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 1.8em;
	margin-right: 0.33em;
}

.tests__subtitle span img {
	display: block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 1.8em;
	margin-right: 0.33em;
}

.tests__subtitle::before {
	content: '';
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	height: 1px;
	background-color: #484848;
	margin-right: 1.5em;
}

.tests__subtitle::after {
	content: '';
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	height: 1px;
	background-color: #484848;
	margin-left: 1.5em;
}

.tests__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.875vw;
}

.tests__item {
	border-radius: 0.83vw;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #1C1B1B;
}

.tests__item .primary-btn {
	font-family: 'Rubik';
	font-size: inherit;
	height: 3.125vw;
}

.tests__item .primary-btn:hover {
	animation-play-state: paused;
	transform: scale(1.06) !important;
}

.tests__body {
	padding: 1.25vw 1.875vw;
}

.tests__img {
	background-color: #005DB5;
	padding: 1.25vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.tests__name {
	font-family: var(--font-2);
	font-weight: var(--font-2-weight);
	text-transform: uppercase;
	font-size: 2.39vw;
	text-align: center;
	margin-bottom: 0.4em;
}

.tests__descr {
	margin-bottom: 1em;
}

.level {
	margin-bottom: 1.25vw;
	border: 1px solid #1C1B1B;
	border-radius: 1.25vw;
	overflow: hidden;
}

.level__header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #fff;
	padding: 1.04vw 1.875vw;
	border-radius: 1.25vw 1.25vw 0 0;
}

.level__main {
	background-color: rgba(5, 129, 255, 0.2);
	color: #fff;
	padding: 4.16vw 0;
	position: relative;
	overflow: hidden;
}

.level__main .question {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.level__close {
	position: absolute;
	right: 0.83vw;
	top: 0.83vw;
	border: 0;
}

.level__header .level__close {
	display: none;
	padding: 0;
}

.level__name {
	font-style: italic;
}

.question--img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.question__main-img {
	background-color: #fff;
	border-radius: 0.83vw;
	margin-right: 3.75vw;
	width: 21.56%;
}

.question__main-img img {
	display: block;
	width: 100%;
}

.question__title {
	font-size: 1.6vw;
	margin-bottom: 1.5em;
	color: #000;
}

.question__answer {
	cursor: pointer;
}

.question--img .question__answers {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.875vw;
}

.question--img .question__answer {
	display: block;
	background-color: #E98A00;
	border-radius: 0.83vw;
	border: 1px solid #1C1B1B;
}

.question--img .question__answer img {
	display: block;
	width: 100%;
}

.question--img .question__answer:has(input:checked) {
	background-color: #fff;
}

.question__alert {
	margin-top: 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: rgba(255, 255, 255, 0.6);
}

.question__alert svg {
	display: block;
	margin-right: 0.5em;
}

.question--variant .question__answer {
	padding: 0.937vw 1.25vw;
	background-color: #fff;
	color: #1C1B1B;
	border: 1px solid #1C1B1B;
	border-radius: 0.83vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.question--variant .question__answer::before {
	content: '';
	display: block;
	width: 1.25vw;
	height: 1.25vw;
	border-radius: 100px;
	box-sizing: border-box;
	border: 1px solid #1C1B1B;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 0.5em;
}

.question--variant .question__answer::after {
	content: '';
	position: absolute;
	display: block;
	width: 0.83vw;
	height: 0.83vw;
	-webkit-transform: translateX(0.2vw);
	-ms-transform: translateX(0.2vw);
	transform: translateX(0.2vw);
	border-radius: 100px;
	box-sizing: border-box;
	background-color: #E98A00;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display: none;
}

.question--variant .question__answer:has(input:checked)::after {
	display: block;
}

.question--variant .question__answers {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.875vw;
}

.question--pin .question__main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}

.question--binary .question__title {
	text-align: center;
}

.question--binary .question__answers {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: 1.875vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.question--binary .question__answers .primary-btn {
	height: 6.25vw;
	font-size: 2.39vw;
	width: 22.39vw;
}

.question--binary:has(.question__yes-btn:hover) .question__yes-point {
	--move-x: -12%;
}

.question--binary:has(.question__no-btn:hover) .question__no-point {
	--move-x: 12%;
}

.question__yes-point {
	--move-x: -32%;
	left: 0;
}

.question__no-point {
	--move-x: 32%;
	right: 0;
}

.question__yes-point,
.question__no-point {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-40%) translateX(var(--move-x));
	-ms-transform: translateY(-40%) translateX(var(--move-x));
	transform: translateY(-40%) translateX(var(--move-x));
	pointer-events: none;
	width: 31.25vw;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	z-index: 2;
}

.question__pin {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: 12px;
}

.question__pin input {
	display: block;
	width: 3.125vw;
	height: 3.125vw;
	background-color: #fff;
	border-radius: 0.83vw;
}

.question__btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 44px;
}

.question__btns .primary-btn {
	width: 100%;
	max-width: 22.39vw;
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
	height: 3.125vw;
	color: #fff;
	text-transform: capitalize;
	background-color: #f5943b;
	padding: 0;
	display: none;
}

.progress {
	max-width: 81.7%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.125vw;
}

.progress__main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.progress__title {
	margin-top: 0.85em;
	text-align: center;
}

.progress__bar {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin-left: 0.83vw;
	margin-right: 0.83vw;
	height: 3.125vw;
	background-color: #fff;
	border-radius: 100px;
	border: 1px solid #1C1B1B;
	position: relative;
}

.progress__bar span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #005DB5;
	border-radius: 100px 0 0 100px;
}

.progress__bar::before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: calc(100% - 4px);
	height: 100%;
	background-color: #000;
	z-index: -1;
	border-radius: 100px;
}

.timer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.timer > svg {
	display: block;
	margin-right: 0.41vw;
}

.timer__time {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	width: 6.25vw;
	height: 3.125vw;
	background-color: #005DB5;
	border: 1px solid #484848;
	margin-right: 1.25vw;
	border-radius: 0.625vw;
}

.timer__round {
	display: block;
	width: 0.677vw;
	height: 0.677vw;
	box-sizing: border-box;
	border: 1px solid #1C1B1B;
	border-radius: 100px;
}

.timer__round:not(:first-child) {
	margin-top: 0.677vw;
}

.timer__round--active {
	background-color: #1C1B1B;
}

.level-bottom-img {
	display: block;
	width: 100%;
	margin-top: 6.25vw;
	margin-top: auto;
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
}

.modal__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #F1F1F1;
	opacity: 0.8;
	z-index: -1;
}

.modal__content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid #1C1B1B;
	border-radius: 24px;
	background-color: #fff;
	padding: 80px 60px;
	width: calc(100% - 40px);
	max-width: 900px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}

.finish__title {
	font-family: var(--font-2);
	font-weight: var(--font-2-weight);
	text-transform: uppercase;
	font-size: 46px;
	margin-top: 24px;
}

.finish__descr {
	margin-top: 8px;
	font-size: 24px;
}

.finish__btns {
	margin-top: 36px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 36px;
}

.finish__btns--one {
	grid-template-columns: repeat(1, 1fr);
}

.finish__cancel,
.finish__submit {
	height: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	border-radius: 16px;
	border: 1px solid #1C1B1B;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	font-size: 24px;
	text-transform: uppercase;
}

.finish__cancel::before,
.finish__submit::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	width: calc(100% - 4px);
	height: 100%;
	background-color: #1C1B1B;
	border-radius: inherit;
	z-index: -2;
}

.finish__cancel::after,
.finish__submit::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	z-index: -1;
}

.finish__submit::after {
	background-color: #484848;
}

.finish__cancel::after {
	background-color: #E98A00;
}

.result__cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.875vw;
	max-width: 71.14vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.29vw;
}

.result__col {
	background-color: #fff;
	border-radius: 1.25vw;
	border: 1px solid #484848;
}

.result__img {
	height: 12.44vw;
	border-bottom: 1px solid #484848;
}

.result__img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.result__body {
	padding: 2.29vw;
}

.result__name {
	font-family: var(--font-2);
	font-weight: var(--font-2-weight);
	text-transform: uppercase;
	font-size: 2.39vw;
	text-align: center;
}

.result__list {
	margin-top: 1.25vw;
	display: grid;
	gap: 1em;
}

.result__list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0.5em 1em;
	border-radius: 0.77em;
	border: 1px solid #484848;
}

.result__list li.muted {
	color: #484848;
	opacity: 0.7;
}

.result__list li.muted svg path {
	fill: #484848;
}

.result__list li svg {
	display: block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 0.5em;
}

.result__btn {
	font-family: var(--font-2);
	font-weight: var(--font-2-weight);
	height: 4.16vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	border-radius: 0.83vw;
	border: 1px solid #1C1B1B;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	font-size: 2.39vw;
	text-transform: uppercase;
	width: 100%;
	margin-top: 1.5em;
	max-width: 22.39vw;
	margin-left: auto;
	margin-right: auto;
}

.result__btn::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	width: calc(100% - 4px);
	height: 100%;
	background-color: #1C1B1B;
	border-radius: inherit;
	z-index: -2;
}

.result__btn::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: #484848;
	z-index: -1;
}

.result__col--active .result__btn::after {
	background-color: #E98A00;
}

.result__store {
	text-align: center;
	margin-bottom: 1em;
}

.result__pays {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 1em;
}

.result__pays > *:not(:first-child) {
	margin-left: 0.5em;
}

.result__links {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.result__links li:not(:first-child) {
	margin-left: 1em;
}

.intj {
	max-width: 46.77vw;
	margin-left: auto;
	margin-right: auto;
}

.intj__img {
	border-radius: 16px;
	width: 100%;
}

.intj iframe {
	max-width: 100%;
	width: 100%;
}

.intj__alert {
	padding: 1em 1.5em;
	background-color: #fff;
	border: 1px solid #484848;
	border-radius: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.intj__alert svg {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display: block;
	margin-right: 0.5em;
	width: 1.8em;
}

.intj__subtitle {
	font-weight: 400;
}

.intj > *:not(:first-child) {
	margin-top: 24px;
}

.intj div:not(:first-child),
.intj p:not(:first-child),
.intj ul:not(:first-child),
.intj ol:not(:first-child),
.intj h2:not(:first-child),
.intj h3:not(:first-child),
.intj h4:not(:first-child),
.intj h5:not(:first-child),
.intj h6:not(:first-child){
	margin-top: 24px;
}

.intj__list {
	list-style: disc;
	list-style-position: inside;
}

.intj a {
	color: #005DB5;
	text-decoration: underline;
}

.pers-type__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5em;
	margin-top: 1.5em;
}

.pers-type__item {
	background-color: #fff;
	border: 1px solid #484848;
	border-radius: 0.77em;
	padding: 1.5em;
}

.pers-type__name {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	background-color: #F1F1F1;
	border-radius: 0.77em;
	border: 1px solid #484848;
	padding: 0.2em;
}

.pers-type__name svg,
.pers-type__name img {
	display: block;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 0.33em;
	width: 1.8em;
}

.pers-type__list {
	margin-top: 1.5em;
	text-align: center;
}

.pers-type__list-link{
	display: flex;
	justify-content: center;
}

.pers-type__list-link:not(:first-child){
	margin-top: 1em;
}

.pers-type__list li:not(:first-child) {
	margin-top: 1em;
}

.iq__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border: 1px solid #1C1B1B;
	border-radius: 1em;
	overflow: hidden;
}

.iq__level {
	font-family: var(--font-2);
	font-weight: var(--font-2-weight);
	text-transform: uppercase;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	background-color: #005DB5;
	color: #fff;
	font-size: 2.39vw;
	position: relative;
	padding: 1em 0;
}

.iq__level span {
	font-size: 7.81vw;
}

.iq__level img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: calc(100% - 1em);
	height: calc(100% - 1em);
}

.iq__name {
	font-family: var(--font-2);
	font-weight: var(--font-2-weight);
	text-transform: uppercase;
	font-size: 2.39vw;
	margin-bottom: 0.25em;
	text-align: center;
}

.iq__text {
	padding: 1.5em 1.7em;
	background-color: #fff;
}


.get__socs{
	justify-content: center;
}

.post__text p a {
	color: #4169e1;
	text-decoration: underline;
}

@media screen and (max-width: 1024px) {
	.tests__items {
		grid-template-columns: 1fr;
		gap: 3.125vw;
	}

	.tests__body {
		padding: 3.125vw 4.68vw;
	}

	.tests__name {
		font-size: 5.98vw;
	}

	.tests__item {
		border-radius: 2.08vw;
	}

	.tests__item .primary-btn {
		height: 7.8vw;
	}

	.tests__item .primary-btn__append {
		width: 5.7vw;
	}

	.tests__subtitle span {
		width: 43.75vw;
	}

	.level {
		position: relative;
		overflow: unset;
	}

	.level__name,
	.level__question {
		position: absolute;
		top: -2em;
	}

	.level__name {
		left: 0;
	}

	.level__question {
		right: 0;
	}

	.level__header {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.level__main .question {
		max-width: calc(100% - 4.68vw);
	}

	.level__close {
		width: 5.729vw;
	}

	.level__header .level__close {
		display: block;
	}

	.level__main .level__close {
		display: none;
	}

	.timer__time {
		width: 15.625vw;
		height: 7.81vw;
		border-radius: 1.56vw;
	}

	.timer__round {
		width: 1.69vw;
		height: 1.69vw;
	}

	.timer > svg {
		width: 5.2vw;
	}

	.question--img {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.question--variant .question__answer {
		font-size: 3.125vw;
		padding: 2.08vw 3.125vw;
	}

	.question--variant .question__answer::before {
		width: 3.125vw;
		height: 3.125vw;
	}

	.question--variant .question__answer::after {
		width: 2.08vw;
		height: 2.08vw;
		left: 5.9vw;
	}

	.question--variant .question__answers {
		grid-template-columns: 1fr;
	}

	.question--binary .question__answers {
		margin-bottom: 23vw;
	}

	.question--binary .question__answers .primary-btn {
		height: 16.9vw;
		width: 39.06vw;
		font-size: 5.9vw;
	}

	.question__yes-point,
	.question__no-point {
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
		top: unset;
		bottom: 0;
	}

	.question__no-point {
		right: 2.34vw;
	}

	.question__yes-point {
		left: 2.34vw;
	}

	.question--binary:has(.question__yes-btn:hover) .question__yes-point {
		-webkit-transform: translateY(-2vw);
		-ms-transform: translateY(-2vw);
		transform: translateY(-2vw);
	}

	.question--binary:has(.question__no-btn:hover) .question__no-point {
		-webkit-transform: translateY(-2vw);
		-ms-transform: translateY(-2vw);
		transform: translateY(-2vw);
	}

	.question__main-img {
		width: 31.2vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3.125vw;
	}

	.question__title {
		font-size: 4.16vw;
		text-align: center;
	}

	.question__alert svg {
		width: 4.16vw;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
	}

	.question__btns .primary-btn {
		height: 7.81vw;
		max-width: unset;
	}

	.question__btns .primary-btn .primary-btn__append {
		width: 5.7vw;
	}

	.question__pin {
		gap: 1.56vw;
	}

	.question__pin input {
		width: 7.8vw;
		height: 7.8vw;
		border-radius: 2.08vw;
	}

	.progress img {
		width: 10.15vw;
	}

	.progress__bar {
		height: 7.8vw;
	}

	.modal__content {
		padding: 80px 36px;
	}

	.personality-thank__content {
		padding: 80px 36px;
	}

	.result__cols {
		grid-template-columns: 1fr;
		gap: 4.68vw;
		margin-bottom: 5.72vw;
		max-width: unset;
	}

	.result__img {
		height: 31.25vw;
	}

	.result__body {
		padding: 5.72vw 4.68vw;
	}

	.result__name {
		font-size: 5.98vw;
	}

	.result__btn {
		height: 10.4vw;
		max-width: 43.75vw;
		font-size: 5.98vw;
		border-radius: 2.08vw;
	}

	.result__list li svg {
		width: 1em;
	}

	.result__links {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.result__links li:not(:first-child) {
		margin-left: 0;
		margin-top: 1em;
	}

	.intj {
		max-width: unset;
	}

	.intj ol li::before {
		min-width: 20px;
	}

	.pers-type__items {
		grid-template-columns: 1fr;
	}

	.iq__content {
		grid-template-columns: 1fr;
	}

	.iq__level {
		font-size: 5.98vw;
	}

	.iq__level span {
		font-size: 15.625vw;
	}

	.iq__name {
		font-size: 5.98vw;
	}

	.donate__content {
		padding: 1.5em;
		padding-bottom: 16vw;
	}

	.donate__center {
		max-width: unset;
	}

	.donate__btn {
		width: 15.625vw;
		height: 15.625vw;
		font-size: 5.98vw;
	}

	.big-descr__items {
		max-width: unset;
		padding: 2.5em 1.7em;
	}

	.big-descr__img {
		display: none;
	}

	.big-descr__question {
		font-size: 3.8vw;
		padding: 0.8em 0;
	}

	.download__btns {
		width: 100%;
	}

	.download__content {
		height: unset;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		padding: 27.6vw 2em 1.5em;
	}

	.download__content .primary-btn,
	.download__content .gray-btn {
		width: 100%;
	}

	.download__content .primary-btn span,
	.download__content .gray-btn span {
		display: none;
	}

	.download__decor-2 {
		display: none;
	}

	.download__decor-1 {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 32.94vw;
		top: -1em;
	}

	.lang .sub-menu {
		font-size: 17px;
	}

	.example__content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 4.685vw;
		border-radius: 3.125vw;
	}

	.example__img {
		position: unset;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
		width: 100%;
	}

	.example__img img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.example__text {
		width: 100%;
		margin-top: 4.68vw;
	}

	.example__title {
		text-align: center;
		font-size: 5.98vw;
	}

	.example__title br {
		display: none;
	}

	.example__descr {
		text-align: center;
		margin-top: 2.08vw;
	}

	.example__btns {
		margin-top: 3.125vw;
	}

	.example__pdf {
		width: 10.4vw;
		height: 10.4vw;
		font-size: 3.125vw;
	}

	.compatibility__free {
		display: none;
	}

	.compatibility__title {
		font-size: 6vw;
	}

	.compatibility__top {
		min-height: 31.25vw;
	}

	.compatibility__item {
		padding: 3.125vw 4.68vw;
	}

	.compatibility__plus {
		width: 5.72vw;
		height: 5.72vw;
		margin-right: 1.56vw;
	}

	.compatibility__name {
		font-size: 4.16vw;
		width: 50%;
	}

	.compatibility__icons {
		margin-left: 2vw;
	}

	.compatibility__icons img {
		width: 5.72vw;
	}

	.compatibility__mob-free {
		display: block;
		position: absolute;
		right: -2vw;
		top: 0;
		-webkit-transform: translateY(130%) rotate(90deg);
		-ms-transform: translateY(130%) rotate(90deg);
		transform: translateY(130%) rotate(90deg);
		font-size: 2.6vw;
		padding: 0.52vw;
		padding-right: 1.56vw;
		color: #484848;
		background-color: #fff;
	}

	.compatibility__mob-free::after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		border-top: 2vw solid transparent;
		border-bottom: 2vw solid transparent;
		border-right: 0.8vw solid #005DB5;
	}

	.compatibility__btn {
		height: 7.81vw;
		border-radius: 2.08vw;
		font-size: 3.125vw;
	}

	.compatibility__btn::after {
		border-radius: 2.08vw;
	}

	.compatibility__btn_append {
		width: 5.72vw;
		margin-left: 1.04vw;
	}

	.compatibility-test__lust1,
	.compatibility-test__lust2 {
		display: none;
	}

	.compatibility-test__mob-lust {
		display: block;
		left: 0;
		top: 1.875vw;
		width: 100%;
	}

	.compatibility-test__in {
		max-width: 100%;
		padding-top: 3.125vw;
		box-sizing: border-box;
		padding-left: 4.68vw;
		padding-right: 4.68vw;
	}

	.compatibility-test__form {
		width: 100%;
	}

	.compatibility-test__field {
		border-radius: 2.08vw;
	}

	.compatibility-test__field_trigger {
		padding: 1.69vw 3vw;
	}

	.compatibility-test__field_trigger::after {
		border-left-width: 0.91vw;
		border-right-width: 0.91vw;
		border-top-width: 1.3vw;
		right: 3vw;
	}

	.compatibility-test__field_dropdown {
		max-height: 40vw;
	}

	.compatibility-test__field_dropdown li {
		padding: 0.8vw 1.5vw;
	}

	.compatibility-test__field_dropdown label {
		padding: 0.8vw 1.5vw;
	}

	.compatibility-test__content {
		padding: 5vw 0;
	}

	.compatibility-test__title {
		font-size: 5.98vw;
	}
	.intj .example {
		margin: 0;
	}
}


.gorbova-shulte {
	border: 5px solid #F79621;
	border-radius: 10px;
	padding: 20px;
}

@media (max-width: 600px) {
	.gorbova-shulte {
		padding: 10px;
	}

}

.gorbova-shulte__row {
	display: flex;
}

@media (max-width: 768px) {
	.gorbova-shulte__row {
		flex-direction: column;
	}
}

.gorbova-shulte__col {
	position: relative;
}

.gorbova-shulte__col-inner {
	position: sticky;
	top: 20px;
}

.gorbova-shulte__col-right {
	width: 25%;
}

@media (max-width: 992px) {
	.gorbova-shulte__col-right {
		width: auto;
	}
}

.gorbova-shulte__table {
	width: 500px;
	display: flex;
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.gorbova-shulte__table {
		margin-bottom: 20px;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		width: 475px;
	}
}

@media (max-width: 500px) {
	.gorbova-shulte__table {
		width: 305px;
	}
}

@media (max-width: 400px) {
	.gorbova-shulte__table {
		width: 275px;
	}
}

.gorbova-shulte__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 65px;
	border: 1px solid #a4a4a4;
	font-weight: bold;
	cursor: pointer;
	font-size: 18px
}

@media (max-width: 500px) {
	.gorbova-shulte__btn {
		width: 41px;
		height: 41px;
		font-size: 16px;
	}
}

@media (max-width: 400px) {
	.gorbova-shulte__btn {
		width: 35px;
		height: 35px;
	}
}

.gorbova-shulte__btn:hover {
	background: #eeeeee;
}

.gorbova-shulte__btn.color-r {
	color: red;
}

.gorbova-shulte__btn.color-r {
	color: red;
}

.gorbova-shulte__table.bg-color .gorbova-shulte__btn.color-r {
	color: #eee;
	background: red;
}

.gorbova-shulte__table.bg-color .gorbova-shulte__btn.color-b {
	color: #eee;
	background: #000;
}

.gorbova-shulte__table.bg-color .gorbova-shulte__btn:hover {
	opacity: .7;
}

.gorbova-shulte__table.disabled {
	opacity: .5;
	pointer-events: none;
}

.gorbova-shulte__title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
}

@media (max-width: 768px) {
	.gorbova-shulte__title {
		text-align: center;
	}
}

.gorbova-shulte__link {
	display: flex;
	margin-bottom: 20px;
}

.gorbova-shulte__settings {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.gorbova-shulte__setting {
	margin-bottom: 5px;
}

.train-start {
	margin-bottom: 20px;
	cursor: pointer;
	width: auto;
	-webkit-animation-name: btnPulse;
	animation-name: btnPulse;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.train-start:hover {
	box-shadow: none;
}

.train-start.started {
	animation: none;
}

.gorbova-shulte__timer-wrap {
	margin-bottom: 20px;
}

.gorbova-shulte__timer {
	width: 115px;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 23px;
	font-weight: 600;
	margin: 0 auto;
}

.gorbova-shulte__result-title {
	font-weight: bold;
}


.popup-trainer {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
	background: #fff;
	width: 300px;
	flex-direction: column;
}

.popup-trainer.active {
	display: flex;
}

.popup-trainer__title {
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
}

@media screen and (max-width: 500px) {
	.popup-trainer {
		padding: 15px;
		width: 220px;
	}

	.popup-trainer__title {
		font-size: 16px;
	}
}

.hidden {
	display: none !important;
}