.pagination-container .pagination {
    justify-content: center;
}
.pagination .page-item {
    margin: 0 5px;
}
.pagination .page-item .page-link {
    border-radius: 6px;
    color: #007bff;
    border: 1px solid #dee2e6;
    padding: 8px 14px;
    transition: all 0.2s ease-in-out;
}
.pagination .page-item.active .page-link {
    background-color: #ff7f27;
    color: #fff;
    border-color: #ff7f27;
}
.pagination .page-item .page-link:hover {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.alphabet-grid .alpha-btn {
    background: none;
    border: none;
    border-radius: 8px;
    width: 20px;
    color: #333;
    /* font-weight: bold; */
    cursor: pointer;
    transition: 0.3s;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}

.alphabet-grid .alpha-btn:hover,
.alphabet-grid .alpha-btn.active {
    /* background: #0d1b2a; */
    color: #0d1b2a;
    transform: scale(1.1);
}
.alphabet-grid .alpha-btn {
    display: inline-block;  
        
}

.alphabet-grid .alpha-btn::after {
    content: "|";
    margin-left: 5px;       
    color: #555;   
}