/*.carousel-item img {
    object-fit: cover;
    object-position:bottom;
    height: 600px;*/ /* Yüksekliği 400px olarak ayarladık, ihtiyaca göre ayarlayabilirsiniz */
/*}*/
/* Karusel Yazı Stili */
.carousel-caption h5 {
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}
/* Proje Kartının Görünümü */
.card {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .card:hover {
        transform: translateY(-10px); /* Kart hover ile yukarıya kayacak */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

/* Resim ve Kartın Altında Animasyon */
.project-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
}

/* Hover ile buton ve proje adı görünür olacak */
.project-overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Arka planda koyu bir renk ekledik */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.card:hover .project-overlay {
    opacity: 1; /* Kart hover ile buton ve proje adı görünür */
}

/* Buton Hover Animasyonu */
.btn-light {
    color: #007bff;
    background-color: #fff;
    border-color: #007bff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

    .btn-light:hover {
        background-color: #007bff;
        color: white;
        border-color: #0056b3;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }
/* Ok simgelerini daha kalın ve siyah yapalım */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 50px;
    height: 50px;
}

/* Sol ok - Siyah */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 0-.708 0L4.5 7.793a.5.5 0 0 0 0 .707l6.146 6.146a.5.5 0 0 0 .708-.707L5.707 8l5.647-5.646a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E");
}

/* Sağ ok - Siyah */
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0L11.5 7.793a.5.5 0 0 1 0 .707l-6.146 6.146a.5.5 0 0 1-.708-.707L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}