body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
		background-color: #f0f0f0;
    }

    .header {
        background-color: #333;
		max-width: 100%;
        box-sizing: border-box;
        position: relative;
		margin-bottom: 0px; 
    }

    .header-content {
        max-width: 1260px;
		width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        position: relative;
    }

    .logo {
        color: white;
        font-size: 24px;
        text-decoration: none;
    }
	
	.anacerceveve {
		max-width: 1260px;
		width: 90%;
		margin: 0 auto;
		/*padding: 20px;*/
		box-sizing: border-box;
		background-color: #f0f0f0;
	}

    .menu {
        display: flex;
        gap: 20px;
        list-style: none;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
        flex-grow: 1;
    }

    .menu-item {
        color: white;
        text-decoration: none;
        transition: color 0.3s;
    }

    .menu-item:hover {
        color: #ffc107;
    }

    /* Mobil Uyum */
    @media (max-width: 768px) {
        .header-content {
            flex-direction: column;
            align-items: center;
        }

        .menu {
            display: none;
            flex-direction: column;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #333;
            padding: 20px 0;
            z-index: 1;
        }

        .menu.active {
            display: flex;
            width: 100%;
        }

        .menu-item {
            margin: 10px 0;
        }

        .menu-toggle {
            color: white;
            font-size: 24px;
            cursor: pointer;
            display: none;
            text-align: center;
        }

        .logo {
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
        }

        .menu-toggle.show {
            display: block;
        }
    }
	
	.icerik {
			
			padding: 20px; /* Kenar boşlukları ekler */
            background-color: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 0px;
            margin-top: 20px;
			margin-bottom: 40px; 
        }
		
		
		label {
            font-weight: bold;
            color: #555;
        }

        .custom-textarea {
            width: 100%;
            padding: 0px;
            border: none;
            border-radius: 8px;
            background-color: #f8f8f8;
            resize: none;
            font-size: 16px;
            color: #5b5b5b;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: border-color 0.3s ease;
			font-family: 'proxima-nova', sans-serif;
        }

        .custom-textarea:focus {
            outline: none;
            border-color: #333;
        }
		
		.pageTitle {
            font-size: 22px;
        }

        h2 {
            margin-top: 20px;
            color: #555;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        li {
            margin-bottom: 0px;
            color: #777;
        }

        .sonuclar {
            background-color: #fff;
            padding: 15px;
            border: 1px solid #ccc;
            border-radius: 8px;
            margin-top: 20px;
        }

        .sonuclar h2 {
            margin-top: 0;
            color: #555;
        }

        .sonuclar ul {
            margin-top: 10px;
            padding-left: 20px;
        }

        .sonuclar li {
            margin-bottom: 5px;
        }
		
		table {
            border-collapse: collapse;
            width: 100%;
            table-layout: fixed;
			border: 1px solid #9e9e9e66;
        }

        th, td {
            border: 1px solid black;
            /*padding: 8px;*/
            text-align: center;
            white-space: nowrap; /* Uzun içeriklerin taşmasını önlemek için */
            overflow: hidden; /* Taşan içerikleri gizlemek için */
            text-overflow: ellipsis; /* Taşan içerikleri ... ile göstermek için */
			padding: 8px; /* Satır yüksekliklerini azalt */
			border: 1px solid #9e9e9e66;
			/*background-color: lightblue;*/ /* hücre arkplan rengi */
        }
		
		
		
			/* diğer içerikler */
			.digerhesaplamaaraclari {
			box-sizing: border-box;
			position: relative;
			margin-bottom: 50px; 
			}

			.digerhesaplamaaraclari-icerik {
			max-width: 1260px;
			width: 90%;
			margin: 0 auto;
			padding: 10px 20px;
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			}

			.pageTitle {
			width: 100%;
			text-align: left;
			margin-bottom: 20px;
			}

			.pageTitleDiger {
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			}

			.kutucuk {
			background-color: #fff;
			padding: 20px;
			border-radius: 8px;
			flex-basis: calc(25% - 20px);
			margin-bottom: 20px;
			box-sizing: border-box;
			text-align: center;
			}

			.kutucuk-icerik {
			display: flex;
			flex-direction: column;
			align-items: center;
			}

			.kutucuk-icerik i {
			font-size: 30px;
			margin-bottom: 10px;
			}

			.kutucuk-icerik p a {
			color: black; /* Link rengini siyah yap */
			transition: color 0.3s; 
			text-decoration: none;
			}

			.kutucuk-icerik p a:hover {
			color: red; /* Linkin üzerine gelindiğinde rengi kırmızı yap */
			}

			/* Mobil Cihazlar İçin */
			@media screen and (max-width: 768px) {
			.kutucuk {
			flex-basis: calc(50% - 20px);
			}
			}

			/* diğer içerikler bitti */
			
			
		
		 @media (max-width: 600px) {
            table {
                display: block;
                width: 100%;
				border: none; /* Sadece mobilde çizgileri kaldır */
            }

            th, td {
                display: block;
                width: 100%;
                box-sizing: border-box;
                border: none; /* Sütun sınırlarını kaldır */
                padding: 8px 0; /* Dikey içerik boşluğunu ayarla */
                text-align: left; /* Sütun içeriğini sola hizala */
                white-space: normal; /* İçerik taşmalarını düzgünce göster */
                text-overflow: clip; /* Taşan içerikleri kesmeden göster */
				padding: 2px 0; /* Dikey içerik boşluğunu ayarla */
            }
        }
		
		
				#tablo1 {
				border: 0 !important;
				border-collapse: collapse;
				border: 0;
				}

				#tablo1 th,
				#tablo-ekstra td {
				border: 0;
				}
				
				
				.sonucrenk {
				color: #ff5733; 
				font-weight: bold;
				font-family: 'Arial', sans-serif; 
				}
				
				
				.footer {
				background-color: #333;
				color: white;
				padding: 20px;
				}

				.footer-content {
				max-width: 1260px;
				margin: 0 auto;
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				}

				.footer p {
				margin: 10px 0;
				}

				.footer-links {
				list-style: none;
				padding: 0;
				margin: 0;
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
				justify-content: center;
				}

				.footer-links li {
				margin: 0;
				}

				.footer-links a {
				color: white;
				text-decoration: none;
				transition: color 0.3s;
				}

				.footer-links a:hover {
				color: #ffc107;
				}

				@media (min-width: 768px) {
				.footer-content {
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				}
    
				.footer p {
				margin: 0;
				}
			}

			/* sayfa açıklaması */
			.SayfaAciklamasi {
				max-width: 1260px;
				width: 90%;
				box-sizing: border-box;
				position: relative;
				margin-bottom: 50px;
				margin: 0 auto;
				padding: 10px 20px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				text-align: left;
				background: #fff;
			}

			.baslik h2 {
				margin-bottom: 10px;
			}

			.aciklama {
				width: 100%; /* Açıklamanın genişliğini yüzde yüz yap */
			}

			.aciklama p {
				margin-top: 0;
			}

			@media (min-width: 768px) { /* Ekran genişliği 768 pikselden büyükse */
			.aciklama {
				flex-basis: 100%; /* Açıklama alanını yüzde yüz genişlet */
				}
			}

			/* sayfa açıklaması son */
			
			.altbilgi {
				max-width: 1260px;
				width: 90%;
				margin: 0 auto;
				font-size: 12px;
				box-sizing: border-box;
				position: relative;
				padding: 10px 20px;
				flex-wrap: wrap;
				text-align: left;
				background: #ebebeb;
			}