/* for pagnation */
    
    .page-link {
        background-color: var(--bs-pagination-border-color) !important;
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        margin: 0 !important;
    }
    
    .page-item a {
        margin: 0 !important;
    }
    
    .page-link:hover {
        background-color: var(--secondary-hover) !important;
    }
    
    .page-link:hover {
        z-index: 2;
        color: var(--bs-pagination-hover-color);
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color);
    }
    
    .page-item .page-link {
        border-top-left-radius: var(--bs-pagination-border-radius);
        border-bottom-left-radius: var(--bs-pagination-border-radius);
        background-color: var(--bs-pagination-border-color) !important;
    }
    
    .page-item:not(:first-child) .page-link {
        /* margin-left: 5px !important; */
    }
    
    .page-link:hover {
        background-color: var(--secondary-hover) !important;
        color: var(--secondary-color);
        border-color: var(--secondary-color);
        box-shadow: 0 0.125rem 0.25rem rgba(255, 122, 24, 0.6362920168067228) !important;
    }
    
    .page-item {
        transform: rotate(45deg) !important;
    }
    
    .not-rotate-text {
        display: table-cell;
        transform: rotate(-45deg) !important;
        /* vertical-align: middle !important; */
        text-align: center !important;
        padding-right: .25rem !important;
        padding-left: .25rem !important;
        font-style: initial;
        /* height:20;
    width: 20; */
    }
    
    .page-item i {
        display: table-cell;
        transform: rotate(-45deg) !important;
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }
    
    .pagination-sm {
        --bs-pagination-border-radius: 0rem !important;
    }
    
    .pagination {
        --bs-pagination-border-radius: 0rem !important;
        --bs-pagination-color: var(--secondary-color);
    }
    
    .page-item.active,
    .pagination-secondary .page-item.active .page-link,
    .pagination-secondary .page-item.active .page-link:hover,
    .pagination-secondary .page-item.active .page-link:focus,
    .pagination-secondary.pagination li.active>a:not(.page-link),
    .pagination-secondary.pagination li.active>a:not(.page-link):hover,
    .pagination-secondary.pagination li.active>a:not(.page-link):focus {
        border-color: var(--secondary-color);
        background-color: var(--secondary-color) !important;
        color: #fff;
        box-shadow: 0 15px 12px rgba(252, 159, 92, 0.636) !important;
        /* box-shadow: 0 0.125rem 0.25rem rgba(255, 122, 24, 0.6362920168067228) !important; */
    }
    /* .first,.prev,.next ,.last
{
    padding: 0.3rem !important;
} */
    /* active pagination start */
    
    .page-item.active {
        box-shadow: 0 15px 12px rgba(252, 159, 92, 0.636) !important;
    }
    
    .page-item.active::after,
    .page-item.active::before {
        border: 0;
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        transition: all 0.5s cubic-bezier(0.68, 0.55, 0.265, -1.55);
        /* display: block !important; */
        opacity: 100%;
    }
    
    .page-item.active::after {
        border: 0;
        background-color: var(--secondary-color) !important;
        top: 1.5rem;
        left: 4.4rem;
        -webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
        animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
        box-shadow: 0 19px 38px rgba(79, 45, 21, 0.779), 0 15px 12px rgba(252, 159, 92, 0.636) !important;
    }
    
    .page-item.active::before {
        border: 0;
        background-color: var(--main-color) !important;
        top: .99rem;
        left: -1.63rem;
        -webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
        animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
        box-shadow: 0 19px 38px rgba(5, 63, 89, 1), 0 15px 12px rgba(12, 138, 195, 0.5270483193277311) !important;
    }
    /* active pagination end */