.image-child {
  	width: 1440px;
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	background-color: rgba(16, 66, 55, 0.75);
  	height: 680px;
  	z-index: 0;
	background-image: linear-gradient(rgba(16, 66, 55, 0.75), rgba(16, 66, 55, 0.75)), url('29bfb259-f09c-44d9-85d4-93728a4e0ead.jpg');
	background-position: center;
}

.df-solution {
  	position: relative;
  	line-height: 110%;
  	text-transform: uppercase;
}
.bzza-rnk-a {
  	align-self: stretch;
  	position: relative;
  	font-size: 65px;
  	line-height: 126%;
  	color: #fff;
  	text-shadow: 0px 7px 33px rgba(25, 24, 24, 0.1);
}
.headline {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: 12px;
  	z-index: 1;
}
.image {
  	position: absolute;
  	top: 0px;
	left: calc(50% - 720px);
  	width: 1440px;
  	height: 680px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-end;
  	padding: 92px 80px 110px;
  	box-sizing: border-box;
  	gap: 72px;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	font-size: 18px;
  	color: #06e37e;
  	font-family: Shrikhand;
}
.kinek-tudunk-segteni {
  	align-self: stretch;
  	position: relative;
  	line-height: 122%;
  	font-weight: 600;
}
.kinek-tudunk-segteni-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.frame-icon {
  	width: 40px;
  	position: relative;
  	height: 40px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.magnszemly {
  	align-self: stretch;
  	position: relative;
  	line-height: 122%;
}
.lmai-kertje-garantltan {
  	align-self: stretch;
  	position: relative;
  	font-size: 18px;
  	line-height: 122%;
  	font-weight: 500;
  	color: #020717;
  	opacity: 0.75;
}
.magnszemly-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.frame-group {
  	align-self: stretch;
  	flex: 1;
  	border-radius: 12px;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 24px 16px;
  	gap: 24px;
}
.frame-div {
  	flex: 1;
  	border-radius: 12px;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 24px 16px;
  	gap: 24px;
}
.frame-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
  	text-align: left;
  	font-size: 24px;
  	color: #03211b;
}
.section {
  	position: absolute;
  	top: 680px;
  	left: calc(50% - 720px);
  	background-color: #e9eeed;
  	width: 1440px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 80px 120px;
  	box-sizing: border-box;
  	gap: 48px;
  	text-align: center;
  	color: #104237;
}
.a-df-solutions {
  	align-self: stretch;
  	position: relative;
  	line-height: 122%;
  	font-weight: 500;
}
.service-card-child {
  	align-self: stretch;
  	max-width: 100%;
  	overflow: hidden;
  	height: 16px;
  	flex-shrink: 0;
}
.frame-child {
  	width: 40px;
  	position: relative;
  	border-radius: 50%;
  	height: 40px;
  	object-fit: cover;
}
.ildi-csepel-gyors {
  	flex: 1;
  	position: relative;
  	line-height: 118%;
  	font-weight: 600;
}
.ellipse-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	gap: 12px;
  	color: #181c1d;
}
.service-card {
  	flex: 1;
  	box-shadow: 0px 463px 130px rgba(7, 34, 28, 0), 0px 74px 74px rgba(7, 34, 28, 0.12), 0px 19px 41px rgba(7, 34, 28, 0.14);
  	border-radius: 16px;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 24px;
  	gap: 24px;
}
.service-card-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
  	text-align: left;
  	font-size: 18px;
  	color: #03211b;
}
.section1 {
  	position: absolute;
  	top: 3265px;
  	left: calc(50% - 720px);
  	background-color: #06e37e;
  	width: 1440px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 100px 120px;
  	box-sizing: border-box;
  	gap: 48px;
  	text-align: center;
  	color: #000f0f;
}
.mirt-vlasszon-minket-minden-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 40px;
  	color: #104237;
}
.megfizethetsg-parent {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
}
.szemlyre-szabott-szolgltats-parent {
  	align-self: stretch;
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
}
.frame-parent2 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}
.teljes-kr-szolgltatsok {
  	margin: 0;
}
.frame-parent1 {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 48px;
}
.section-child {
  	align-self: stretch;
  	flex: 1;
  	position: relative;
  	border-radius: 16px;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	object-fit: cover;
}
.section2 {
  	position: absolute;
  	top: 2455px;
  	left: calc(50% - 720px);
  	background-color: #fff;
  	width: 1440px;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 100px 120px;
  	box-sizing: border-box;
  	gap: 48px;
  	font-size: 20px;
  	color: #000;
}
.szolgltatsok-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	text-align: center;
  	font-size: 40px;
  	color: #fff;
}
.rectangle-icon {
  	align-self: stretch;
  	position: relative;
  	border-radius: 16px;
  	max-width: 100%;
  	overflow: hidden;
  	height: 300px;
  	flex-shrink: 0;
  	object-fit: cover;
}
.fnyrs-s-gyeppols {
  	margin-bottom: 0px;
}
.fnyrs-s-gyeppols-nvnye {
  	margin: 0;
  	font-family: inherit;
  	font-size: inherit;
  	padding-left: 24px;
}
.fnyrs-s-gyeppols-container {
  	align-self: stretch;
  	position: relative;
  	font-size: 18px;
  	line-height: 133%;
  	font-weight: 500;
  	opacity: 0.75;
}
.tovbb {
  	position: relative;
  	text-decoration: underline;
}
.frame-icon3 {
  	width: 20px;
  	position: relative;
  	height: 20px;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: none;
}
.menu-item {
  	border-radius: 8px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 12px;
  	gap: 8px;
  	font-size: 16px;
  	color: #104237;
  	font-family: 'Plus Jakarta Sans';
}
.ltalnos-kentfenntarts-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
}
.frame-wrapper {
  	align-self: stretch;
  	border-radius: 16px;
  	background-color: #fff;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 24px 16px;
  	margin-top: -24px;
  	position: relative;
}
.rectangle-parent {
  	width: 588px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.frame-parent4 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	flex-wrap: wrap;
  	align-content: flex-start;
  	gap: 40px 24px;
}
.section3 {
  	position: absolute;
  	top: 1152px;
  	left: calc(50% - 720px);
  	background-color: #104237;
  	width: 1440px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 80px 120px;
  	box-sizing: border-box;
  	gap: 48px;
  	font-size: 22px;
  	color: #020717;
}
.group-icon {
  	width: 160px;
  	position: relative;
  	height: 29.4px;
}
.frame-icon7 {
  	width: 16px;
  	position: relative;
  	height: 16px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.b {
  	position: relative;
}
.frame-parent7 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	gap: 8px;
}
.frame-parent6 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: 16px;
}
.group-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 48px;
}
.szolgltatsok-container {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
}
.section-inner {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.section4 {
  	position: absolute;
  	top: 3804px;
  	left: calc(50% - 720px);
  	background-color: #104237;
  	width: 1440px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 80px 120px;
  	box-sizing: border-box;
  	gap: 0px;
  	font-size: 16px;
}
.frame-parent11 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 24px;
}
.navigation {
  	align-self: stretch;
  	backdrop-filter: blur(12px);
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 20px 80px;
  	gap: 0px;
}
.szolgltatsok2 {
  	position: relative;
  	font-weight: 600;
}
.menu-item4 {
  	border-radius: 8px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 12px;
  	gap: 8px;
}
.menu-item-parent {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 8px;
}
.problmm-van-wrapper {
  	border-radius: 6px;
  	background-color: #06e37e;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 16px 20px;
  	color: #104237;
}
.frame-parent15 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 12px;
}
.navigation1 {
  	align-self: stretch;
  	height: 60px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 16px 80px;
  	box-sizing: border-box;
  	gap: 0px;
}
.navigation-parent {
  	position: absolute;
  	top: 0px;
  	left: calc(50% - 719px);
  	width: 1439px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 16px;
}
.root-page {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	overflow: auto;
  	text-align: left;
  	font-size: 40px;
  	color: #fff;
  	font-family: Sen;
	height: auto;          /* override fixed 4130px */
    min-height: 100dvh;
}

