/* header */
.header {
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 5.875rem;
	background-color: rgba(11, 11, 11, 0);
	clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 15.625rem) 100%, calc(50% + 12.625rem) calc(100% - 1.875rem), calc(50% - 12.625rem) calc(100% - 1.875rem), calc(50% - 15.625rem) 100%, 0 100%);
	z-index: 2;
	transition: top var(--animation_time) ease, background-color var(--animation_time) ease, transform 0.5s ease !important;
}
.header.hidden,
.header.active {
	background-color: rgba(11, 11, 11, 0.55);
}
/* .header.hidden {
	top: -5.9375rem;
} */
.header_content {
	position: relative;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0rem 2.5rem;
	width: 90rem;
	margin: 0 auto;
}
.header_logotype {
	position: relative;
	width: 13.125rem;
	height: 3.375rem;
}
.header_logotype svg {
	position: absolute;
	transition: margin-left calc(var(--animation_time) * 0.2) ease;
}
.header_logotype > svg:nth-child(1) {
	left: 0rem;
	top: 0.615rem;
	width: 13.12375rem;
	height: 1.9225rem;
}
.header_logotype > svg:nth-child(2) {
	left: 0.125rem;
	top: 1.646875rem;
	width: 12.93875rem;
	height: 1.446875rem;
}
.header_logotype > svg:nth-child(3) {
	top: 0.25rem;
	left: 1.993125rem;
	width: 0.784375rem;
	height: 2.25375rem;
}
.header_logotype > svg:nth-child(4) {
	top: 2.375rem;
	left: 2.25rem;
	width: 0.441875rem;
	height: 0.948125rem;
}
.header_logotype.animation:hover > svg:nth-child(1) {
	margin-left: -0.1875rem;
}
.header_logotype.animation:hover > svg:nth-child(2) {
	margin-left: 0.1875rem;
}
.header_logotype.animation:hover > svg:nth-child(3) {
	margin-left: -0.1875rem;
}
.header_logotype.animation:hover > svg:nth-child(4) {
	margin-left: 0.1875rem;
	margin-top: 0rem;
}
.header_logotype.animation > svg:nth-child(2) {
	transform: translate(-0.125rem, -0.125rem);
	animation: logo_bottom calc(var(--animation_time) * 2) linear calc(var(--animation_time) * 1) 1 forwards;
}
.header_logotype.animation > svg:nth-child(3) {
	transform: translate(0rem, -12.375rem);
	animation: logo_weapon_top calc(var(--animation_time) * 2) linear calc(var(--animation_time) * 1) 1 forwards;
}
.header_logotype.animation > svg:nth-child(4) {
	transform: translate(-0.125rem, -12.5rem);
	animation: logo_weapon_bottom calc(var(--animation_time) * 2) linear calc(var(--animation_time) * 1) 1 forwards;
}
.header_logotype.animation .header_logotype_slice {
	background-color: transparent;
	position: absolute;
	height: 0rem;
	width: 125rem;
	transform: rotate(-4.5deg);
	left: -62.5rem;
	top: 2.5rem;
	animation: logo_slice_line var(--animation_time) linear calc(var(--animation_time) * 2.2) 1 forwards;
}
.header_logotype.animation .header_logotype_slice::after {
	content: '';
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 18.75rem;
	height: 0.0625rem;
	box-shadow: 0rem 0rem 0.3125rem 0.125rem #FFBD12;
	border-radius: 0.1875rem;
	background-color: #FFBD12;
	animation: logo_slice var(--animation_time) linear calc(var(--animation_time) * 2.2) 1 forwards;
}
@keyframes logo_bottom {
	0% {
		transform: translate(-0.125rem, -0.125rem);
	}
	70% {
		transform: translate(-0.125rem, -0.125rem);
	}
	100% {
		transform: translate(0rem, 0rem);
	}
}
@keyframes logo_weapon_top {
	0% {
		transform: translate(0rem, -12.375rem);
	}
	70% {
		transform: translate(0rem, 0rem);
	}
	100% {
		transform: translate(0rem, 0rem);
	}
}
@keyframes logo_weapon_bottom {
	0% {
		transform: translate(-0.125rem, -12.5rem);
	}
	70% {
		transform: translate(-0.125rem, -0.125rem);
	}
	100% {
		transform: translate(0rem, 0rem);
	}
}
@keyframes logo_slice_line {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes logo_slice {
	0% {
		left: 0rem;
	}
	100% {
		left: 125rem;
	}
}
.header_info {
	position: relative;
	transform: translate(0rem, 0rem);
	transition: transform var(--animation_time) ease;
}
.header.hidden .header_info,
.header.active .header_info {
	transition: transform var(--animation_time) ease var(--animation_time);
	transform: translate(0rem, -5.9375rem);
}
/* .header.hidden .header_info {
	transition: transform var(--animation_time) ease var(--animation_time);
	transform: translate(0rem, 0rem);
} */
.header_content .button {
	position: absolute;
	right: 0rem;
	bottom: -5.9375rem;
}
.header_info_subtitle {
	display: flex;
	justify-content: space-between;
}
.header_info_subtitle span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
.header_info_title span {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
/* abilities */
.abilities {
	position: relative;
	margin-top: 5.875rem;
	padding: 1.875rem 2.5rem;
	overflow-x: hidden;
}
.abilities > .abilities_border {
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 0.8125rem;
	height: 30rem;
	background-image: url('../images/abilities/borders.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	transform: rotate(180deg);
}
.abilities > .abilities_border:last-child {
	right: 0rem;
	left: auto;
	transform: rotate(0deg);
}
.abilities_list {
	display: flex;
	justify-content: space-between;
}
.abilities_list_item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20.3125rem;
	height: 26.25rem;
}
.abilities_list_item::before {
	content: '';
	position: absolute;
	width: 0.25rem;
	height: 7.375rem;
	left: 0.5rem;
	top: calc(50% - 3.6875rem);
	background-color: #717171;
	clip-path: polygon(0% 0%, 100% 0.25rem, 100% calc(100% - 0.25rem), 0% 100%);
	transition: background-color var(--animation_time) ease;
}
.abilities_list_item_image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 19.3125rem;
	height: 25.25rem;
	clip-path: polygon(0% 0%, calc(100% - 0.875rem) 0%, 100% 0.875rem, 100% calc(100% - 1.0625rem), calc(100% - 14.375rem) calc(100% - 1.0625rem), calc(100% - 14.8125rem) 100%, 0% 100%, 0% calc(50% + 4.0625rem), 0.5rem calc(50% + 3.5625rem), 0.5rem calc(50% - 3.5625rem), 0% calc(50% - 4.0625rem));
}
/*************/
.abilities_list_item_image{
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.abilities_list_item_image .abilities_video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0;
  transition: opacity .25s ease;
}
.abilities_list_item.focus_active .abilities_list_item_image{
  background-image: none !important;
}
.abilities_list_item.focus_active .abilities_list_item_image .abilities_video{
  opacity: 1;
}
/******************/
.abilities_list_item h2 {
	position: absolute;
	left: 5.8125rem;
	bottom: 0.1875rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #F7F7F7;
}
.abilities_list_item_border {
	position: absolute;
	width: 0.625rem;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.abilities_list_item_border::before,
.abilities_list_item_border::after {
	content: '';
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 0.625rem;
	height: 0.625rem;
	border-style: solid;
	border-color: #717171;
	border-width: 0rem;
	transition: border-color var(--animation_time) ease;
}
.abilities_list_item_border::after {
	top: auto;
	bottom: 0rem;
}
.abilities_list_item > .abilities_list_item_border:last-child {
	left: auto;
	right: 0rem;
}
.abilities_list_item > .abilities_list_item_border:first-child::before {
	border-top-width: 0.0625rem;
	border-left-width: 0.0625rem;
}
.abilities_list_item > .abilities_list_item_border:first-child::after {
	border-bottom-width: 0.0625rem;
	border-left-width: 0.0625rem;
}
.abilities_list_item > .abilities_list_item_border:last-child::before {
	border-top-width: 0.0625rem;
	border-right-width: 0.0625rem;
}
.abilities_list_item > .abilities_list_item_border:last-child::after {
	border-bottom-width: 0.0625rem;
	border-right-width: 0.0625rem;
}
.abilities_list_item.abilities_last_item {
	flex-direction: column;
	justify-content: center;
	background-image: url('../images/abilities/background.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}
.abilities_list_item.abilities_last_item::before {
	left: 0rem;
}
.abilities_list_item.abilities_last_item::after {
	content: '';
	position: absolute;
	width: 0.25rem;
	height: 7.375rem;
	right: 0rem;
	top: calc(50% - 3.6875rem);
	background-color: #717171;
	clip-path: polygon(100% 0%, 100% 100%, 0% calc(100% - 0.25rem), 0% 0.25rem);
	transition: background-color var(--animation_time) ease;
}
.abilities_list_item.abilities_last_item .abilities_list_item_border {
	position: absolute;
	width: calc(100% - 1.25rem);
	height: 0.625rem;
	top: 0.625rem;
	left: 0.625rem;
}
.abilities_list_item_border_additional {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.abilities_list_item_border_additional::before {
	content: '';
	position: absolute;
	width: 7.375rem;
	height: 0.25rem;
	top: 0rem;
	left: calc(50% - 3.6875rem);
	background-color: #717171;
	clip-path: polygon(0% 0%, 100% 0%, calc(100% - 0.25rem) 100%, 0.25rem 100%);
	transition: background-color var(--animation_time) ease;
}
.abilities_list_item_border_additional::after {
	content: '';
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	bottom: 0rem;
	right: 0rem;
	background-color: #717171;
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.abilities_list_item.abilities_last_item > .abilities_list_item_border:first-child::after {
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	border-top-width: 0.0625rem;
	border-right-width: 0.0625rem;
	left: auto;
	right: 0rem;
}
.abilities_last_item_plus {
	position: absolute;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3.8125rem;
	height: 3.8125rem;
}
.abilities_last_item_plus::before,
.abilities_last_item_plus::after {
	content: '';
	position: absolute;
	width: 0.0625rem;
	height: 100%;
	background-color: #717171;
	transition: background-color var(--animation_time) ease;
}
.abilities_last_item_plus::after {
	width: 100%;
	height: 0.0625rem;
}
.abilities_list_item.abilities_last_item h3 {
	position: absolute;
	top: 4.6875rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.abilities_list_item.abilities_last_item p {
	position: absolute;
	top: 19.6875rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #FFBD12;
}
.abilities_logos {
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0rem;
	margin-top: 1.875rem;
}
.abilities_logos svg,
.abilities_logos img {
	max-width: 7.8125rem;
	color: #717171;
	height: auto;
	transition: color var(--animation_time) ease;
}
.abilities_logos a:hover svg {
	color: #FFBD12;
}
.abilities_list_item.focus_active::after,
.abilities_list_item.focus_active::after,
.abilities_list_item.focus_active::before,
.abilities_list_item.focus_active::before {
	background-color: #FFBD12;
	animation: blink_color calc(var(--animation_time) * 2) linear 0s infinite;
}
.abilities_list_item.focus_active .abilities_list_item_border::before,
.abilities_list_item.focus_active .abilities_list_item_border::after,
.abilities_list_item.focus_active .abilities_list_item_border::before,
.abilities_list_item.focus_active .abilities_list_item_border::after {
	border-color: #FFBD12;
	animation: blink_border_color calc(var(--animation_time) * 2) linear 0s infinite;
}
.abilities_list_item.focus_active .abilities_list_item_border_additional::before,
.abilities_list_item.focus_active .abilities_list_item_border_additional::before {
	background-color: #FFBD12;
	animation: blink_color calc(var(--animation_time) * 2) linear 0s infinite;
}
.abilities_list_item.focus_active .abilities_last_item_plus::before,
.abilities_list_item.focus_active .abilities_last_item_plus::after,
.abilities_list_item.focus_active .abilities_last_item_plus::before,
.abilities_list_item.focus_active .abilities_last_item_plus::after {
	background-color: #FFBD12;
	animation: rotate_plus calc(var(--animation_time) * 5) linear 0s infinite;
}
@keyframes blink_color {
	0% {
		background-color: #717171;
	}
	25% {
		background-color: #FFBD12;
	}
	75% {
		background-color: #FFBD12;
	}
	100% {
		background-color: #717171;
	}
}
@keyframes rotate_plus {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes blink_border_color {
	0% {
		border-color: #717171;
	}
	25% {
		border-color: #FFBD12;
	}
	75% {
		border-color: #FFBD12;
	}
	100% {
		border-color: #717171;
	}
}
/* mission */
.mission {
	position: relative;
	padding: 3.5rem 2.5rem 2.5rem 2.5rem;
}
.mission_subtitle_container {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 21.0625rem;
	gap: 0.5rem;
	padding-top: 1.125rem;
}
.mission_subtitle_container::before {
	content: '';
	display: block;
	width: calc(100% - 0.1875rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	align-self: flex-end;
}
.mission_subtitle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.mission_subtitle_plus {
	width: 0.5rem;
	height: 0.5rem;
}
.mission_title {
	position: relative;
	width: 66.25rem;
	margin-bottom: 2rem;
}
.mission_title img {
	position: absolute;
	height: auto;
}
.mission_title img.mission_title_weapon {
	width: 8.1875rem;
	top: -1.375rem;
	left: 25.4375rem;
	transform: translate(62.5rem, -125rem);
	transition: var(--animation_time) ease transform var(--animation_time);
}
.mission_title img.mission_title_weapon.animation {
	transform: translate(0rem, 0rem);
}
.mission_title img.mission_title_light {
	width: 38.125rem;
	top: -1.375rem;
	left: 9.5625rem;
	opacity: 0;
	transition: var(--animation_time) ease opacity var(--animation_time);
}
.mission_title img.mission_title_light.animation {
	opacity: 1;
}
.mission_title h2 {
	position: relative;
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	text-align: right;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.mission_content {
	position: relative;
	width: 62.25rem;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
.mission_action_container {
	position: relative;
	margin-top: 1.25rem;
}
.mission_action_container::after {
	content: '';
	position: absolute;
	bottom: 0rem;
	left: 17.125rem;
	height: 0.25rem;
	width: 37.8125rem;
	clip-path: polygon(0.375rem 0%, calc(100% - 0.375rem) 0%, 100% 100%, 0% 100%);
	background-color: #2F2F2F;
}
.mission_action {
	position: relative;
	background-color: #141414;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
	clip-path: polygon(0.9375rem 0%, calc(100% - 40.625rem) 0%, calc(100% - 38.125rem) 1.75rem, calc(100% - 7.75rem) 1.75rem, calc(100% - 5.25rem) 0%, calc(100% - 0.9375rem) 0%, 100% 0.9375rem, 100% calc(100% - 0.9375rem), calc(100% - 0.9375rem) 100%, calc(100% - 27.3125rem) 100%, calc(100% - 29.8125rem) calc(100% - 1.875rem), 16.875rem calc(100% - 1.875rem), 14.375rem 100%, 0.9375rem 100%, 0% calc(100% - 0.9375rem), 0% 0.9375rem);
}
.mission_action > div {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../images/mission/action_background.png');
	background-size: contain;
	background-repeat: repeat;
	background-position: 100% 0%;
	background-size: 2.625rem;
}
.mission_action > div {
	animation: mission_background_animation calc(var(--animation_time) * 50) infinite linear;
	animation-play-state: paused;
}
@keyframes mission_background_animation {
	0% {
		background-position: 100% 0%;
	}
	0% {
		background-position: 0% 0%;
	}
}
.mission_action > div > div {
	position: relative;
	display: flex;
	gap: 2.5rem;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 3rem 2.5rem;
	background: linear-gradient(144.18deg, rgba(20, 20, 20, 0.8) -5.71%, rgba(20, 20, 20, 0.72) 52.15%, rgba(20, 20, 20, 0.95) 110.01%);
}
.mission_action p {
	width: 40rem;
}
.mission_ninja {
	height: 18.3125rem;
	width: auto;
	position: absolute;
	right: 1.875rem;
	bottom: 1.1875rem;
}
.mission_ninja_mobile {
	display: none;
}
.mission_background {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.mission_background img {
	width: 100%;
	height: auto;
}
.mission_action_decoration,
.mission_action_corners,
.mission_action_pluses {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.mission_action_corners > * {
	position: absolute;
	width: 3.15625rem;
	height: 3.15625rem;
	top: 0rem;
	left: 0rem;
}
.mission_action_corners > *:nth-child(2) {
	top: auto;
	left: 0rem;
	bottom: 0rem;
	transform: rotate(-90deg);
}
.mission_action_corners > *:nth-child(3) {
	top: 0rem;
	left: auto;
	right: 0rem;
	transform: rotate(90deg);
}
.mission_action_corners > *:nth-child(4) {
	top: auto;
	left: auto;
	bottom: 0rem;
	right: 0rem;
	transform: rotate(180deg);
}
.mission_action_pluses > * {
	position: absolute;
	display: flex;
	gap: 0.1875rem;
	top: 0rem;
	left: 0rem;
	padding: 1.25rem;
	height: 2.875rem;
	width: auto;
}
.mission_action_pluses svg {
	width: 0.375rem;
	height: auto;
	flex-shrink: 0;
}
.mission_action_pluses > *:nth-child(2) {
	top: auto;
	left: 0rem;
	bottom: 0rem;
}
.mission_action_pluses > *:nth-child(3) {
	top: 0rem;
	left: auto;
	right: 0rem;
}
.mission_action_pluses > *:nth-child(4) {
	top: auto;
	left: auto;
	bottom: 0rem;
	right: 0rem;
}
/* skills */
.skills {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 6rem 2.5rem;
	margin: 2.5rem auto;
}
.skills_background {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.skills_background_mobile {
	display: none;
}
.skill_list_item_plus {
	display: none;
}
.skills_background img {
	width: 100%;
	height: auto;
}
.skills_content {
	width: 59.8125rem;
}
.skills_list {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.skill_list_item img {
	height: 8.75rem;
	width: auto;
	margin-left: -4rem;
	margin-bottom: -1.625rem;
	margin-top: -2.875rem;
	opacity: 0;
	transform: translateX(-12.5rem);
	transition: opacity var(--animation_time) ease, transform var(--animation_time) ease;
}
.skill_list_item img.animation {
	opacity: 1;
	transform: translateX(0);
}
.skill_list_item h4 {
	margin-top: 1.25rem;
}
.skill_list_item ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 0.75rem;
}
.skills_subtitle {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.skills_title {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	margin-top: 0.5rem;
	margin-bottom: 5rem;
}
.skill_list_item h4 {
	font-weight: 400;
	font-size: 2.75rem;
	line-height: 3.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.skill_list_item_content p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.skill_list_item_content li {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.skill_list_item_content ul::before {
	content: '';
	display: block;
	width: calc(100% - 0.1875rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
	align-self: flex-end;
	margin-left: auto;
}
/* reviews */
.reviews {
	display: flex;
	padding: 6rem 2.5rem;
}
.reviews_info {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.reviews_list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42.5rem;
	height: 42.5rem;
	border: 0.0625rem solid #3E3E3E;
	padding: 1.8125rem;
	overflow: hidden;
	background: rgba(113, 113, 113, 0.04);
}
.reviews_list::before,
.reviews_list::after {
	content: '';
	position: absolute;
	width: 0.0625rem;
	height: 200%;
	background-color: #2F2F2F;
	transform: rotate(45deg);
	z-index: -1;
}
.reviews_list::after {
	transform: rotate(-45deg);
}
.reviews_list_corners {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
}
.reviews_list_corners > * {
	position: absolute;
	width: 0.25rem;
	height: 0.25rem;
	border: 0.0625rem solid #DFDFDF;
}
.reviews_list_corners > *:nth-child(1) {
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	top: 0rem;
	left: 0rem;
}
.reviews_list_corners > *:nth-child(2) {
	border-top-width: 0rem;
	border-right-width: 0rem;
	bottom: 0rem;
	left: 0rem;
}
.reviews_list_corners > *:nth-child(3) {
	border-bottom-width: 0rem;
	border-left-width: 0rem;
	top: 0rem;
	right: 0rem;
}
.reviews_list_corners > *:nth-child(4) {
	border-top-width: 0rem;
	border-left-width: 0rem;
	bottom: 0rem;
	right: 0rem;
}
.reviews_list_items {
	width: 100%;
	height: 100%;
}
.reviews_content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 0.5rem;
	margin-bottom: 2rem;
}
.reviews_content::before {
	content: '';
	display: block;
	width: calc(100% - 0.1875rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	align-self: flex-end;
	margin-left: auto;
}
.reviews_subtitle_plus {
	margin-top: 0.375rem;
	height: 0.5rem;
	width: 0.5rem;
	flex-shrink: 0;
}
.reviews_content_text {
	display: flex;
	width: calc(100% - 3.5rem);
	flex-direction: column;
	gap: 0.5rem;
	flex-shrink: 1;
}
.reviews_info h2 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	margin-top: -3.375rem;
	margin-bottom: 1.5rem;
}
.reviews_info p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	color: #9C9C9C;
}
.reviews_list_item {
	display: flex !important;
	flex-direction: column;
	gap: 1.25rem;
	margin: 0.625rem;
	text-align: left !important;
}
.reviews_list_item > img {
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1.25rem;
}
.reviews_list_item_rating {
	display: flex;
	gap: 0.25rem;
}
.reviews_list_pagination {
	display: flex;
	position: absolute;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
	align-items: center;
	text-align: center;
	bottom: 3.25rem;
}
.slick-arrow {
	width: 2.75rem;
	height: 2.75rem;
	position: absolute;
	bottom: -0.6875rem;
	top: auto;
	left: auto;
	right: auto;
}
.slick-arrow::before {
	content: '';
	width: 2.75rem;
	height: 2.75rem;
	display: block;
	background-image: url('../images/reviews/arrow.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: opacity var(--animation_time) ease;
}
.slick-next {
	right: 12.625rem;
}
.slick-prev {
	left: 12.625rem;
	bottom: 0.6875rem;
	transform: scaleX(-1);
}
.reviews_list_item_rating img {
	width: 2.5rem;
}
.reviews_list_item p {
	font-weight: 300;
	font-size: 2.25rem;
	line-height: 3rem;
	color: #DFDFDF;
}
.reviews_list_item span {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.75rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.reviews .button {
	padding: 0.75rem 1.625rem;
}
.reviews > .button {
	display: none;
}
/* social */
.social {
	display: flex;
	border: 0.0625rem solid #3E3E3E;
	margin: 2.5rem auto;
}
.social_item {
	overflow: hidden;
	position: relative;
	display: flex;
	width: 25%;
	flex-shrink: 0;
	flex-grow: 1;
	gap: 10.6875rem;
	padding: 2.5rem;
	flex-direction: column;
	border-right: 0.0625rem solid #3E3E3E;
}
.social_item .social_background {
	position: absolute;
	width: 14.375rem;
	height: 14.375rem;
	left: -11.828125rem;
	bottom: -13.125rem;
	background: #FFBD12;
	filter: blur(6.25rem);
	opacity: 0;
	transition: all var(--animation_time) ease;
}
.social_item:focus-visible .social_background,
.social_item:hover .social_background {
	/* background: radial-gradient(circle at 0% 100%, rgba(255, 189, 18, 1) 0%, rgba(255, 189, 18, 0.8) 1%, rgba(255, 189, 18, 0.4) 20%, rgba(255, 189, 18, 0.1) 50%, rgba(255, 189, 18, 0) 70%); */
	left: -5.578125rem;
	bottom: -6.875rem;
	opacity: 1;
	
}
.social_item > svg {
	height: 3.0625rem;
	width: 3.0625rem;
	color: #F7F7F7;
}
.social > .social_item:last-child {
	border-right-width: 0rem;
}
.social_item_pluses {
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
}
.social_item_pluses > * {
	position: absolute;
	width: 0.4375rem;
	height: 0.4375rem;
	color: #DFDFDF;
	transition: color var(--animation_time) ease;
}
.social_item:focus-visible .social_item_pluses > *,
.social_item:hover .social_item_pluses > * {
	color: #FFBD12;
}
.social_item_pluses > *:nth-child(1) {
	top: 1.25rem;
	left: 1.25rem;
}
.social_item_pluses > *:nth-child(2) {
	bottom: 1.25rem;
	left: 1.25rem;
}
.social_item_pluses > *:nth-child(3) {
	top: 1.25rem;
	right: 1.25rem;
}
.social_item_pluses > *:nth-child(4) {
	bottom: 1.25rem;
	right: 1.25rem;
}
.social_item span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.social_item:hover span,
.social_item:focus-visible span {
	color: #F7F7F7;
}
/* footer */
.footer_data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 7.25rem;
	padding: 0rem 2.5rem;
	margin-bottom: 2.5rem;
}
.footer_data figure svg {
	height: 3.4375rem;
	width: 13.125rem;
	color: #717171;
	transition: color var(--animation_time) ease;
}
.footer_data figure:hover svg {
	color: #F7F7F7;
}
.footer_data_info_subtitle {
	display: flex;
	justify-content: space-between;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_data_info_title {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 2rem;
	text-align: right;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.footer_menu {
	position: relative;
	z-index: 1;
	display: flex;
	border: 0.0625rem solid #3E3E3E;
}
.footer_menu ul {
	display: flex;
	padding-left: 3.1875rem;
	justify-content: space-between;
	flex-grow: 1;
	align-items: center;
}
.footer_menu ul li {
	display: flex;
	gap: 0.5rem;
	flex-shrink: 0;
	padding: 2.5rem 0rem;
}
.footer_menu ul li:last-child {
	border-left: 0.0625rem solid #3E3E3E;
}
.footer_menu span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_menu a {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #F7F7F7;
}
.footer_menu_top {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 1.375rem;
	justify-content: flex-end;
	padding: 0rem 3.375rem;
	width: 22.5rem;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_menu_top svg {
	width: 1rem;
	height: 1.0625rem;
	transform: translate(0rem, 0rem);
	transition: transform var(--animation_time) ease;
}
.footer_menu_top:hover svg {
	transform: translate(0rem, -0.3125rem);
}
.footer_navigation {
	position: fixed;
	bottom: 2rem;
	left: calc(50% - 11.5rem);
	display: flex;
	height: 4.75rem;
	width: auto;
	z-index: 1;
	transition: bottom var(--animation_time) ease;
	max-width: 50%;
}
/* .footer_navigation.hidden {
	bottom: -4.75rem;
} */
.footer_navigation.relative {
	position: relative;
	bottom: -4.75rem;
	margin-top: -19.5rem;
	transition: bottom 0s ease;
}
.footer_navigation::before,
.footer_navigation::after {
	content: '';
	width: 0.75rem;
	height: 100%;
	background-image: url('../images/navigation/navigation_border.png');
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
}
.footer_navigation nav {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	height: 100%;
	padding: 0rem 0.3125rem;
	background-image: url('../images/navigation/navigation_background.png');
	background-size: contain;
	background-position: top right;
	background-repeat: repeat-x;
}
.footer_navigation::after {
	transform: scaleX(-1);
}
.footer_navigation nav ul {
	display: flex;
	gap: 0.75rem;
}
.footer_navigation_separator {
	width: 0.0625rem;
	height: calc(100% - 2rem);
	background-color: #3E3E3E;
}
.footer_navigation li a {
	display: flex;
	width: 2.75rem;
	height: 2.75rem;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0.2) 0%, rgba(115, 115, 115, 0.2) 100%);
	clip-path: polygon(0.25rem 0%, calc(100% - 0.25rem) 0%, 100% 0.25rem, 100% 0.75rem, calc(100% - 0.25rem) 0.9375rem, calc(100% - 0.25rem) calc(100% - 0.9375rem), 100% calc(100% - 0.75rem), 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0.25rem 100%, 0% calc(100% - 0.25rem), 0% calc(100% - 0.75rem), 0.25rem calc(100% - 0.9375rem), 0.25rem 0.9375rem, 0% 0.75rem, 0% 0.25rem);
}
.footer_navigation li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.footer_navigation li > span {
	display: flex;
	align-self: center;
	font-weight: 400;
	font-size: 0.375rem;
	line-height: 0.5rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.footer_navigation li > span:first-child {
	padding: 0.25rem 0rem;
}
.footer_navigation li > span:last-child {
	padding: 0.1875rem 0rem;
}
.footer_navigation li.hovered > span,
.footer_navigation li.active > span {
	color: #F7F7F7;
}
.footer_navigation li > div {
	display: flex;
	position: relative;
	width: 2.75rem;
	align-items: center;
	justify-content: space-between;
}
.footer_navigation li > div::before,
.footer_navigation li > div::after {
	content: '';
	opacity: 0;
	top: calc(50% - 0.5rem);
	left: 0rem;
	position: absolute;
	background-color: #F7F7F7;
	height: 1rem;
	width: 0.125rem;
	clip-path: polygon(0% 0%, 100% 0.125rem, 100% calc(100% - 0.125rem), 0% 100%);
	transition: all var(--animation_time) ease;
}
.footer_navigation li > div::after {
	left: auto;
	right: 0rem;
	clip-path: polygon(100% 0%, 100% 100%, 0% calc(100% - 0.125rem), 0% 0.125rem);
}
.footer_navigation li:not(.active) > div::before {
	transform: translate(-0.3125rem, 0rem);
}
.footer_navigation li:not(.active) > div::after {
	transform: translate(0.3125rem, 0rem);
}
.footer_navigation li.hovered > div::before,
.footer_navigation li.hovered > div::after,
.footer_navigation li.active > div::before,
.footer_navigation li.active > div::after {
	opacity: 1;
	transform: translate(0rem, 0rem);
}
.footer_navigation li.hovered > div::before,
.footer_navigation li.hovered > div::after {
	background-color: #FFBD12;
}
.footer_navigation svg {
	width: 1.5rem;
	height: 1.5625rem;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.footer_navigation li.hovered svg,
.footer_navigation li.active svg {
	color: #F7F7F7;
}
.footer_contacts {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	bottom: 0rem;
	left: 0rem;
	background: rgba(11, 11, 11, 0.9);
	opacity: 1;
	z-index: 0;
	transition: opacity calc(var(--animation_time) * 1) ease var(--animation_time), z-index 0s ease 0s, transform var(--animation_time) ease 0s !important;
}
.footer_contacts.hidden {
	opacity: 0;
	transition: opacity var(--animation_time) ease calc(var(--animation_time) * 1), z-index 0s ease calc(var(--animation_time) * 3), transform var(--animation_time) ease 0s !important;
	z-index: -1;
}
.footer_contacts .footer_contacts_content > * {
	transition: transform var(--animation_time) ease var(--animation_time);
}
.footer_contacts.hidden .footer_contacts_content > * {
	transform: translate(0rem, 0rem);
	transition: transform calc(var(--animation_time) * 2) ease 0s;
}
.footer_contacts.hidden .footer_contacts_content > *:first-child {
	transform: translate(-125rem, 0rem);
}
.footer_contacts.hidden .footer_contacts_content > *:last-child {
	transform: translate(125rem, 0rem);
}
.footer_contacts_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90rem;
	padding: 1.4375rem 2.5rem 3.4375rem;
	justify-content: space-between;
}
.footer_contacts_content > ul {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	justify-content: flex-start;
}
.footer_contacts_content > ul > li {
	display: flex;
	gap: 0.5rem;
}
.footer_contacts span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_contacts a {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #F7F7F7;
}
.footer_contacts_social {
	display: flex;
	gap: 0.75rem;
	align-items: center;
}
.footer_contacts_social h5 {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.footer_contacts_social ul {
	display: flex;
	gap: 1.25rem;
}
.footer_contacts_social svg {
	height: 1.5625rem;
	width: 1.5rem;
	color: #F7F7F7;
	transition: color var(--animation_time) ease;
}
.footer_contacts_social a:hover svg {
	color: #FFBD12;
}
/* slick */
.slick-slide {
	text-align: center;
}
.abilities_logos {
	margin: 1.875rem -2.5rem 0rem;
}
/* 3 */
/* @media all and (min-width: 768px) {
	.abilities {
		min-height: calc(100vh - 5.875rem);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.abilities > .abilities_border {
		margin-top: -16rem;
		top: unset;
	}
} */







/* new */
/* projects */
.projects {
	position: relative;
	margin-top: 5.875rem;
	padding: 1.25rem 2.5rem 2.5rem;
}
.projects > .abilities_border {
	position: absolute;
	left: 0rem;
	top: 3.375rem;
	width: 0.8125rem;
	height: 30rem;
	background-image: url('../images/abilities/borders.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	transform: rotate(180deg);
}
.projects > .abilities_border:last-child {
	right: 0rem;
	left: auto;
	transform: rotate(0deg);
}
.projects_navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}
.projects_navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.projects_item_pluses {
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
}
.projects_item_pluses > * {
	position: absolute;
	width: 0.4375rem;
	height: 0.4375rem;
	color: #DFDFDF;
	transition: color var(--animation_time) ease;
}
.projects_list_item:focus-visible .projects_item_pluses > *,
.projects_list_item:hover .projects_item_pluses > * {
	color: #FFBD12;
}
.projects_item_pluses > *:nth-child(1) {
	top: 1.25rem;
	left: 1.25rem;
}
.projects_item_pluses > *:nth-child(2) {
	bottom: 1.25rem;
	left: 1.25rem;
}
.projects_item_pluses > *:nth-child(3) {
	top: 1.25rem;
	right: 1.25rem;
}
.projects_item_pluses > *:nth-child(4) {
	bottom: 1.25rem;
	right: 1.25rem;
}
.projects_navigation li button {
	display: flex;
	position: relative;
	background: transparent;
	outline: none;
	padding: 0.4375rem 0.9375rem;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #F7F7F7;
	border: 0.0625rem solid #3E3E3E;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.25rem), calc(100% - 0.25rem) 100%, 0% 100%);
	transition: border-color var(--animation_time) ease;
}
.projects_navigation li button::after {
	content: '';
	position: absolute;
	width: 0.625rem;
	height: 0.1875rem;
	background-color: #3E3E3E;
	transform: rotate(-45deg);
	bottom: 0.0625rem;
	right: -0.375rem;
	transition: background-color var(--animation_time) ease;
}
.projects_navigation li button.active,
.projects_navigation li button:hover {
	border-color: #FFBD12;
	color: #F7F7F7;
}
.projects_navigation li button.active::after,
.projects_navigation li button:hover::after {
	background-color: #FFBD12;
}
.projects_navigation_description {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: right;
	text-transform: uppercase;
	color: #9C9C9C;
}
.projects_list {
	display: flex;
	flex-wrap: wrap;
}
.projects_list_item {
	position: relative;
	width: 50%;
	flex-shrink: 0;
	border-bottom: 0.0625rem solid #3E3E3E;
	border-right: 0.0625rem solid #3E3E3E;
	border-top: 0.0625rem solid #3E3E3E;
	border-left: 0.0625rem solid #3E3E3E;
	margin-left: -0.0625rem;
	margin-top: -0.0625rem;
}
.projects_list_item_content {
	padding: 2.5rem;
}
.projects_list_item_content > div {
	width: 100%;
	height: 37.5rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.projects_list_item_content h2 {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	margin-top: 1.25rem;
	margin-bottom: 0.75rem;
}
.projects_list_item_content ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.projects_list_item_content li {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
/* action */
.action_code {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.action_content_titles span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.action_content_titles h4 {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #DFDFDF;
	margin-top: 0.5rem;
	margin-bottom: 2rem;
}
.action_content_titles {
	margin-bottom: 5rem;
}
.action_call {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.action_call_button {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2.5rem;
}
.action_content_titles > h4:last-child {
	margin-bottom: 0rem;
}
.action_call_text span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.action_call_text h2 {
	font-weight: 300;
	font-size: 3.75rem;
	line-height: 4.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.action_call_text h3 {
	font-weight: 300;
	font-size: 2.25rem;
	line-height: 3rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #9C9C9C;
}
.action {
	position: relative;
	margin: 2.5rem auto 5rem;
}
.action_content {
	position: relative;
	padding: 2.5rem 2.5rem 4.5rem 2.5rem;
}
.action_heading {
	position: relative;
	margin: 4.5rem 2.5rem 0rem;
	padding: 0.625rem 1.25rem;
	height: 2.5rem;
	width: calc(100% - 5rem);
	background-image: url('../images/action/title_line.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.action_background {
	background-image: url('../images/action/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0rem;
	left: 0rem;
	height: 100%;
	width: 100%;
	clip-path: polygon(0% 0%, 2.5rem 0%, 5rem 1.875rem, calc(100% - 5rem) 1.875rem, calc(100% - 2.5rem) 0%, 100% 0%, 100% 100%, calc(100% - 2.5rem) 100%, calc(100% - 5rem) calc(100% - 1.875rem), 5rem calc(100% - 1.875rem), 2.5rem 100%, 0% 100%);
}
.action_pluses {
	position: absolute;
	display: flex;
	justify-content: space-between;
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 0.375rem;
	padding: 0rem 5.5rem;
}
.action_pluses.bottom {
	top: auto;
	bottom: 0rem;
}
.action_pluses_group {
	display: flex;
	gap: 0.25rem;
}
.action_pluses svg {
	width: 0.375rem;
	height: 0.375rem;
	color: #DFDFDF;
}
.action_ninja {
	position: absolute;
	bottom: 2.875rem;
	right: 6.8125rem;
	width: 37.625rem;
	height: auto;
}
/* info */
.info {
	position: fixed;
	top: 0rem;
	right: 0rem;
	padding: 1.25rem 1.25rem 1.25rem 0rem;
	height: 100vh;
	width: 21.375rem;
	z-index: 3;
	transform: translateX(21.375rem);
	transition: transform 0.5s ease;
}
.info .mission_action_corners {
	width: calc(100% - 1.25rem);
	height: calc(100% - 2.5rem);
	top: 1.25rem;
}
.info_container {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 4rem 1.75rem 1.25rem;
	min-width: 100%;
	height: 100%;
	overflow-y: auto;
	clip-path: polygon(0.875rem 0%, calc(100% - 0.875rem) 0%, 100% 0.875rem, 100% calc(100% - 0.875rem), calc(100% - 0.875rem) 100%, 0.875rem 100%, 0% calc(100% - 0.875rem), 0% 0.875rem);
}
.info_background {
	position: absolute;
	background: #141414;
	padding: 4rem 1.75rem;
	min-width: calc(100% - 1.25rem);
	height: calc(100% - 2.5rem);
	clip-path: polygon(0.875rem 0%, calc(100% - 0.875rem) 0%, 100% 0.875rem, 100% calc(100% - 0.875rem), calc(100% - 0.875rem) 100%, 0.875rem 100%, 0% calc(100% - 0.875rem), 0% 0.875rem);
}
.info_close {
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
	width: 2.75rem;
	height: 2.75rem;
}
.info_pluses {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	width: calc(100% + 1rem);
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.info_pluses_group {
	display: flex;
	gap: 0.25rem;
}
.info_pluses svg {
	width: 0.375rem;
	height: 0.375rem;
	color: #DFDFDF;
}
.info_close svg {
	width: 100%;
	height: 100%;
	color: #F7F7F7;
	transition: all var(--animation_time) ease;
}
.info_close:hover svg {
	transform: rotate(90deg);
	color: #FFBD12;
}
.info_heading {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-bottom: 2rem;
}
.info_heading h3 {
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2.25rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.info_heading span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.info_content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.info_content p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #DFDFDF;
}
.info_content p strong {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #FFBD12;
}
.info_navigation {
	position: relative;
	display: flex;
	height: auto;
	width: auto;
	z-index: 1;
	margin-top: 0.25rem;
	margin-bottom: 1.5rem;
}
.info_navigation nav {
	display: flex;
	align-items: center;
	gap: 0.5625rem;
	height: 100%;
	padding: 0rem 0.3125rem;
}
.info_navigation nav ul {
	display: flex;
	gap: 0.5625rem;
}
.info_navigation nav .info_navigation_container {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	margin-right: 0.1875rem;
	align-items: center;
}
.info_navigation nav .info_navigation_container ul {
	gap: 0.375rem;
}
.info_navigation_separator {
	width: 0.0625rem;
	height: 2rem;
	background-color: #3E3E3E;
}
.info_navigation li div {
	display: flex;
	width: auto;
	min-width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	padding-left: 0.454375rem;
	padding-right: 0.454375rem;
	background: linear-gradient(180deg, rgba(217, 217, 217, 0.2) 0%, rgba(115, 115, 115, 0.2) 100%);
	clip-path: polygon(0.1875rem 0%, calc(100% - 0.1875rem) 0%, 100% 0.1875rem, 100% 0.5rem, calc(100% - 0.1875rem) 0.625rem, calc(100% - 0.1875rem) calc(100% - 0.625rem), 100% calc(100% - 0.5rem), 100% calc(100% - 0.1875rem), calc(100% - 0.1875rem) 100%, 0.1875rem 100%, 0% calc(100% - 0.1875rem), 0% calc(100% - 0.5rem), 0.1875rem calc(100% - 0.625rem), 0.1875rem 0.625rem, 0% 0.5rem, 0% 0.1875rem);
}
.info_navigation li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.info_navigation li > span {
	display: flex;
	align-self: center;
	font-weight: 400;
	font-size: 0.3125rem;
	line-height: 0.5rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.info_navigation li > span:first-child {
	padding: 0.125rem 0rem;
}
.info_navigation li > span:last-child {
	padding: 0.125rem 0rem 0.1875rem;
}
.info_navigation li.hovered > span,
.info_navigation li.active > span {
	color: #F7F7F7;
}
.info_navigation svg {
	width: 1.125rem;
	height: 1.125rem;
	color: #9C9C9C;
	transition: color var(--animation_time) ease;
}
.info_navigation li.hovered svg,
.info_navigation li.active svg {
	color: #F7F7F7;
}
/* project */
.project {
	position: relative;
	display: flex;
	margin-top: 5.875rem;
	padding: 2.5rem;
	flex-direction: column;
	justify-content: flex-start;
}
.project_heading {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 5rem;
}
.project_heading_logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20rem;
	height: 10rem;
}
.project_heading_logo .project_logo {
	color: #717171;
	position: relative;
	width: 100%;
	text-align: center;
}
.project_heading_logo .project_logo:hover {
	color: #FFBD12;
}
.project_heading_logo .project_logo svg {
	max-width: 11.75rem;
	height: auto;
}
.project_content_section {
	display: flex;
	gap: 2.5rem;
}
.project_content {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.project_content_data {
	width: 22.6875rem;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 4rem;
	padding-top: 0.375rem;
	overflow: hidden;
}
.project_content_screen {
	flex-grow: 1;
}
.project_heading_data {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.project > .abilities_border {
	position: absolute;
	left: 0rem;
	top: 2.5rem;
	width: 0.8125rem;
	height: 30rem;
	background-image: url('../images/abilities/borders.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	transform: rotate(180deg);
}
.project > .abilities_border:last-child {
	right: 0rem;
	left: auto;
	transform: rotate(0deg);
}
.project_heading_data span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.project_heading_data h2 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.project_content_table {
	width: 100%;
}
.project_content_table tr td {
	position: relative;
	padding-top: 0.5rem;
	vertical-align: text-top;
}
.project_content_table tr td div {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
}
.project_content_description {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
}
.project_content_table tr td svg {
	width: 0.4375rem;
	height: 0.4375rem;
	flex-shrink: 0;
	color: #717171;
	margin-top: 0.375rem;
}
.project_content_description svg {
	width: 0.4375rem;
	height: 0.4375rem;
	flex-shrink: 0;
	color: #717171;
	margin-top: 0.375rem;
}
.project_content_table tr td:first-child {
	padding-right: 0.75rem;
}
.project_content_table tr:nth-child(1) td::after {
	content: '';
	position: absolute;
	display: block;
	width: calc(100% + 0.1875rem);
	height: 0.5rem;
	border-top: 0.0625rem solid #3E3E3E;
	border-left: 0.0625rem solid #3E3E3E;
	left: 0.1875rem;
	top: -0.4375rem;
}
.project_content_table p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #DFDFDF;
}
.project_content_table ul {
	display: flex;
	gap: 0.5rem 0.75rem;
	flex-wrap: wrap;
}
.project_content_table li {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.project_content_table span {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.project_content_table a {
	display: flex;
	gap: 0.625rem;
	align-items: center;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #F7F7F7;
	text-transform: uppercase;
}
.project_content_table tr td a > svg {
	width: 0.8125rem;
	height: 0.8125rem;
	flex-shrink: 0;
	margin: 0rem;
	color: currentColor;
	transition: transform 0.5s ease;
}
.project_content_table a:hover svg {
	transform: rotate(45deg);
}
.project_content_description {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
.project_content_list {
	margin-top: auto;
}
.project_content_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
}
.project_content_list li {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.project_content_screen {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	flex-grow: 1;
}
.project_content_screen img {
	width: 100%;
	height: auto;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4.25rem), calc(100% - 4.25rem) 100%, 0% 100%);
}
/* next */
.next {
	position: relative;
	margin-bottom: 2.5rem;
}
.next_background {
	position: absolute;
	top: 0rem;
	left: 0rem;
	background-image: url('../images/next/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
	clip-path: polygon(0% 3.25rem, 24.4375rem 3.25rem, 27.6875rem 0%, 100% 0%, 100% calc(100% - 3.25rem), calc(100% - 3.25rem) 100%, 3.25rem 100%, 0% calc(100% - 3.25rem));
}
.next_breadcrumbs {
	position: absolute;
	top: 1rem;
	left: 2.5rem;
	width: 21.75rem;
}
.next_breadcrumbs a {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.next_content img {
	width: 33.75rem;
	height: auto;
	clip-path: polygon(4.25rem 0%, 100% 0%, 100% calc(100% - 4.25rem), calc(100% - 4.25rem) 100%, 0% 100%, 0% 4.25rem);
}
.next_content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	margin: 3.4375rem 0rem;
}
.next_content a {
	color: #717171;
	display: flex;
	gap: 5.75rem;
}
.next_content a svg {
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: calc(50% - 1.5rem);
	left: calc(50% - 22.625rem);
}
.next_content a svg:last-child {
	left: auto;
	right: calc(50% - 22.625rem);
}
.next_content h3 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.next_content p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	text-transform: uppercase;
	color: #9C9C9C;
}
.next_breadcrumbs ul {
	display: flex;
	gap: 0.75rem;
}
.next_breadcrumbs svg {
	width: 0.4375rem;
	height: 0.4375rem;
	flex-shrink: 0;
	color: #717171;
}
.next_breadcrumbs li {
	position: relative;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	min-width: 6.1875rem;
}
.next_breadcrumbs li:last-child {
	flex-grow: 1;
}
.next_breadcrumbs li:after {
	content: '';
	position: absolute;
	display: block;
	width: calc(100% + 0.9375rem);
	height: 0.5rem;
	border-top: 0.0625rem solid #3E3E3E;
	border-left: 0.0625rem solid #3E3E3E;
	left: 0.1875rem;
	top: -1rem;
}
/* form */
.side_form_heading h2 {
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2.25rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.side_form_heading p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.textarea label,
.text label {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
.button_dropdown {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #DFDFDF;
}
.dropdown ul li label {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #F7F7F7;
}
fieldset legend {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #F7F7F7;
}
.toggle label {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #F7F7F7;
}
.toggle_radio label {
	font-weight: 300;
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-transform: uppercase;
	color: #DFDFDF;
}
.text input,
.text textarea {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
}
/* ready */
.ready {
	position: relative;
	padding: 14.375rem 21.4375rem 4.75rem 2.5rem;
}
.ready .action_pluses {
	top: 9.625rem;
}
.ready .action_pluses.bottom {
	top: auto;
}
.ready_text {
	display: flex;
	gap: 1.25rem;
	flex-direction: column;
	position: relative;
}
.ready_text .button {
	margin: 0.875rem 0rem;
}
.ready_ninja {
	width: 36.625rem;
	height: auto;
	position: absolute;
	bottom: 2.625rem;
	right: 8.125rem;
}
.ready_subheading {
	font-weight: 300;
	font-size: 2.25rem;
	line-height: 3rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #9C9C9C;
}
.ready_heading h2 {
	font-weight: 300;
	font-size: 3.75rem;
	line-height: 4.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.ready_heading {
	display: flex;
	gap: 0.75rem;
	align-items: flex-end;
}
.ready_text p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.ready_background {
	background-image: url('../images/ready/background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 9.625rem;
	left: 0rem;
	height: calc(100% - 9.625rem);
	width: 100%;
	clip-path: polygon(0% 0%, 2.5rem 0%, 5rem 1.875rem, calc(100% - 5rem) 1.875rem, calc(100% - 2.5rem) 0%, 100% 0%, 100% 100%, calc(100% - 2.5rem) 100%, calc(100% - 5rem) calc(100% - 1.875rem), 5rem calc(100% - 1.875rem), 2.5rem 100%, 0% 100%);
}
/* contact */
.contact {
	position: relative;
	display: flex;
	margin-top: 5rem;
	width: calc(100% - 5rem);
}
.contact_background {
	position: absolute;
	bottom: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	background-color: #141414;
	background-image: url('../images/contact/background.jpg');
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
	clip-path: polygon(0.875rem 0%, calc(100% - 0.875rem) 0%, 100% 0.875rem, 100% calc(100% - 0.875rem), calc(100% - 0.875rem) 100%, 0.875rem 100%, 0% calc(100% - 0.875rem), 0% 0.875rem);
}
.contact_left {
	padding: 2.5rem 2.5rem 27rem 2.5rem;
	flex-shrink: 0;
	width: 43.125rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.contact_left h2 {
	font-weight: 300;
	font-size: 3.75rem;
	line-height: 4.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.contact_left p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.contact_right {
	flex-grow: 1;
}
.contact .mission_action_pluses {
	color: #DFDFDF;
}
/* craft */
.craft {
	padding: 0rem 2.5rem;
	position: relative;
}
.craft_image {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0rem;
	top: 0rem;
}
.craft > .abilities_border {
	position: absolute;
	left: 0rem;
	top: 9.25rem;
	width: 0.8125rem;
	height: 30rem;
	background-image: url('../images/abilities/borders.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	transform: rotate(180deg);
}
.craft > .abilities_border:last-child {
	right: 0rem;
	left: auto;
	transform: rotate(0deg);
}
.craft_heading {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 66.25rem;
	margin-top: 4.75rem;
}
.craft_heading.desktop_hide {
	display: none;
}
.craft_heading_line p {
	padding-top: 1.125rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.craft_heading_line p::before {
	content: '';
	display: block;
	width: 100%;
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	align-self: flex-end;
	left: 0.25rem;
	position: relative;
}
.craft_heading > .craft_heading_line:nth-child(2) p {
	width: 11.25rem;
	margin-left: auto;
}
.craft_heading > h2:nth-child(3) {
	text-align: right;
}
.craft_heading > .craft_heading_line:last-child p {
	width: 18.5rem;
}
.craft_heading_line p span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.craft .mission_ninja {
	height: 18.5625rem;
	width: auto;
	right: 4.0625rem;
	bottom: 0rem;
}
.craft_heading_line p span svg {
	width: 0.5rem;
	height: 0.5rem;
}
.craft_heading_line {
	display: flex;
	gap: 2.5rem;
	align-items: flex-start;
	justify-content: flex-start;
}
.craft .mission_action_container {
	margin-top: 2.5rem;
}
.craft_heading_line > h2:first-child {
	margin-right: 2rem;
}
.craft_heading h2 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.craft_heading_line span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.craft .mission_action p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
/* missions */
.missions {
	padding: 5rem 2.5rem 2.5rem 2.5rem;
	display: flex;
}
.missions_left {
	width: 25.1875rem;
	flex-shrink: 0;
}
.plus_line {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.plus_line::before {
	content: '';
	display: block;
	width: calc(100% - 0.25rem);
	height: 0.5rem;
	border: 0.0625rem solid #3E3E3E;
	border-bottom-width: 0rem;
	border-right-width: 0rem;
	align-self: flex-end;
	position: relative;
}
.plus_line span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.plus_line span svg {
	width: 0.5rem;
	height: 0.5rem;
	flex-shrink: 0;
}
.missions_left span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #DFDFDF;
}
.missions_left h3 {
	font-weight: 300;
	font-size: 1.75rem;
	line-height: 2.25rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #9C9C9C;
	padding: 4rem 2.5rem 1.5rem 0rem;
}
.missions_left p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #9C9C9C;
	padding-right: 2.5rem;
	display: flex;
	gap: 0.5rem;
}
.missions_left p svg {
	width: 0.5rem;
	height: 0.5rem;
	flex-shrink: 0;
	margin-top: 0.375rem;
}
.missions_right {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 25.1875rem);
	border-left: 0.0625rem solid #3E3E3E;
	border-top: 0.0625rem solid #3E3E3E;
}
.missions_item {
	width: 50%;
	flex-shrink: 0;
	position: relative;
	padding: 2.5rem;
	border-right: 0.0625rem solid #3E3E3E;
	border-bottom: 0.0625rem solid #3E3E3E;
}
.missions_item img {
	width: 10rem;
	width: 18.125rem;
	margin-left: -4.0625rem;
	margin-top: -2.8125rem;
	margin-bottom: -1.25rem;
}
.missions_item h3 {
	font-weight: 400;
	font-size: 2.75rem;
	line-height: 3.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	margin-bottom: 0.5rem;
}
.missions_item ul {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 3.25rem;
}
.missions_item p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.missions_item ul li {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
/* code */
.code {
	background-image: url('../images/code/background.png');
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 6rem 2.5rem 6rem 27.6875rem;
}
.code ul {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.code_item_heading {
	display: flex;
	gap: 1.25rem;
	margin-bottom: 1.25rem;
}
.code_heading {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 5rem;
}
.code_item_heading_text {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.code_heading span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.code_heading h2 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.code_number {
	font-weight: 300;
	font-size: 6rem;
	line-height: 4.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #FFBD12;
	min-width: 10rem;
	flex-shrink: 0;
	padding: 0.25rem 0rem;
}
.code_item_heading_text h3 {
	font-weight: 400;
	font-size: 2.75rem;
	line-height: 3.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #DFDFDF;
}
.code_item_heading_text p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.code_item_text {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #DFDFDF;
}
/* experience */
.experience {
	display: flex;
	margin: 0rem 2.5rem;
	width: calc(100% - 5rem);
	border-top: 0.0625rem #3E3E3E solid;
	border-left: 0.0625rem #3E3E3E solid;
}
.experience_item h3 {
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2.25rem;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
}
.experience_left,
.experience_right,
.experience_item {
	width: 50%;
	flex-shrink: 0;
	flex-grow: 0;
	position: relative;
}
.experience_right,
.experience_item {
	display: flex;
	flex-direction: column;
	border-bottom: 0.0625rem #3E3E3E solid;
	border-right: 0.0625rem #3E3E3E solid;
}
.experience_right {
	background-image: url('../images/experience/background.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	padding: 5.6875rem 5rem 5.0625rem 5rem;
	gap: 0.25rem;
}
.experience_right .button {
	align-self: flex-start;
	margin-top: auto;
}
.experience_item {
	gap: 0.5rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5.875rem 2.5rem;
}
.experience_item > img {
	width: 19.625rem;
	height: auto;
	margin-top: -3.5rem;
	margin-bottom: -0.9375rem;
}
.experience_left {
	display: flex;
	flex-wrap: wrap;
}
.experience_item p {
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
.experience_right h2 {
	font-weight: 300;
	font-size: 3.75rem;
	line-height: 4.5rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #DFDFDF;
}
.experience_right p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
}
/* team */
.team {
	padding: 6rem 6rem 2.5rem 6rem;
}
.team_heading_line {
	display: flex;
	gap: 4.1875rem;
	justify-content: flex-end;
}
.team_heading_line .plus_line {
	margin-top: 1.125rem;
}
.team_heading h2 {
	font-weight: 300;
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #F7F7F7;
	text-align: right;
}
.team_heading span {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #9C9C9C;
	padding-right: 0.875rem;
}
.team_members {
	display: flex;
	gap: 1.25rem;
}
.team_members > .team_line {
	width: calc((100% - 3.75rem) / 4);
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}
.team_members > .team_line:nth-child(2) {
	padding-top: 3.125rem;
}
.team_members > .team_line:nth-child(3) {
	padding-top: 6.25rem;
}
.team_members > .team_line:nth-child(4) {
	padding-top: 9.375rem;
}
.team_member {
	width: 100%;
}
.team_member img {
	width: 100%;
	height: auto;
}
.team_slider.desktop_hide {
	display: none;
}
/* portfolio */
.portfolio {
	margin: 2.5rem 0rem;
}
.portfolio_desktop_hide {
	display: none;
}
.logos_divider {
	width: 1.75rem !important;
	height: 7.5rem;
	position: relative;
}
.portfolio .abilities_logos {
	margin: 0rem;
	padding: 2.5rem 0rem;
}
.portfolio .abilities_logos a {
	height: 7.5rem;
	width: 20rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.portfolio .slick-list {
	padding: 0rem 13.75rem !important;
}