  .date-picker {
            display: flex;
            align-items: center;
            background-color: orange;
            padding: 5px;
            border-radius: 5px;
            }

            .date-picker-icon {
                margin-right: 5px;
                /* Burada istediÄŸiniz ikonu kullanabilirsiniz */
            }

            .date-picker input[type="date"] {
                border: none;
                background-color: transparent;
                color: white;
                /* TarayÄ±cÄ±nÄ±n varsayÄ±lan tarih seÃ§ici stilini deÄŸiÅŸtirmek iÃ§in ek CSS gerekli olabilir */
            }

            .date-picker input[type="date"]:read-only {
                cursor: default;
            }
            .blog-image {
                width: 100%;
                height: 600px;
                display: block; /* Resmi blok elemanÄ± yapar */
                margin: 0 auto; /* Resmi yatay olarak ortalar */
            }

            /* Blog detay baÅŸlÄ±ÄŸÄ± iÃ§in stil */
            .blog-title {
                text-align: center; /* BaÅŸlÄ±ÄŸÄ± ortalar */
                margin-bottom: 20px; /* BaÅŸlÄ±k altÄ±nda boÅŸluk bÄ±rakÄ±r */
            }

            /* Blog detay paragrafÄ± iÃ§in stil */
            .blog-content {
                text-align: justify; /* Metni her iki tarafa yaslar */
                margin-bottom: 20px; /* Paragraf altÄ±nda boÅŸluk bÄ±rakÄ±r */
            }

            .card-img-bottom {
                width: 100%;
                height: 200px; /* Sabit yÃ¼kseklik */
                object-fit: cover;
            }
            .row {
                display: flex;
                flex-wrap: wrap;
            }
            .card {
                display: flex;
                flex-direction: column;
                height: 100%;
            }
            .card-body {
                display: flex;
                flex-direction: column;
                flex-grow: 1;
            }
            .card-body > a {
                margin-top: auto; /* Linki kartÄ±n altÄ±na sabitler ve iÃ§eriÄŸin yÃ¼ksekliÄŸinden baÄŸÄ±msÄ±z hale getirir */
            }