@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: 55%;
		display: block;
		margin: auto;
	}

	.main-logo h1 {
		font-family: 'HelveticaThin', sans-serif;
		font-size:85px;
		text-align:center;
		display: block;
		margin: auto;
		margin-top: 160px;
		letter-spacing:4px;
		font-weight:100;
	}

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

	.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: 60%;
		display: block;
		margin: 20px auto;
	}

	.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;
	}

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

	.why-text {
		width: 80%;
		margin-left: 50px;
	}

	.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: 100%;
	}

	.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;
	}

	#buttonContent {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap:20px;
	}

	#toggleButton {
		font-family: "Poppins", sans-serif;
		background: white; 
		color: black; 
		border: none; 
		padding: 5px 15px; 
		font-size: 16px; 
		font-weight:600;
		cursor: pointer;   
		margin: auto; 
		gap: 15px;
	}


	#toggleButton img {
		transform: rotate(90deg);
		width:30px;
		margin-top:5px;
	}


	#more-info {
		font-family: 'HelveticaLight', sans-serif;
		background: #fff; 
		color: #000; 
		padding: 60px 20px; 
		margin-top: 40px; 
		display: none; 
		transition: all 0.3s ease; 
		margin-bottom: 70px;
	}

	#more-info .more-info-aciklama {
		max-width: 75%; 
		margin: auto;
	}

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

		.why-image img {
			margin: auto;
		}

		.main-logo h1 {
			font-size:40px;
			margin-top: 115px;
		}

		.main-image img {
			margin-top: -5px;
			max-width: 100%;
		}

		.headline {
			font-size: 30px;
			margin: 20px 0 20px;
		}

		.description{
			font-size: 16px;
			width: 90%;
		}

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

		.icon img {
			width: 260px;
			margin-bottom: 0px;
		}

		.icon-row {
			gap: 0px;
		}

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

		.why-text {
			width: 90%;
			margin-left: 0px;
		}

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

		.why-text p {
			font-size: 15px;
			line-height:1.1;
		}

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

		#more-info .more-info-aciklama {
			max-width: 85%; 
			margin: auto;
		}


		.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;
		}
	}