body {
		font-family: Arial, sans-serif;
	}
	.hero-section {
		background: #00a2ff;
		color: white;
		text-align: center;
		padding: 50px 20px;
	}
	.hero-section h1 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}
	.hero-section p {
		font-size: 1.2rem;
	}
	.hero-section .btn-primary {
		background-color: #ffcc00;
		border-color: #ffcc00;
		color: black;
	}
	.panel-section {
		padding: 50px 20px;
		text-align: center;
	}
	.panel-section h2 {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	.panel-card {
		background: white;
		height:150px;
		border: 1px solid #ddd;
		border-radius: 8px;
		padding: 20px;
		transition: box-shadow 0.3s ease-in-out;
	}
	.panel-card:hover {
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}
	.features-section {
		background: #f8f9fa;
		padding: 50px 20px;
	}
	.features-section .icon {
		font-size: 2rem;
		color: #00a2ff;
	}
	.footer-section {
		background: #007bff;
		color: white;
		padding: 20px 0;
		
	}
	.footer-section h6 {
		font-size: 1rem;
		margin-bottom: 15px;
	}
	.footer-section ul {
		padding: 0;
		list-style: none;
	}
	.footer-section ul li a {
		color: white;
		text-decoration: none;
	}
	.footer-section ul li a:hover {
		text-decoration: underline;
	}
	.footer-section img {
		max-width: 50px;
	}
	.footer-bottom {
		background-color: #007bff;
		color: white;
		padding: 10px 0;
		text-align: center;
	}
	.badge {
		font-size: 0.8rem; /* Badge yazı boyutu */
		width: 1.5rem; /* Çember genişliği */
		height: 1.5rem; /* Çember yüksekliği */
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%; /* Çember yapısı */
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hafif gölge */
	}

	.nav-item .btn {
		margin-right: 10px; /* Butonlar arasında boşluk */
	}