.pagination-div{margin-bottom:30px}.container{max-width:800px;margin:50px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-family:Arial,sans-serif}.list-group-item{background-color:white;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:15px;transition:box-shadow .3s ease}.list-group-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.list-group-item h3{margin-bottom:10px;font-size:1.4rem;color:#333}.list-group-item p{color:#666;line-height:1.6}.pagination{display:flex;justify-content:center;padding-left:0;list-style:none;margin-top:20px}.pagination li{margin:0 5px}.pagination li a{display:inline-block;padding:10px 15px;background-color:white;color:#333;border:1px solid #ddd;text-decoration:none;transition:background-color .3s ease,color .3s ease;cursor:pointer}.pagination li a:hover,.pagination li.active a{background-color:#333;color:white}.pagination li.active a{border-color:#333}.mb-3{margin-bottom:20px;display:flex;align-items:center;justify-content:flex-end}.mb-3 label{margin-right:10px;font-weight:700;font-size:1.1rem;color:#333}.mb-3 select{padding:8px 12px;border-radius:5px;border:1px solid #ddd;font-size:1rem;transition:border-color .3s ease}.mb-3 select:focus{outline:none;border-color:#333}@media (max-width:600px){.pagination{font-size:14px;gap:6px}.pagination li a{padding:5px 8px}.next,.prev{display:none}}