@font-face {
		font-family: 'HelveticaLight';
		src: url('../font/HelveticaNeueLight.otf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'HelveticaThin';
		src: url('../font/HelveticaNeueThin.otf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	body { 
		margin:0;
		background: #000; 
		color: #fff;
	}

	.section {
		margin: auto;
	}

	.center {
		text-align: center;
	}

	.main-image img {
		max-width: 53%;
		display: block;
		margin: auto;
		margin-top: -80px;
	}

	.main-logo {
		margin-left: 35px;
	}

	.main-logo img {
		max-width: 600px;
		display: block;
		margin: auto;
		margin-top:70px;
	}

	.headline {
		font-family: 'HelveticaThin', sans-serif;
		font-size: 70px;
		font-weight: 300;
		text-align: center;
		margin: 40px 0 20px;
	}

	.description {
		font-family: 'HelveticaLight', sans-serif;
		color: #ccc;
		font-size: 22px;
		max-width: 900px;
		margin: 0 auto 0px;
		text-align: center;
		line-height: 1.4;
		margin-top: 50px;
	}

	.wide-image img {
		width: 80%;
		display: block;
		margin:auto;
	}

	.icon-row {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 60px;
		gap:120px;
	}

	.icon-row .icon {
		padding: 10px;
		width: 220px;
		text-align: center;
	}


	.icon img {
		width: 300px;
		margin-bottom: 10px;
	}

	.icon p {
		font-size: 14px;
		color: #bbb;
	}

	.why-section {
		width:90%;
		height: 600px;
		display: flex;
		gap: 40px;
		align-items: center;
		margin-bottom: 80px;
		justify-content: space-evenly;
		align-items: center;
		border:1px solid #9f9f9f;
		padding: 50px;
	}

	.why-text h2 {
		font-family: 'HelveticaThin', sans-serif;
		font-size: 45px;
		margin-bottom: 40px;
		letter-spacing:2px;
		line-height:55px;
	}

	.why-text {
		width: 50%;
	}

	.why-text p {
		font-family: 'HelveticaLight', sans-serif;
		color: #ccc;
		font-size: 0.9vw;
		line-height:1.3;
	}

	.why-image {
		text-align: right;
	}

	.why-image img {
		width: 80%;
	}

	.parts-row {
		display: flex;
		gap: 30px;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom:80px;
	}

	.parts-row .part {
		background: #111;
		width: 21.4%;
		text-align: center;
		border: 1px solid #9f9f9f;
	}

	.parts-row .part img {
		width: 100%;
	}

	.parts-row .part button {
		font-family: "Poppins", sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
		background: white;
		border: 1px solid #fff;
		color: #000000;
		text-align:left;
		width:100%;
		font-size: 16px;
		font-weight:600;
		cursor: pointer;
		margin: auto;
	}

	.part a {
		text-decoration:none;
	}

	.arrow {
		background-color: white;
		width: 30px;
		height: 30px;
		line-height: 40px;
		font-size: 35px;
		color: black;
		padding: 6px 10px;
	}

	@media (max-width: 768px) {
		.why-section {
			flex-direction: column;
			text-align: center;
		}

		.why-image img {
			margin: auto;
		}

		.main-logo {
			margin-left: 0px;
		}	  
		.main-logo img {
			width:60%;
			margin-top: 80px;
		}

		.main-image img {
			max-width: 85%;
			margin-top: -25px;
		}
		.headline {
			font-size: 35px;
		}

		.description{
			font-size: 16px;
		}

		.wide-image img {
			width: 96%;
		}

		.icon img  {
			width: 180px;
		}

		.icon-row {
			gap:0;
			margin-bottom: 30px;
		}

		.icon-row .icon {
			width: 220px;
			padding: 4px;
		}

		.icon {
			flex: 1 1 calc(50% - 20px);
			max-width: calc(50% - 20px);
		}

		.why-section {
			width: 90%;
			height: 582px;
			padding: 0px;
		}

		.why-text {
			width: 90%;
		}

		.why-text h2 {
			font-size: 30px;
			line-height: 40px;
			margin-bottom: 20px;
		}

		.why-text p {
			font-size: 14px;
		}

		.why-image img {
			width: 100%;
		}

		.parts-row {
			display: flex;
			flex-wrap: nowrap;
			gap: 15px;
			overflow-x: auto;
			padding: 10px;
			margin: 10px
			scroll-snap-type: x mandatory;
			justify-content: flex-start;
		}

		.parts-row::-webkit-scrollbar {
			display: none;
		}

		.parts-row .part {
			flex: 0 0 auto;
			width: 250px;
			scroll-snap-align: start;
			background: #111;
			border: 1px solid #9f9f9f;
			text-align: center;
		}
	}