/*!
Theme Name: KIWI
Theme URI: http://underscores.me/
Author: Kiwi-Code
Author URI: https://kiwi-code.ru
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: kiwi
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.

KIWI 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
	 ========================================================================== */

* {
box-sizing: border-box;
scroll-behavior: smooth;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

a {
text-decoration: none;
}

.section {
position: relative;
}

.crystal_1 {
	background-image: url("../kiwi/Assets/crystal_1.webp");
	position: absolute;
	width: 900px;
	height: 900px;
	top: 0;
	right: 0;
	background-size: cover;
	z-index: -100;
}

.crystal_2 {
	background-image: url("../kiwi/Assets/crystal_2.webp");
	position: absolute;
	width: 645px;
	height: 645px;
	top: 110px;
	left: 60px;
	background-size: cover;
	z-index: -100;
}

.crystal_3 {
	background-image: url("../kiwi/Assets/crystal_3.webp");
	position: absolute;
	width: 240px;
	height: 240px;
	top: 535px;
	right: 30px;
	background-size: cover;
	z-index: -100;
}

body {
background-color: #0f0f0f;
}

.container {
max-width: 1440px;
margin: 0 auto;
padding: 0 30px;
}

.logo {
color: white;
font-family: JetBrains Mono, serif;
font-weight: 600;
z-index: 5;
position: absolute;
}

.nav {
position: relative;
min-height: 14px;
}

.nav_list {
display: flex;
gap: 30px;
}

.nav_button {
display: none;
background-color: transparent;
border: none;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}

.nav_link {
color: white;
font-family: JetBrains Mono, serif;
font-weight: 300;
}

.header_container {
position: fixed;
z-index: 10;
top: 36px;
left: 50%;
transform: translate(-50%, 0);
padding: 10px 16px;

width: 100%;
/* padding-top: 20px; */
}

.owl-carousel {
display: none !important;
}

.header_wrapper {
background-color: rgba(66, 66, 66, 30%);
backdrop-filter: blur(10px);
/* backdrop-filter: opacity(30%); */
border-radius: 30px 30px 30px 30px;
display: flex;
padding: 16px 20px;
justify-content: space-between;
}

.hero_preheader {
font-family: JetBrains Mono, serif;
font-weight: 200;
color: #5dcf12;
font-size: 14px;
margin: 0;
}

.hero {
min-height: 850px;
padding: 50px 0;
}

.hero_header {
margin-top: 25px;
font-family: Inter, serif;
width: 464px;
color: white;
font-weight: 500;
line-height: 48px;
font-size: 48px;
margin-bottom: 30px;
}

.hero_description {
color: white;
width: 324px;
font-size: 14px;
font-family: JetBrains Mono, serif;
font-weight: 300;
margin: 0;
}

.hero_text_wrapper {
position: absolute;
top: 470px;
}

.hero_button {
display: flex;
background-color: #5dcf12;
border-radius: 20px;
width: 205px;
height: 40px;
margin-top: 30px;
padding: 14px 50px;
font-family: JetBrains Mono, serif;
font-size: 12px;
font-weight: 400;
border: none;
color: #000;
justify-content: center;
align-items: center;
}

.simple-popup-content {
background-color: rgba(66, 66, 66, 30%) !important;
backdrop-filter: blur(10px);
}

.btn {
transition: 0.3s;
}

.btn:hover,
.btn:focus {
transform: scale(1.05);
background-color: #63de10;
}

.a {
transition: 0.3s;
}

.a:hover,
.a:focus {
transform: scale(1.05);
color: #5dcf12;
}

.services {
padding-top: 50px;
padding-bottom: 65px;
}

.services_header {
color: white;
font-family: Inter, serif;
font-size: 36px;
font-weight: 500;
margin-bottom: 50px;
}

.services_cards {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 30px;
}

.services_card {
width: 440px;
backdrop-filter: blur(10px);
background-color: rgba(66, 66, 66, 30%);
padding: 20px;
border-radius: 20px;
}

.services_card_top_top_header {
width: 246px;
margin: 0;
font-family: Inter, serif;
font-size: 20px;
font-weight: 500;
color: white;
}

.services_card_top_top_number {
color: #fff;
font-family: Inter, serif;
font-size: 20px;
font-weight: 500;
}

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

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

.services_card_bottom_button {
font-family: JetBrains Mono, serif;
font-size: 14px;
font-weight: 300;
border: none;
background-color: #5dcf12;
color: #000;
border-radius: 20px;
padding: 7px 20px 9px 20px;
}

.services_card_bottom_description {
font-family: JetBrains Mono, serif;
font-size: 14px;
font-weight: 300;
font-style: normal;
color: #fff;
word-spacing: 5px;
margin-top: 20px;
margin-bottom: 56px;
line-height: normal;
word-spacing: 2px;
}

.input_wrapper {
	background-color: rgba(66, 66, 66, 30%);
	display: flex;
	flex-direction: column;
	padding: 20px;
	width: 49%;
}

.request {
padding-top: 65px;
padding-bottom: 65px;
}

.request_header {
color: white;
font-family: Inter, serif;
font-size: 36px;
font-weight: 500;
margin-bottom: 45px;
}

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

.input {
background-color: black;
color: white;
border: none;
border-radius: 20px;
padding: 10px;
font-family: JetBrains Mono, serif;
font-size: 14px;
outline: none;
transition: box-shadow 0.3s ease;
}

.request_banner {
width: 49%;
object-fit: cover;
border-radius: 30px;
}

.request_input1,
.request_input2 {
height: 40px;
}

.request_input3 {
height: 130px;
}

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

textarea {
resize: none;
}

.input:focus {
box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.5);
}

.label_normal {
color: #fff;
font-family: JetBrains Mono, serif;
font-size: 12px;
line-height: 18px;
font-weight: 300;
}

.checkbox_container_normal {
display: flex;
align-items: center;
}

.checkbox_container_normal .label_normal {
cursor: pointer;
display: flex;
align-items: center;
}

.checkbox_container_normal .checkbox_normal[type="checkbox"] {
cursor: pointer;
opacity: 0;
position: absolute;
}

.checkbox_container_normal .label_normal::before {
	content: "";
	min-width: 13px;
	min-height: 20px;
	border-radius: 50%;
	border: 0.05em solid black;
	background-color: white;
	margin-right: 10px;
	padding: 4px 8px;
}

.checkbox_container_normal .checkbox_normal:hover::before,
.checkbox_container_normal .checkbox_normal:hover + .label_normal::before {
background-color: #b9b9b9;
}

.checkbox_container_normal .checkbox_normal:checked + .label_normal::before {
content: "\002714";
background-color: #27ae60;
display: flex;
justify-content: center;
align-items: center;
color: white;
}

.inputs {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}

.inputs_button {
	display: flex;
	margin-top: 22px;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.button_container_button {
	width: 230px;
	border-radius: 30px;
	padding: 0;
	background-color: #5dcf12;
	border: none;
	color: #000;
	font-family: JetBrains Mono, serif;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 0;
	margin-left: 30px;
	cursor: pointer;
}

.our_jobs_header {
	color: #fff;
	font-family: Inter, serif;
	font-weight: 500;
	font-size: 36px;
	margin-bottom: 48px;
}

.our_jobs_card_img {
	width: 100%;
	height: 440px;
	border-radius: 30px;
}

.our_jobs_card_header {
	color: #fff;
	font-family: Inter, serif;
	font-size: 20px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 20px;
}

.our_jobs_card_description {
	margin: 0;
	color: #a9a9a9;
	font-family: JetBrains Mono, serif;
	font-size: 16px;
	font-weight: 300;
}

.our_jobs_card_list {
	display: flex;
	gap: 10px;
	padding: 0;
	flex-wrap: wrap;
}

.our_jobs_card_list_item {
	border: 1px solid #5dcf12;
	color: #5dcf12;
	border-radius: 20px;
	padding: 10px 16px;
	font-family: JetBrains Mono, serif;
	font-size: 12px;
	font-weight: 400;
	margin-top: 20px;
}

.our_jobs_card {
	width: 440px;
}

.our_jobs_cards {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 0;
}

.our_jobs {
	padding-top: 65px;
	padding-bottom: 65px;
}

.partners_icons {
	display: flex;
	gap: 86px;
	justify-content: center;
	padding: 0;
	margin-bottom: 150px;
}

.footer_left_logo {
	font-family: JetBrains Mono, serif;
	font-weight: 600;
	font-size: 31px;
	color: #fff;
}

.footer_middle {
display: flex;
flex-direction: column;
}

.footer_left_icons {
display: flex;
gap: 30px;
padding: 0;
margin-top: 75px;
}

.footer_middle_list {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
gap: 20px;
}

.footer_middle_list_item {
font-family: JetBrains Mono, serif;
font-size: 16px;
font-weight: 400;
color: #fff;
}

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

.footer {
border-top: 1px solid #fff;
padding-top: 70px;
padding-bottom: 20px;
}

.footer_right {
display: flex;
font-family: JetBrains Mono, serif;
font-size: 16px;
font-weight: 400;
color: white;
}

.footer_right_list_right {
display: flex;
flex-direction: column;
gap: 20px;
}

.footer_right_item_value {
color: #fff;
}

.footer_right_list_left {
margin-right: 31px;
display: flex;
flex-direction: column;
gap: 20px;
color: #a9a9a9;
}

li {
list-style-type: none;
}

.partners {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 65px;
}

.partners_icons {
flex-wrap: wrap;
}

.partners_header {
color: #fff;
font-family: Inter, serif;
font-size: 36px;
font-weight: 500;
margin: 0;
margin-bottom: 50px;
}

.partners_description {
max-width: 390px;
margin: 0;
margin-bottom: 50px;
font-family: JetBrains Mono, serif;
font-size: 16px;
font-weight: 300;
text-align: center;
color: #a9a9a9;
}

.protection {
color: #a9a9a9;
font-family: JetBrains Mono, serif;
font-size: 16px;
font-weight: 300;
margin: 0;
margin-top: 120px;
}

.hidden {
display: none;
}
.input_wrapper_popup {
background-color: transparent;
width: 100%;
}

.checkbox_label {
position: relative;
display: block;
line-height: 18px;
font-size: 12px;
font-family: JetBrains Mono, serif;
color: #fff;
display: flex;
align-items: center;
padding-left: 40px;
cursor: pointer;
}

.checkbox {
position: absolute;
cursor: pointer;
width: 0;
height: 0;
}

.check {
	position: absolute;
	height: 25px;
	width: 25px;
	border: none;
	border-radius: 50%;
	top: 0px;
	left: 0;
	background-color: #fff;
	content: "";
}

[type="checkbox"], [type="radio"] {
    display: none;
}

.checkbox_label:hover .checkbox ~ .check {
background-color: #b9b9b9;
}
.checkbox_label .checkbox:checked ~ .check {
background-color: #27ae60;
}

.check::after {
content: "\002714";
position: absolute;
top: 4px;
left: 8px;
}

.body_popup{
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s linear, opacity .2s linear;
	backdrop-filter: blur(13px);
}

.popup_active{
	visibility: visible;
	opacity: 1;
	transition: visibility .2s linear, opacity .2s linear;
}

span.close_popup {
    position: absolute;
    right: 10px;
    top: -10px;
	cursor: pointer;
}

div#popup {
    position: relative;
}

.codicon--error {
	display: inline-block;
	/* width: 16px;
	height: 16px; */
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8.6 1c1.6.1 3.1.9 4.2 2c1.3 1.4 2 3.1 2 5.1c0 1.6-.6 3.1-1.6 4.4c-1 1.2-2.4 2.1-4 2.4s-3.2.1-4.6-.7s-2.5-2-3.1-3.5S.8 7.5 1.3 6c.5-1.6 1.4-2.9 2.8-3.8C5.4 1.3 7 .9 8.6 1m.5 12.9c1.3-.3 2.5-1 3.4-2.1c.8-1.1 1.3-2.4 1.2-3.8c0-1.6-.6-3.2-1.7-4.3c-1-1-2.2-1.6-3.6-1.7c-1.3-.1-2.7.2-3.8 1S2.7 4.9 2.3 6.3c-.4 1.3-.4 2.7.2 4q.9 1.95 2.7 3c1.2.7 2.6.9 3.9.6M7.9 7.5L10.3 5l.7.7l-2.4 2.5l2.4 2.5l-.7.7l-2.4-2.5l-2.4 2.5l-.7-.7l2.4-2.5l-2.4-2.5l.7-.7z' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-color: red;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.lets-icons--done-ring-round-fill {
	display: inline-block;
	/* width: 24px;
	height: 24px; */
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 21a9 9 0 0 0 7.51-13.961l-7.155 7.95a2 2 0 0 1-2.687.262L6.4 12.8a1 1 0 0 1 1.2-1.6l3.268 2.451l7.346-8.161A9 9 0 1 0 12 21' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-color: greenyellow;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.icon_status span {
    width: 150px;
    height: 150px;
}

.popup_request {
    position: relative;
    min-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.body_popup_request {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(14px);
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s linear, opacity .2s linear;
}

.body_popup_request-active{
	visibility: visible;
	opacity: 1;
	transition: visibility .2s linear, opacity .2s linear;
}

.text_request{
	color: #fff;
	font-size: 20px;
}

.button_request_popup{
	width: 230px;
    border-radius: 30px;
    padding: 0;
    background-color: #5dcf12;
    border: none;
    color: #000;
    font-family: JetBrains Mono, serif;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 0;
    cursor: pointer;
}