.box_pagination_item.hide_items .dropdown_hover.top{
    width: 350px;
}
.box_pagination_item.hide_items .dropdown_hover.top>.dropdown_hover_main{
    background: rgb(255 255 255);
    box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 15%);
    max-height: 385px;
}
.box_pagination_item.hide_items .dropdown_hover.top>.dropdown_hover_main .dropdown_hover_content{
    overflow: auto;
}
.box_pagination_item.hide_items .dropdown_hover.top .grid_pager{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    width: 100%;
    height: auto;
    grid-gap: 10px;
    overflow: auto;
}
.box_pagination_item.hide_items .dropdown_hover.top .grid_pager>.pager_item{
    width: 30px;
    height: 30px;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.1px solid #ccc;
    cursor: pointer;
    transition:all 0.2s;
    color: rgb(56, 56, 56);
}

.box_pagination_item.hide_items .dropdown_hover.top>.dropdown_hover_main>.dropdown_hover_header {
    color: rgb(65, 65, 65);
    border-bottom: 1px solid #0c1914;
}


.box_pagination_item.hide_items .dropdown_hover.top .grid_pager>.pager_item:hover{
    background: var( --theme-color-main, #D60000);
    color: white;
}
.box_pagination_item[start]>.dropdown_hover.top{
    transform: translate3d(-25%, 100%, 0) !important;
}
.box_pagination_item[start][dropdown-hover]:hover .dropdown_hover.top, 
.box_pagination_item[start][dropdown-click].open .dropdown_hover.top {
    visibility: visible;
    opacity: 1;
    padding-bottom: 10px;
    transform: translate3d(-25%, 100%, 0) !important;
}
.box_pagination_item[start][dropdown-hover] .dropdown_hover.top>.dropdown_hover_main::before,
.box_pagination_item[start][dropdown-click] .dropdown_hover.top>.dropdown_hover_main::before {
    right: 75%;
}


.box_pagination_item[end]>.dropdown_hover.top{
    transform: translate3d(-75%, 100%, 0) !important;
}
.box_pagination_item[end][dropdown-hover]:hover .dropdown_hover.top, 
.box_pagination_item[end][dropdown-click].open .dropdown_hover.top {
    transform: translate3d(-75%, 100%, 0) !important;
}
.box_pagination_item[end][dropdown-hover] .dropdown_hover.top>.dropdown_hover_main::before,
.box_pagination_item[end][dropdown-click] .dropdown_hover.top>.dropdown_hover_main::before {
    right: 25%;
}