.egitim-filter-wrap {
			margin-bottom: 30px;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.egitim-filter-wrap::-webkit-scrollbar {
			display: none;
		}

		.egitim-filter {
			display: flex;
			gap: 10px;
			white-space: nowrap;
		}

		.filter-btn {
			border: 1px solid #ddd;
			background: #fff;
			padding: 8px 9px;
			font-size: 14px;
			cursor: pointer;
			border-radius: 3px;
			transition: all 0.2s ease;
		}

		.filter-btn.active {
			background: #0d6efd;
			color: #fff;
			border-color: #0d6efd;
		}

		.egitim-item {
			display: flex;
			padding-bottom: 20px;
		}

		.egitim-card {
			border: 1px solid #e5e5e5;
			background: #fff;
			margin-bottom: 20px;
			width: 100%;
			display: flex;
			flex-direction: column;
			height: 100%;
			transition: all 0.3s ease;
		}

		.egitim-card:hover {
			box-shadow: 0 10px 25px rgba(0,0,0,0.08);
			transform: translateY(-4px);
		}

		.egitim-card-img {
			position: relative;
			padding-top: 66.66%; /* 3:2 oran */
			overflow: hidden;
		}

		.egitim-card-img img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		.egitim-card-body {
			padding: 12px;
			display: flex;
			flex-direction: column;
			flex: 1;
		}

		.egitim-card-body h4 {
			font-size: 15px;
			font-weight: 700;
			margin-bottom: 6px;
			line-height: 1.3;
		}

		.egitim-card-body p {
			font-size: 13px;
			color: #555;
			flex: 1;
		}

		.egitim-card-body .btn {
			margin-top: 10px;
			align-self: flex-start;
		}

		.egitim-hub .row {
			display: flex;
			flex-wrap: wrap;
		}

		.egitim-hub .row > [class*="col-"] {
			display: flex;
		}

		@media (max-width: 768px) {
			.egitim-item {
				width: 50%;
				float: left;
				padding-left: 6px;
				padding-right: 6px;
				padding-bottom: 10px;
			}

			.egitim-card-body h4 {
				font-size: 13px;
			}

			.egitim-card-body p {
				font-size: 12px;
			}

			.egitim-card-body .btn {
				width: 100%;
				text-align: center;
			}

			.detay-btn{
				padding: 1px 1px 1px 1px!important;	
			}
		}

		.egitim-item.hide {
			display: none !important;
		}
		h3{
		    font-size:15px!important;
		}