.topaksnwe{
      max-width:1200px;
      margin:auto;
      padding:40px 20px;
      font-family:Arial,Helvetica,sans-serif;
      }
      .topaksnwe .grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:25px;
      margin-bottom: 50px;
      }
      .topaksnwe .card{
      background:#fff;
      border-radius:16px;
      overflow:hidden;
      box-shadow:0 12px 30px rgba(0,0,0,.08);
      transition:.3s;
      }
      .topaksnwe .card:hover{
      transform:translateY(-6px);
      }
      .topaksnwe img{
      width:100%;
      height:200px;
      object-fit:cover;
      display:block;
      }
      .topaksnwe .cnt{
      padding:15px;
      text-align:center;
      }
      .topaksnwe h3{
      margin:0;
      font-size:18px;
      color:#0f172a;
      line-height:1.4;
      }
      .topaksnwe .stars{
      color:#fbbf24;
      font-size:15px;
      margin:6px 0;
      }
      .topaksnwe .dur{
      font-size:14px;
      color:#475569;
      margin-bottom:8px;
      }
      .topaksnwe .price{
      margin-bottom:12px;
      }
      .topaksnwe .cut{
      color:#94a3b8;
      text-decoration:line-through;
      font-size:14px;
      margin-right:6px;
      display: block;
      }
      .topaksnwe .act{
      color:#ef4444;
      font-weight:bold;
      font-size:18px;
      display: block;
      }
      .topaksnwe a.details-btn{
      display:inline-block;
      padding:10px 22px;
      border-radius:30px;
      background:linear-gradient(135deg,#0ea5e9,#0284c7);
      color:#fff;
      text-decoration:none;
      font-size:14px;
      transition:.3s;
      }
      .topaksnwe a.details-btn:hover{
      background:linear-gradient(135deg,#0284c7,#0369a1);
      }
      
      /* Pagination Styles */
      .pagination-container {
         text-align: center;
         margin-top: 40px;
         padding-top: 30px;
         border-top: 1px solid #e2e8f0;
      }
      
      .pagination {
         display: inline-flex;
         list-style: none;
         padding: 0;
         margin: 0;
         gap: 8px;
      }
      
      .pagination a,
      .pagination span {
         display: inline-block;
         padding: 10px 18px;
         border-radius: 8px;
         text-decoration: none;
         color: #475569;
         font-weight: 500;
         transition: all 0.3s;
         border: 1px solid #e2e8f0;
         background: #fff;
         min-width: 45px;
         text-align: center;
      }
      
      .pagination a:hover {
         background: #0284c7;
         color: #fff;
         border-color: #0284c7;
      }
      
      .pagination .current {
         background: #0284c7;
         color: #fff;
         border-color: #0284c7;
      }
      
      .pagination .dots {
         border: none;
         background: transparent;
         padding: 10px 8px;
      }
      
      /* No results message */
      .no-packages {
         text-align: center;
         padding: 60px 20px;
         background: #f8fafc;
         border-radius: 16px;
         margin: 20px 0;
      }
      
      .no-packages p {
         font-size: 18px;
         color: #64748b;
         margin-bottom: 20px;
      }
      
      /* Responsive */
      @media(max-width:1024px){
         .topaksnwe .grid{
            grid-template-columns:repeat(2,1fr);
         }
         .pagination a,
         .pagination span {
            padding: 8px 14px;
            min-width: 40px;
         }
      }
      @media(max-width:600px){
         .topaksnwe .grid{
            grid-template-columns:1fr;
         }
         .pagination a,
         .pagination span {
            padding: 6px 10px;
            min-width: 35px;
            font-size: 14px;
         }
      }