.text-rose {
      color: #0084D1;
    }

    .blog-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }

    .blog-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    .blog-card img {
      height: 220px;
      object-fit: cover;
      transition: transform 0.4s ease;
    }

    .blog-card:hover img {
      transform: scale(1.08);
    }

    .blog-meta {
      font-size: 0.875rem;
      color: #6c757d;
    }

    .blog-title {
      font-size: 1.25rem;
      font-weight: 600;
      color: #212529;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .blog-excerpt {
      font-size: 0.95rem;
      color: #495057;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .top-head {
      background: linear-gradient(126deg, rgba(48, 139, 219, 0.1) 45%, rgba(238, 54, 255, 0.1) 100%);
    }

    .btn-read-more {
      background: #0084D1;
      color: #fff;
      border: none;
      padding: 8px 20px;
      border-radius: 6px;
      font-size: 0.9rem;
      font-weight: 500;
      transition: background 0.3s ease;
    }

    .btn-read-more:hover {
      background: #006bb0;
      color: #fff;
    }
    /* Pagination Styles */
    .pagination {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 40px;
    }

    .page-link {
      padding: 10px 16px;
      border: 2px solid #dee2e6;
      background: #fff;
      color: #495057;
      border-radius: 8px;
      font-weight: 500;
      transition: all 0.3s ease;
      text-decoration: none;
    }

    .page-link:hover,
    .page-link.active {
      background: #0084D1;
      color: #fff;
      border-color: #0084D1;
    }

    .page-link.disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }