     <style>
        .topheadlinecard {
            border: none;
        }
        .topheadlinecard .card-body .card-img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        .topheadlinecard  .card-body {
            position: relative;
            padding: 0;
            padding-bottom: 0px !important;
        }
        .topheadlinecard .card-body .card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
            padding: 10px;
            color: #ffffff;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
              display: -webkit-box;
            -webkit-line-clamp: 2; /* İki satırla sınırlama */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        },

          .topheadlinecard .card-body .card-overlay  a {
        text-decoration: none;
 font-size: 15px;
   font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }
       
        . .card-overlay > .card-text {
            color: #524C4C;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            margin: 0;
           font-size: 15px;
        }
        .row {
            gap: 0; /* Kartlar arası boşluk olmaması için */
        }

         .topheadlinecard{
         height: 300px;
        }
    </style>

   <div class="container mt-5">
        <div class="row ">
             <?php $__currentLoopData = $topheadlines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $topheadline): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-md-6">
                <div class="card topheadlinecard">
                    <div class="card-body">
                         <?php echo getNewsLink($topheadline); ?><img src="/uploads/images/news/<?php echo e(date("Y/m/d", strtotime($topheadline->date))); ?>/<?php echo e($topheadline->news_image); ?>" class="card-img" alt="<?php echo e($topheadline->name); ?>"></a>
                        <div class="card-overlay">
                                                      <?php echo getNewsLink($topheadline); ?><p class="card-text" style=" color: #fff;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            margin: 0;
           font-size: 20px;
             display: -webkit-box;
            -webkit-line-clamp: 2; /* İki satırla sınırlama */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;"><?php echo e($topheadline->name); ?></p></a>

                        </div>
                    </div>
                </div>
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
<?php /**PATH /home/kocaeliduysun/public_html/resources/views/topheadlines/top_headline_4.blade.php ENDPATH**/ ?>