     <style>
        .topheadlinecard .card-body {
            padding: 10px 15px;
            background: #fff;
            padding-left:0px;

        }
          .topheadlinecard .card-body a {
        text-decoration: none;
 font-size: 15px;
   font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }
        .topheadlinecard. .card-body .card-text {
            color: #524C4C;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            margin: 0;
           font-size: 15px;
             display: -webkit-box;
            -webkit-line-clamp: 2; /* İki satırla sınırlama */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .topheadlinecard{
          border:0;
        }
    </style>

  <div class="container mt-5 mobile-hide">
        <div class="row">
            @foreach($topheadlines as $topheadline)
            <div class="col-md-4 mb-3">
                <div class="card h-100 topheadlinecard">
                     {!! getNewsLink($topheadline) !!}<img src="/uploads/images/news/{{ date("Y/m/d", strtotime($topheadline->date)) }}/{{ $topheadline->news_image }}" class="card-img-top" alt="{{$topheadline->name}}"></a>
                    <div class="card-body">
                           {!! getNewsLink($topheadline) !!}<p class="card-text">{{$topheadline->name}}</p></a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>

            <div class="ads container fullWidthHeight">{!! showAd('002') !!}</div>
