/* CSS reset start  */
body {
	min-height: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	padding: 0px;
	margin: 0px;
	cursor: default;
	background-color: #16172c;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.body_stopscroll {
	/* overflow: hidden; */
}

html {
	scroll-behavior: smooth;
}

a,
a:active,
a:link,
a:link:visited {
	color: white;
	text-decoration: none;
	/* display: contents; */
}

body * {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	overscroll-behavior: contain;
}

/* CSS reset end  */


/* Csúszka start */



/* Firefox (külön szintaxis) */
* {
  scrollbar-width: thin;                /* "auto" vagy "thin" */
  scrollbar-color: rgb(0, 219, 186) rgba(11, 120, 114,0);        /* [thumb] [track] */
}

/* Csúszka end */


/* Main Wrapper start */
.main_wrapper {
	width: 100%;
	width: 100vw;
	width: 100dvw;
	max-width: 1440px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	font-size: 16px;
	color: #fff;
	font-family: 'Clash Grotesk Bold';
}

/* Main Wrapper end */

/* Common start */
.kerj_ajanlatot_green {
	border-radius: 25.74px;
	background-color: #00dbb9;
	color: #0c4df0;
	line-height: 150%;
	font-weight: 600;
	font-size: min(16px, 5vw);
	padding: 10px 50px;
	max-width: 300px;
	text-align: center;
	white-space: nowrap;
	font-family: "Clash Grotesk Semibold";
}

.kerj_ajanlatot_green:hover {
	background-color: #0c4df0;
	color: #00dbb9;
	font-family: 'Clash Grotesk Semibold';
	outline: 1px solid #fff;
}

.kerj_ajanlatot_transparent {
	border-radius: 25.74px;
	border: 1px solid #fff;
	color: #00dbb9;
	line-height: 150%;
	font-weight: 600;
	padding: 10px 30px;
	min-width: max-content;
	max-width: 300px;
	font-size: min(16px, 3.5vw);
	font-family: 'Clash Grotesk Semibold';
}

.kerj_ajanlatot_transparent:hover {
	background-color: #00dbb9;
	color: #0c4df0;
	font-family: 'Clash Grotesk Semibold';
	border: 1px solid transparent;
}

/* Common end */

/* NAVBAR start*/
.navbar {
	position: relative;
	width: 100%;
	min-height: 113px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 50px;
	gap: 20px;
}

.navbar_logo {
	min-width: 152.9px;
	height: 26px;
	overflow: hidden;
}

#main_logo_2 {
	display: none;
}

.navbar_links {
	justify-self: center;
	text-wrap: nowrap;
	display: flex;
	flex: 1;
	max-width: 600px;
	justify-content: space-around;
	gap: 20px;
	align-items: center;
	font-family: "Clash Grotesk Light";
	letter-spacing: 2px;
}

.navbar_link {
	line-height: 150%;
	font-weight: 500;
}

.burger_menu {
	display: none;
	position: fixed;
	background: #16172C5E;
	backdrop-filter: blur(5px);
	top: 30px;
	right: 20px;
	width: 40px;
	aspect-ratio: 1;
	/*outline: solid white 2px;*/
	border-radius: 10px;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	padding: 5px;
	z-index: 1000;
	cursor: pointer;
}

.burger_menu>div {
	width: 90%;
	height: 3px;
	background: white;
	pointer-events: none;
}

.burger_menu_links {
	display: none;
	position: absolute;
	top: 100%;
	right: 100%;
	padding: 40px;
	background: #16172CF5;
	color: white;
	font-weight: 500;
	line-height: 150%;
	flex-direction: column;
	z-index: 1000;
	gap: 20px;
	border-radius: 25px 0 25px 25px;
	text-align: right;
	border-left: solid 1px rgba(255, 255, 255, 0.5);
	border-bottom: solid 1px rgba(255, 255, 255, 0.5);
	white-space: nowrap;
	cursor: default;
}

.burger_menu_links>* {
	cursor: pointer;
}

.burger_menu_links_visible {
	display: flex;
}

.burger_menu_links_ajanlat {
	color: #00DBB9;
}

/* NAVBAR end*/

/* HEADER start*/
.header {
	width: 100%;
	position: relative;
	min-height: 708px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	isolation: isolate;
}

.header_background {
	position: absolute;
	height: 120.23%;
	width: 100%;
	top: -2.94%;
	right: -1.63%;
	bottom: -75.3%;
	left: 0.35%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	z-index: -1;
}

.header_laptop {
	position: absolute;
	width: 35.92%;
	min-width: 350px;
	max-width: 500px;
	aspect-ratio: 1;
	top: 30px;
	right: 8.48%;
	overflow: hidden;
	z-index: -1;
}

.header_blur_bg {
	position: absolute;
	backdrop-filter: blur(20px);
	border-radius: 50px;
	background-color: rgba(12, 77, 240, 0.05);
	--margin: 5%;
	top: var(--margin);
	left: var(--margin);
	width: calc(100% - var(--margin)*2);
	height: calc(100% - var(--margin)*2);
	z-index: -1;
}

.header_title {
	margin-top: 142px;
	margin-left: min(144px, 10vw);
	font-size: min(66.11px, 8.5dvw);
	line-height: 120%;
	width: 710.7px;
	/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
}

.header_text {
	margin-top: 30px;
	margin-left: min(144px, 10vw);
	line-height: 150%;
	font-family: 'PingFang HK';
	width: min(620.3px, calc(100% - 17dvw));
}

.header_button_wrapper {
	display: flex;
	flex-wrap: wrap;
	width: min(675px, calc(100% - 40px));
	min-width: min(calc((500px - 100%) * 99999), calc(100% - 17vw));
	border-radius: 30px;
	background-color: #0c4df0;
	padding: min(30px, 4vw) 10px;
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: end;
	margin: 50px min(40px, 5.5vw) 0 0;
}

.header_button_wrapper>* {
	flex-basis: calc((520px - 100%) * 999999);
}

/* HEADER end*/

/* ROLUNK start */
.rolunk {
	width: 100%;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
}

.rolunk_bg_effect_right {
	position: absolute;
	top: 508px;
	right: -500px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, rgba(12, 77, 240, 0.3), rgba(12, 77, 240, 0));
	width: 998px;
	height: 998px;
}

.rolunk_bg_effect_left {
	position: absolute;
	top: -97px;
	left: -769px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, rgba(0, 219, 185, 0.3), rgba(0, 219, 185, 0));
	width: 998px;
	height: 998px;
}

.rolunk_title {
	font-size: 32px;
	letter-spacing: 0.2em;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 300;
	color: #00dbb9;
	text-align: center;
	padding: 20px 0px;
	margin: 20px 0;
	height: min-content;
	width: 100%;
	font-family: 'Clash Grotesk Extralight';
}

.rolunk_content_wrapper1 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 50px;
	justify-content: center;
	align-items: center;
}

.rolunk_miert_mi_left {
	backdrop-filter: blur(30px);
	border-radius: 0px 50px 50px 0px;
	background: linear-gradient(180deg, #00dbb9, #0c4df0);
	max-width: 817px;
	width: max-content;
	display: inline-block;
	justify-content: center;
	align-items: center;
	font-size: min(55px, 9vw);
	line-height: 120%;
	font-weight: 600;
	padding: 20px 50px;
	font-family: 'Clash Grotesk Semibold';

}

.rolunk_miert_mi_left span:nth-of-type(2) {
	color: #00dbb9;
}

.rolunk_miert_mi_right {
	display: inline-block;
	padding: 0 15px;
	max-width: 451px;
	min-width: 300px;
	width: max-content;
	height: 189px;
	font-size: 32px;
	color: #00dbb9;
	flex: 1;
}

.rolunk_miert_mi_right_title {
	line-height: 130%;
	font-weight: 900;
	font-family: 'Clash Grotesk Semibold';
}

.rolunk_miert_mi_right_text {
	margin: 0;
	font-size: 16px;
	line-height: 150%;
	font-family: 'Clash Grotesk Light';
	color: #fff;
}

.rolunk_content_wrapper2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
	padding-top: 100px;
	gap: 50px;
}

.rolunk_infobox {
	backdrop-filter: blur(30px);
	border-radius: 50px;
	background-color: rgba(0, 219, 185, 0.05);
	width: min(420px, 95%);
	display: flex;
	flex-direction: column;
	padding: 130px 30px 30px 30px;
	gap: 20px;

}

.rolunk_infobox_title {
	font-size: 32px;
	line-height: 130%;
	max-width: 360px;
	font-family: 'Clash Grotesk Semibold';
}

.rolunk_infobox_text {
	line-height: 150%;
	font-family: 'Clash Grotesk Light';
}

.rolunk_infobox_ikon {
	position: absolute;
	height: 155px;
	width: 155px;
	top: -40px;
	left: 30px;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
}

.rolunk_button_wrapper {
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: center;
	gap: 30px;
	padding: 50px 20px;
}

.rolunk_button {
	border-radius: 25.74px;
	line-height: 250%;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: max-content;
	max-width: 300px;
	padding: 0 20px;
	font-family: 'Clash Grotesk Regular';
	letter-spacing: 1px;
}

.rolunk_button_1 {
	background: linear-gradient(180deg, #00dbb9, #0c4df0);
}

.rolunk_button_1:hover {
	background: #ededf0;
	color: #0c4df0;
}

/* ROLUNK end */

/* SZOLGALTATASOK start */
.szolgaltatasok {
	width: 100%;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	background-color: #0c4df063;
	padding: 40px 40px 80px 40px;
}

.szolgaltatasok_ellipse_top {
	position: absolute;
	top: -400px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #00dbb9, rgba(0, 219, 185, 0));
	width: 600px;
	height: 600px;
}

.szolgaltatasok_ellipse_left {
	position: absolute;
	top: 500px;
	left: -300px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #00dbb9, rgba(0, 219, 185, 0));
	width: 800px;
	height: 800px;
}

.szolgaltatasok_ellipse_left2 {
	position: absolute;
	top: 1300px;
	left: -350px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #00dbb9, rgba(0, 219, 185, 0));
	width: 800px;
	height: 800px;
}

.szolgaltatasok_ellipse_right {
	position: absolute;
	top: 182px;
	right: -450px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #00dbb9, rgba(0, 219, 185, 0));
	width: 800px;
	height: 800px;
}

.szolgaltatasok_ellipse_right2 {
	position: absolute;
	top: 900px;
	right: -450px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #00dbb9, rgba(0, 219, 185, 0));
	width: 800px;
	height: 800px;
}

.szolgaltatasok_title {
	position: relative;
	font-size: min(32px, 6vw);
	letter-spacing: 0.2em;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Clash Grotesk Extralight';
	color: #fff;
	text-align: center;
}

.szolgaltatasok_subtitle {
	font-size: min(48px, 8vw);
	line-height: 120%;
	font-weight: 600;
	text-align: center;
}

.szolgaltatasok_subtitle span:nth-of-type(1) {
	color: #00dbb9;
}

.szolgaltatasok_subtitle2 {
	line-height: 150%;
	font-family: 'Clash Grotesk Regular';
	text-align: center;
	padding-top: 50px;
	padding-bottom: 80px;
}

.szolgaltatasok_content_wrapper {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: minmax(250px, 1fr);
}

.szolgaltatasok_content_box {
	--padding: 40px;
	position: relative;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
	border-radius: 50px;
	background-color: rgba(0, 219, 185, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-sizing: border-box;
	padding: calc(var(--padding) / 2) var(--padding);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	isolation: isolate;
}

.szolgaltatasok_content_box:nth-of-type(1) {
	justify-content: start;
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}

.szolgaltatasok_content_img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
	border-radius: 50px;
	height: max(425px, 55%);
}


.szolgaltatasok_content_box_button_wrapper {
	display: flex;
	justify-content: space-around;
	padding: 50px 0 30px 0;
	row-gap: 20px;
	flex-wrap: wrap;
}

.szolgaltatasok_content_box_button_wrapper>* {
	flex-basis: calc((400px - 100%) * 999999);
}

/* .szolgaltatasok_content_box_icon{
		margin: -90px 0 0 -50px;
		width: 230px;
		height: 230px;
		object-fit: cover;
	} */

.szolgaltatasok_content_box_icon_lottie {
	margin: -130px 0 0 -100px;
	object-fit: cover;
	pointer-events: none;
}

.szolgaltatasok_content_box_title {
	font-size: 26px;
	line-height: 130%;
	font-weight: 600;
	display: inline-block;
	margin-top: -60px;
	font-family: "Clash Grotesk Semibold";
	letter-spacing: 1px;
}

.szolgaltatasok_content_box_text {
	font-family: 'Clash Grotesk Light';
	letter-spacing: 1px;
}

.szolgaltatasok_tudjmegtobbet {
	border-radius: 25.74px;
	min-width: max-content;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	box-sizing: border-box;
	gap: 8px;
	color: #ededf0;
	font-weight: 600;
	font-size: min(16px, 3vw);
	line-height: 150%;
	font-family: 'Clash Grotesk Regular';
	letter-spacing: 1px;
}

.szolgaltatasok_tudjmegtobbet:hover {
	background-color: #00dbb9;
	color: #ededf0;
}

.szolgaltatasok_content_box_mini .szolgaltatasok_tudjmegtobbet {
	padding-top: 50px;
	align-self: end;
}

.szolgaltatasok_tudjmegtobbet_popup {
	display: flex;
	flex-direction: column;
	position: fixed;
	inset: 3%;
	max-height: 94%;
	border-radius: 50px;
	backdrop-filter: blur(60px);
	background: rgba(7, 148, 158, 0.45);
	color: white;
	font-family: ClashGrotesk-Bold;
	z-index: 1000;
	visibility: hidden;
}

.szolgaltatasok_tudjmegtobbet_popup>[wrapper] {
	display: flex;
	padding: min(50px, 8vw);
	width: 100%;
	height: 100%;
	flex-direction: column;
	gap: min(30px, 4vw);
	overflow: auto;
}

.szolgaltatasok_tudjmegtobbet_popup_show {
	visibility: visible;
}

.szolgaltatasok_tudjmegtobbet_popup_exit {
	position: absolute;
	z-index: 999999;
	top: min(30px, 6.5vw);
	right: min(30px, 6.5vw);
	aspect-ratio: 1;
	width: min(40px, 5vw);
}

.szolgaltatasok_tudjmegtobbet_popup h3 {
	text-align: center;
	font-weight: 600;
	font-size: min(48px, 6vw);
}

.szolgaltatasok_tudjmegtobbet_popup p:nth-of-type(1) {
	text-align: center;
	font-size: min(24px, 4vw);
}

.szolgaltatasok_tudjmegtobbet_popup p:nth-of-type(2) {
	font-size: min(30px, 3.5vw);
	padding: min(30px, 2vw);
}

.szolgaltatasok_tudjmegtobbet_popup ul {
	padding-left: 70px;
	font-size: min(30px, 4vw);
}

.szolgaltatasok_tudjmegtobbet_popup_circle_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 4%;
	row-gap: 30px;
	width: 100%;
	position: relative;
}

.szolgaltatasok_tudjmegtobbet_popup_circle {
	display: flex;
	border: solid 1px white;
	aspect-ratio: 1;
	border-radius: 99999px;
	min-width: min(400px, 30%);
	max-width: min(calc(100% - 10vw), 500px);
	flex-basis: calc((900px - 100%) * 9999999);
	align-items: center;
	justify-content: center;
}

.szolgaltatasok_tudjmegtobbet_popup_circle_text {
	position: relative;
	font-size: min(24px, 3.5vw);
	padding: 20px;
	width: 270px;
}

.szolgaltatasok_tudjmegtobbet_extraborder {
	border: 1px solid #ededf0;
}

.szolgaltatasok_kerjajanlatot {
	border-radius: 25.74px;
	border: 1px solid #ededf0;
	box-sizing: border-box;
	min-width: max-content;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 8px 40px;
	color: #ededf0;
	line-height: 150%;
	font-weight: 600;
	font-size: min(16px, 3vw);
	height: min-content;
	font-family: 'Clash Grotesk Regular';
	letter-spacing: 1px;
}

.szolgaltatasok_kerjajanlatot:hover {
	background-color: #0c4df0;
	color: #00dbb9;
}

/* SZOLGALTATASOK end */

/* PROJEKTEK start */
.projektek {
	position: relative;
	width: 100%;
	overflow: hidden;
	flex-shrink: 0;
	text-align: center;
	font-size: 48px;
	color: #00dbb9;
	padding: 0 min(70px, 6vw) min(70px, 6vw) min(70px, 6vw);
	isolation: isolate;
}

.projektek_bg_top {
	position: absolute;
	top: -47px;
	left: -502px;
	width: 1719px;
	height: 666px;
	object-fit: contain;
	z-index: -1;
}

.projektek_bg_bottom {
	position: absolute;
	bottom: -104px;
	right: -430px;
	width: 1719px;
	height: 666px;
	object-fit: contain;
	z-index: -1;
}

.projektek_title {
	font-size: min(48px, 12vw);
	line-height: 120%;
	font-weight: 600;
	text-align: center;
	font-family: 'Clash Grotesk Medium';
	letter-spacing: 1px;
	padding: 40px 0 30px 0;
}

.projektek_subtitle {
	font-size: 16px;
	line-height: 150%;
	font-family: 'Clash Grotesk Regular';
	max-width: 100%;
	width: 100%;
	white-space: wrap;
	margin-bottom: 30px;
}

.projektek_button_wrapper {
	display: flex;
	gap: 10px;
	justify-content: center;
	padding: 40px 0;
	flex-wrap: wrap;
}

.projektek_button_wrapper>* {
	flex-basis: calc((580px - 100%) * 999999);
}

.projektek_button {
	background-color: #ededf0;
	padding: 4px 8px;
	text-align: center;
	font-size: 14px;
	color: #0c4df0;
	font-family: Roboto;
	white-space: nowrap;
}

.projektek_img_box {
	backdrop-filter: blur(100px);
	border-radius: 70px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
	min-width: 0;
	width: 90%;
	margin: 0 auto;
	--space: min(50px, 6vw);
	padding: var(--space);
}

.projektek_img_box_leftarrow,
.projektek_img_box_rightarrow {
	display: none;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	aspect-ratio: 1;
	width: 70px;
	border-radius: 50%;
	/* border: solid white 2px;*/
	/*background: black;*/
	/*color: white;*/
}

.projektek_img_box_leftarrow {
	left: -40px;
	transform: rotate(-90deg);

}

.projektek_img_box_rightarrow {
	right: -40px;
	transform: rotate(90deg);
}

.projektek_img_box_wrapper {
	position: relative;
	height: 70%;
	height: 70dvh;
	width: 100%;
	overflow: hidden;
	border-radius: 40px;
}

.projektek_img_box_scroller {
	--space: min(50px, 8vw);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	max-width: 100%;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto;
	gap: var(--space);
	/*align-items: center;*/
	justify-content: center;
}

.projektek_img_box_content {
	object-fit: cover;
	border-radius: 30px;
	height: 100%;
	width: 100%;
		
}


/* PROJEKTEK end */

/* AJANLAT start */
.ajanlat {
	font-size: 60px;
	color: #00dbb9;
	backdrop-filter: blur(100px);
	background-color: #0c4df0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 80px;
	padding: 40px min(70px, 3vw);
	flex-wrap: wrap;
}

.ajanlat>* {
	flex-basis: calc((860px - 100%) * 99999);
	max-width: 100%;
}

.ajanlat_title {
	display: flex;
	line-height: 120%;
	justify-content: start;
	align-items: center;
	min-width: 30%;
	font-size: min(60px, 15vw);
}

.ajanlat_text {
	display: flex;
	font-size: min(24px, 8vw);
	line-height: 130%;
	font-weight: 600;
	color: #fff;
	justify-content: center;
	align-items: center;
	min-width: 30%;
	font-family: 'Clash Grotesk Regular';
	letter-spacing: 1px;
}

.ajanlat_button {
	border-radius: 25.74px;
	background-color: #ededf0;
	min-width: 195px;
	padding: 8px 0;
	box-sizing: border-box;
	font-size: 16px;
	color: #0c4df0;
	line-height: 150%;
	font-weight: 600;
	height: min-content;
	text-align: center;
	font-family: 'Clash Grotesk Medium';
	letter-spacing: 1px;
}

.ajanlat_button:hover {
	background-color: #00dbb9;
	color: #0c4df0;

}

/* AJANLAT end */

/* KAPCSOLAT start */
.kapcsolat {
	position: relative;
	overflow: clip;
	width: 100%;
	flex-shrink: 0;
	text-align: center;
	font-size: 48px;
	isolation: isolate;
	padding: 70px 0;
}

.kapcsolat_bg_middle {
	position: absolute;
	top: -910px;
	left: -190px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #0c4df0, rgba(12, 77, 240, 0));
	width: 1820px;
	height: 1820px;
	z-index: -1;
}

.kapcsolat_bg_right {
	position: absolute;
	bottom: -460px;
	right: -153px;
	border-radius: 25.74px;
	width: 533px;
	height: 968px;
	z-index: -1;
}

.kapcsolat_bg_left {
	position: absolute;
	top: -7px;
	left: -240px;
	border-radius: 25.74px;
	width: 776px;
	height: 822px;
	object-fit: contain;
	z-index: -1;
}

.kapcsolat_bg_bottom {
	position: absolute;
	top: 572px;
	left: -190px;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, #00dbb9, rgba(22, 23, 44, 0));
	width: 1820px;
	height: 1820px;
	opacity: 60%;
	z-index: -1;
}

.kapcsolat_title {
	font-size: 32px;
	letter-spacing: 0.2em;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 300;
	color: #00dbb9;
	text-align: center;
	font-family: "Clash Grotesk Extralight";
}

.kapcsolat_subtitle {
	line-height: 120%;
	font-weight: 600;
	padding: 40px 0;
	white-space: nowrap;
	width: 100%;
	font-size: min(48px, 6.5dvw);
	font-family: "Clash Grotesk Semibold";
}

.kapcsolat_com {
	font-size: 16px;
	line-height: 150%;
	font-family: 'Clash Grotesk Regular';
}

.mail_sent {
	position: fixed;
	color: white;
	width: 95%;
	height: 95%;
	top: 50%;
	left: 2.5%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(20px);
	border-radius: 50px;
	background-color: rgba(12, 77, 240, 0.05);
	font-size: min(50px, 8vw);
	opacity: 1;
	z-index: 1000;
}

.mail_sent_fadeOut {
	animation: mail_sentFadeout;
	animation-duration: 3s;
}

@keyframes mail_sentFadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.kapcsolat_form {
	border-radius: 25.74px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	font-size: 14px;
	font-family: 'PingFang HK';
	margin-top: 70px;
	max-width: 600px;
	margin-inline: auto;
	padding: 0 20px;
}

.kapcsolat_form input {
	color: white;
}

.kapcsolat_inputs {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	column-gap: 80px;
	row-gap: 15px;
	padding: 10px 0;
	flex-wrap: wrap;
}

.kapcsolat_inputs>* {
	flex-basis: calc((450px - 100%) * 99999);
}

.kapcsolat_input {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	flex: 1;
}

.kapcsolat_input_title {
	align-self: stretch;
	position: relative;
	line-height: 150%;
	width: max-content;
	padding: 0px 0px 5px 0px;
	font-family: "Clash Grotesk Regular";
	letter-spacing: 1px;
}

#kapcsolat_feltetel {
	padding-bottom: 0px;
}

.kapcsolat_text_input {
	min-width: 150px;
	width: 100%;
	border-radius: 25.74px;
	border: 1px solid #00dbb9;
	box-sizing: border-box;
	height: 50px;
	background-color: rgba(255, 255, 255, 0);
	padding-left: 20px;
}

.kapcsolat_select {
	width: 100%;
	border-radius: 25.74px;
	border: 1px solid #00dbb9;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	gap: 16px;
	color: #00dbb9;
	background-color: rgba(255, 255, 255, 0);
	appearance: none;
}

.icon_chevron_down {
	position: absolute;
	right: 15px;
	bottom: 8px;
	pointer-events: none;
}

.kapcsolat_radios {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 16px 0px;
	gap: 16px;
}

.kapcsolat_radios_title {
	line-height: 150%;
}

.kapcsolat_radio_buttons {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 14px;
	color: #00dbb9;
}

.kapcsolat_radio_buttons_row {
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 24px;
	row-gap: 12px;
	flex-wrap: wrap;
}

.kapcsolat_radio_buttons_row>* {
	flex-basis: calc((400px - 100%) * 999999)
}

.kapcsolat_radio_button_wrapper {
	min-width: 45%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.kapcsolat_radio_button_wrapper>* {
	white-space: nowrap;
}

.kapcsolat_radio_button {
	width: 20px;
	position: relative;
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #00dbb9;
	box-sizing: border-box;
	height: 20px;
	overflow: hidden;
	flex-shrink: 0;
}

.kapcsolat_text_area {
	width: 100%;
	resize: vertical;
	border-radius: 25.74px;
	border: 1px solid #00dbb9;
	box-sizing: border-box;
	height: 182px;
	min-height: 100px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	font-family: "Clash Grotesk Regular";
	letter-spacing: 2px;
	padding: 20px;
	position: relative;
	color: white;
	background-color: rgba(255, 255, 255, 0);
}

.kapcsolat_checkbox_wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 20px 0px 16px;
	gap: 8px;
	color: #00dbb9;
}

.kapcsolat_checkbox {
	width: 20px;
	position: relative;
	background-color: #fff;
	border: 1px solid #00dbb9;
	box-sizing: border-box;
	height: 20px;
	overflow: hidden;
	flex-shrink: 0;
}

.kapcsolat_send_button {
	width: 138px;
	border-radius: 25.74px;
	background-color: #00dbb9;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	box-sizing: border-box;
	font-size: 16px;
	color: #0c4df0;
	font-family: 'Clash Grotesk Semibold';
	line-height: 150%;
	font-weight: 600;
}

.kapcsolat_send_button:hover {
	background-color: #0c4df0;
	color: #00dbb9;
}

@keyframes shake_effect {
	0% {
		margin-left: 10px;
	}

	25% {
		margin-left: 30px;
	}

	50% {
		margin-left: 10px;
	}

	75% {
		margin-left: 30px;
	}

	100% {
		margin-left: 10px;
	}
}

.kapcsolat_error {
	animation: shake_effect 0.5s alternate;
	border: 2px solid red;
	transition: all 1s ease;
	animation-iteration-count: 2;
}




/* KAPCSOLAT end */

/* nyelvválasztó start */
#language{
	display: flex;
	flex-direction: row;
}
.nyelvvalaszto {
	/*width: 13%;*/
	min-width: 13%;
	border: none;
	border-radius: 25.74px;
	/*border: 1px solid #00dbb9;*/
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	gap: 16px;
	color: #00dbb9;
	background-color: rgba(255, 255, 255, 0);
	appearance: none;
	-webkit-appearance: none;
	padding-left: 2.2rem;
	/* hely a zászlónak */
	background-repeat: no-repeat;
	background-position: .5rem 50%;
	background-size: 1.2rem 1.2rem;
}
#nyelvvalasztoArrow{
	display: flex;
	position: relative;
	top: 1px;

}
#nyelvvalasztoId:focus{
	border: none;
	outline:none;
}

.lang-hungarian {

	background-image: url("./languages/hun.webp");
}

.lang-english {
	background-image: url("./languages/eng.png");
}

/* nyelvválasztó end */

/* FOOTER start */
.footer {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	font-size: 14px;
	font-family: 'PingFang HK';
	width: 100%;
	padding: min(50px, 4vw);
}

.footer_bg {
	position: absolute;
	top: 0px;
	left: 60px;
	backdrop-filter: blur(100px);
	border-radius: 100px 100px 0px 0px;
	background: linear-gradient(180deg, rgba(0, 219, 185, 0.4), rgba(0, 219, 185, 0));
	width: 1320px;
	height: 186px;
	display: none;
}

.footer_top {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}

.footer_top>* {
	flex-basis: calc((690px - 100%) * 99999);
}

.footer_logo_icon {
	max-width: 100%;
	min-width: 152px;
	overflow: hidden;
	height: 26px;
	display: flex;
}

.footer_links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: end;
	gap: 32px;
	white-space: nowrap;
	font-family: 'Clash Grotesk Regular';
	letter-spacing: 1px;
	max-width: 100%;
	flex: 1;
}

.footer_social_links {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.footer_icon {
	width: 24px;
	position: relative;
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
}

.footer_credits {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 32px;
	font-family: 'Clash Grotesk Regular';
	letter-spacing: 1px;
}

.divider {
	align-self: stretch;
	position: relative;
	border-top: 1px solid #00dbb9;
	box-sizing: border-box;
	height: 1px;
	margin-top: 35px;
}

.relume-minden-jog {
	position: relative;
	text-decoration: underline;
	line-height: 150%;
	white-space: nowrap;
	text-align: center;
}

.footer_bottom_row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	row-gap: 24px;
	row-gap: 12px;
	flex-wrap: wrap;
	width: 100%;
}

.footer_bottom_row>* {
	flex-basis: calc((805px - 100%) * 99999);
}

/* FOOTER end */

/* SCROLL start */
#scrolltop {
	position: fixed;
	display: none;
	bottom: 150px;
	right: 10px;
	justify-content: center;
}

#scrolltop img {
	height: 100%;

}

/* SCROLL end */

/* RED CIRCLE start */
#under_develop_by {
	position: fixed;
	top: 15px;
	left: 15px;
	justify-content: center;
	z-index: 1000;
}

#under_develop_by img {
	height: 40px;

}

/* RED CIRCLE end */

/*------------FONTFACES------------------------------------------------------------------*/

@font-face {
	font-family: "PingFang HK";
	src: url("/fonts/PingFangHK.ttf") format("truetype");
}

@font-face {
	font-family: "PingFang HK Semibold";
	src: url("/fonts/PingFangHK-Semibold.otf") format("opentype");
}

@font-face {
	font-family: "Clash Grotesk Regular";
	src: url("/fonts/ClashGrotesk-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Clash Grotesk Bold";
	src: url("/fonts/ClashGrotesk-Bold.otf") format("opentype");
}

@font-face {
	font-family: "Clash Grotesk Light";
	src: url("/fonts/ClashGrotesk-Light.otf") format("opentype");
}

@font-face {
	font-family: "Clash Grotesk Medium";
	src: url("/fonts/ClashGrotesk-Medium.otf") format("opentype");
}

@font-face {
	font-family: "Clash Grotesk Extralight";
	src: url("/fonts/ClashGrotesk-Extralight.otf") format("opentype");
}

@font-face {
	font-family: "Clash Grotesk Semibold";
	src: url("/fonts/ClashGrotesk-Semibold.otf") format("opentype");
}



/* MEDIA QUERIES */

@media screen and (max-width: 1250px) {
	.szolgaltatasok_content_wrapper {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		grid-auto-rows: minmax(250px, 1fr);
	}

	.szolgaltatasok_content_box_title {
		max-width: 50%;
	}

	.szolgaltatasok_content_box:nth-of-type(1) {
		justify-content: start;
		grid-column: 1 / span 2;
		grid-row: 1 / span 1;
	}

	.szolgaltatasok_content_img {
		position: absolute;
		width: 300px;
		height: 100%;
		transform: translateY(-50%);
		right: 0;
		top: 50%;
		left: auto;
		bottom: auto;
		z-index: -1;
	}

	.szolgaltatasok_content_box_button_wrapper {
		max-width: 50%;
	}

	.szolgaltatasok_tudjmegtobbet_popup {
		padding-top: 70px;
	}

	.szolgaltatasok_tudjmegtobbet_popup p:nth-of-type(2),
	.szolgaltatasok_tudjmegtobbet_popup ul {
		font-size: min(30px, 4.5vw);
	}

	/* --------------------------------------------------- */
	.projektek_img_box_leftarrow,
	.projektek_img_box_rightarrow {
		display: block;
	}

	.projektek_img_box {
		width: min(500px, 95%);
	}

	.projektek_img_box_wrapper {
		aspect-ratio: 5/7;
		height: auto;
	}

	.projektek_img_box_scroller {
		height: calc(100% + 400px);
		top: -200px;
		display: inline-block;
		white-space: nowrap;
		gap: var(--space);
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
	}

	.projektek_img_box_content {
		display: inline-block;
		object-fit: cover;
		border-radius: 30px;
		margin-top: 200px;
		margin-left: var(--space);
		height: calc(100% - 400px);
		scroll-snap-align: start;
	}

	/* --------------------------------------------------- */
}

@media screen and (max-width: 860px) {
	.header {
		min-height: auto;
	}

	.header_button_wrapper {
		align-self: center;
		margin: auto;
		background-color: transparent;
		margin-bottom: 40px;
	}

	.header_title {
		margin-top: 60px;
		max-width: 50%;
		font-size: min(38.95px, 7vw);
	}

	.header_laptop {
		width: 40%;
		min-width: 170px;
		max-width: auto;
	}

	.rolunk_infobox {
		width: 90%;
		padding: 30px;
	}

	.rolunk_infobox_ikon {
		top: -40px;
		left: auto;
		right: 0px;
		transform: scale(70%);
	}

	.rolunk_infobox_title {
		top: 30px;
		max-width: 50%;
		font-size: min(32px, 6vw);
	}

	.rolunk_infobox_text {
		top: 180px;
	}

	.szolgaltatasok {
		background: #0c4df0;
	}

	.szolgaltatasok_subtitle2 {
		padding-top: 20px;
		padding-bottom: 50px;
	}

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

	.szolgaltatasok_content_img {
		display: none;
	}

	.szolgaltatasok_content_box_title {
		max-width: 70%;
		margin-bottom: 30px;
		font-size: min(26px, 5.5vw);
	}

	.szolgaltatasok_content_box_icon_lottie {
		margin: -140px 0 -90px calc(100% - 140px);
		transform: scale(70%);
	}

	.szolgaltatasok_content_box_button_wrapper {
		padding: 0;
		gap: 0;
		max-width: none;
	}

	.szolgaltatasok_tudjmegtobbet {
		border: 1px solid #ededf0;
		max-width: 200px;
		margin: 30px auto 0 auto;
	}

	.szolgaltatasok_kerjajanlatot {
		max-width: 200px;
		margin: 30px auto 0 auto;
	}

	.navbar_links {
		display: none;
	}

	.navbar .kerj_ajanlatot_green {
		display: none;
	}

	.navbar {
		justify-content: center;
	}

	.burger_menu {
		display: flex;
	}

	.ajanlat {
		gap: 20px;
		padding: 40px min(70px, 10vw);
	}

	.ajanlat_title {
		line-height: 100%;
		font-size: min(30px, 15vw);
	}

	.ajanlat_text {
		font-size: min(20px, 8vw);
		line-height: 120%;
	}

	.footer_logo_icon {
		justify-content: center;
	}

	.footer_links {
		justify-content: center;
	}

	#language{
		position: absolute;
		left: 30px;
	}
}

@media screen and (max-width: 580px) {
	.szolgaltatasok_kerjajanlatot {
		max-width: 200px;
		margin: 10px auto 0 auto;
	}

	#main_logo {
		display: none;
	}

	#main_logo_2 {
		display: block;

	}

	.navbar_logo{
		height: 30px;
		width: 30px;
		min-width: 30px;
	}

	/*#language{
		position: absolute;
		left: 10%;
		}*/
}


.curtain {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	width: 100dvw;
	height: 100%;
	height: 100dvh;
	background: rgba(0, 0, 0, .1);
}