.box-minimal-dis-kutu {
    transition: all 0.2s ease-in-out;
}
    .box-minimal-dis-kutu:hover {
        border: 1px solid #aeb1be; /* Bootstrap primary border rengi */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Bootstrap benzeri gölge efekti */
        border-radius: 25px;
        background-color: darkgray;
        cursor:pointer;
    }

.katagoriBox {
    height: 380px;
    /*align-items:center;*/
}
.modal-title-custom {
    color: white;
    font-weight: bold;
}
.proje-media:hover img {
    transform: scale(1.03); /* %3 büyütme */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Gölge ekleme */
    opacity: 0.9;
}

.proje-media img {
    width: 100%;
    transition: transform 1.55s ease-in-out; /* Geçiş animasyonu */
}

.proje-media {
    position: relative;
    display: block;
    transition: transform .22s ease-in-out; /* Geçiş animasyonu */
}