.kutu-blok-02 .vc_column-inner {
  column-count: 4;
  column-gap: 1rem; /* her sütun arası 1rem boşluk */
}

.kutu-blok-02 .kutu {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 1rem; /* alt boşluk ekleyelim ki düşeyde yapışmasın */
	padding: 3.5rem !important;
	color: #fff;
	font-size: clamp(1.2rem,1.3vw,1.4rem);
	border-radius:1rem;
	line-height:1.7;
}

.kutu-blok-02 .kutu .text-1{
	font-size:clamp(4.5rem,4.5vw,4.7rem);
	font-weight:bold;
	line-height:1.5;
}
.kutu-blok-02 .kutu .text-2{
	font-size:clamp(2rem,2.1vw,2.2rem);
	font-weight:bold;
}

/* Yükseklikler */
.kutu-blok-02 .kutu-1,
.kutu-blok-02 .kutu-4,
.kutu-blok-02 .kutu-5,
.kutu-blok-02 .kutu-8 {
  height: 420px;
}

.kutu-blok-02 .kutu-2,
.kutu-blok-02 .kutu-3,
.kutu-blok-02 .kutu-6,
.kutu-blok-02 .kutu-7 {
  height: 280px;
}

/* Renkler */
.kutu-blok-02 .kutu-1{ background-color: #cce4c3; color: #658e4f; }
.kutu-blok-02 .kutu-2 { background: green; }
.kutu-blok-02 .kutu-3 { background-color: purple; }
.kutu-blok-02 .kutu-4 { background-color: #e1d6e7; color: #947ba0; }
.kutu-blok-02 .kutu-5 { background-color: #d7e0e6; color: #9aa7af; }
.kutu-blok-02 .kutu-6 { background-color: orange; }
.kutu-blok-02 .kutu-7 { background-color: #f2f2f2; color: #222; }
.kutu-blok-02 .kutu-8 { background-color: #f9e0cb; color: #ba7e4c; }

@media (max-width: 768px) {
  .kutu-blok-02 {
    column-count: 1;
  }
}

@media (max-width: 1024px) {
	.kutu-blok-02 .vc_column-inner {
		column-count: 1;
	}

	.kutu-blok-02 .kutu {
		width: 100%;
		height: auto !important;
		min-height: 50vh;
	}

	.kutu-blok-02 .kutu-1,
	.kutu-blok-02 .kutu-2,
	.kutu-blok-02 .kutu-3,
	.kutu-blok-02 .kutu-4,
	.kutu-blok-02 .kutu-5,
	.kutu-blok-02 .kutu-6,
	.kutu-blok-02 .kutu-7,
	.kutu-blok-02 .kutu-8 {
		height: auto !important;
	}
}