/* HEADER DAKİ AGENTS KISMI */
.icon-box {
background-color: #000; /* siyah */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, background-color 0.3s ease;
}

.icon-box:hover {
transform: scale(1.1);
background-color: #ffffff;
}

.more-icon {
cursor: pointer;
background-color: #212529; /* biraz daha açık siyah */
}

.more-icon:hover {
background-color: #ffc107; /* sarı */
}

.more-icon:hover i {
color: #000 !important; /* hover'da yazı siyah olsun */
}
.hover-btn:hover {
background-color: #ffca2c !important;
color: #ffffff !important; /* Yazı rengi beyaz */
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(255, 193, 7, 0.6);
}