.plp_pagination_item {
    border-radius: 100px;
    color: black;
    border-color: black;
    padding: 1px 7px;
    display: flex;
    gap: 10px;
}

.plp_pagination_item__selected {
    background-color: var(--brand);
    color: white;
    border-color: var(--brand);
}

.plp_pagination_item:hover {
    background-color: #dc251f71;
    color: white;
    border-color: #dc251f71;
}

.plp_pagination_item_previous,
.plp_pagination_item_next,
.plp_pagination_item_previous:hover,
.plp_pagination_item_next:hover {
    border-radius: 100px;
    border: 1px solid var(--brand);
    background-color: rgba(255, 255, 255, 0.20);
    padding: 3.5px;
}


.plp_pagination_item_previous {

    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43NTg3IDMuMTc2OEMxMS4wNjMxIDMuNDI2NTQgMTEuMDgyMSAzLjg0ODMxIDEwLjgwMTEgNC4xMTg4Nkw2Ljc3MDY4IDhMMTAuODAxMSAxMS44ODExQzExLjA4MjEgMTIuMTUxNyAxMS4wNjMxIDEyLjU3MzUgMTAuNzU4NyAxMi44MjMyQzEwLjQ1NDMgMTMuMDcyOSA5Ljk3OTg1IDEzLjA1NjEgOS42OTg4OSAxMi43ODU1TDUuMTk4OSA4LjQ1MjE5QzQuOTMzNyA4LjE5NjgxIDQuOTMzNyA3LjgwMzE5IDUuMTk4OSA3LjU0NzgxTDkuNjk4ODkgMy4yMTQ0OEM5Ljk3OTg1IDIuOTQzOTQgMTAuNDU0MyAyLjkyNzA3IDEwLjc1ODcgMy4xNzY4WiIgZmlsbD0iI0RDMjQxRiIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    width: 24.12px;
    height: 28.48px;
    background-position: center;
}

.plp_pagination_item_next {

    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb25zL0NoZXZyb24iPgo8cGF0aCBpZD0iSWNvbiAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI0MTI5IDEyLjgyMzJDNC45MzY5MyAxMi41NzM1IDQuOTE3OTUgMTIuMTUxNyA1LjE5ODkgMTEuODgxMUw5LjIyOTMyIDhMNS4xOTg5IDQuMTE4ODZDNC45MTc5NSAzLjg0ODMxIDQuOTM2OTMgMy40MjY1NCA1LjI0MTI5IDMuMTc2OEM1LjU0NTY2IDIuOTI3MDYgNi4wMjAxNSAyLjk0Mzk0IDYuMzAxMTEgMy4yMTQ0OEwxMC44MDExIDcuNTQ3ODFDMTEuMDY2MyA3LjgwMzE5IDExLjA2NjMgOC4xOTY4MSAxMC44MDExIDguNDUyMTlMNi4zMDExMSAxMi43ODU1QzYuMDIwMTUgMTMuMDU2MSA1LjU0NTY2IDEzLjA3MjkgNS4yNDEyOSAxMi44MjMyWiIgZmlsbD0iI0RDMjQxRiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    width: 24.12px;
    height: 28.48px;
    background-position: center;
}

.plp_pagination_group {
    border: 1px;
    display: flex;
    margin: 0px;
    align-items: flex-start;
    gap: 16px;
    width: auto;
}

.plp_pagination_group__ul {
    border: 1px;
    display: flex;
    margin: 0px;
    align-items: flex-start;
    gap: 16px;
    width: auto;
    max-width: 187.15px;
    overflow-x: hidden;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 100px;
}

.plp_pagination {
    padding-bottom: 40px;
    width: auto;
    position: absolute;
    left: 50%;
    padding-top: 40px;
}

.disabled {
    opacity: 20%;
}

/* 
*
*/

.plp_pagination_vehicle_grid {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2.5rem;
    gap:1rem;
    overflow-x: auto;
    white-space: nowrap;
}
.plp_pagination_vehicle_grid.hidden {
    display: none;
}
.plp_pagination_vehicle_grid__pages {
    max-width: calc(1.3rem * 2 * 5);
    overflow-x: scroll;
}
.plp_pagination_vehicle_grid__pages.plp_pagination_pages::-webkit-scrollbar {
    display: none;
}
.plp_pagination_pages__page {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin: .3rem;
    cursor: pointer;
    font-family: var(--font-family-2);
    background-color: var(--brand-white, #fff);
    border: 1px solid var(--gmw-gray-1);
    color: var(--gmw-gray-1);
}
.plp_pagination_pages__page.active {
    background: var(--brand-gray-1);
    color: var(--brand-white, #fff);
    border: 1px solid var(--brand-light);
    font-weight: 700;
}
.plp_pagination_vehicle_grid__nav_next,
.plp_pagination_vehicle_grid__nav_previous {
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--Opacity-20-W, rgba(255, 255, 255, 0.20));
    color: var(--gray-dark-1);
    border: 1px solid var(--gray-dark-1);
}
.plp_pagination_vehicle_grid__nav_next.active,
.plp_pagination_vehicle_grid__nav_previous.active {
    /* border: 1px solid var(--brand-hover); */
    background: none;
    color: var(--brand-hover);
}


.plp_pagination_vehicle_grid__nav_next__disable,
.plp_pagination_vehicle_grid__nav_previous__enable {
    transform: rotate(180deg);
}