/** ADD YOUR AWESOME CODES HERE **/
.page-btn {
    background-color: transparent; /* Initially transparent */
    border: 1px solid #ccc; /* Light border */
    color: #333; /* Default text color */
    transition: all 0.3s ease-in-out; /* Smooth transition */
    
}

.page-btn:hover {
    background-color: #f0f0f0; /* Light hover effect */
}

.active-page {
    background-color: #394565 !important; /* Highlight active button */
    border-color: #222d4d !important;
    color: white !important;
    font-weight: bold;
}

.btn[data-resolution], .btn[data-case] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.btn[data-resolution]:hover, .btn[data-case]:hover {
    background-color: #f0f0f0;
}

.active-filter {
    background-color: #AEBFEC !important;
    border-color: #AEBFEC !important;
    color: white !important;
    font-weight: bold;
}

.pagination{
justify-content: center;
}