/* --------------------------- */
.ros__pagenation:has(.Ros__pagin_1),
.ros__pagenation:has(.Ros__pagin_3) {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-start;
    font-weight: bold;
}

.ros__pagenation {
    width: 100%;
    display: flex;
    justify-content: center;

    & * {
        color: #000 !important;
    }

    /* Single */
    & .Single__pagin {
        display: flex;
        justify-content: space-between;
        border: 1px solid #918b8b;
        padding: 10px 0px;
        border-left: 0;
        border-right: 0;

        & .Pagin {
            gap: 1rem;
            width: 50%;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            font-weight: bold;
            padding: 1rem;
        }

        & .Pagin:has(img) {
            flex-direction: row;
            padding: 0 12px 0 0;

            & img {
                width: 10rem;
                min-width: 10rem;
                height: 6rem;
                border-radius: 10px;
            }
        }

        & .Pagin:has(img):last-child {
            flex-direction: row-reverse;
            padding: 0 0 0 12px;
        }

        & .line {
            width: 1px;
            background: #949494;
        }

        & span {
            font-weight: bold;
            font-style: italic;
            text-decoration: underline;
        }

        & .info {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;

            & h3 {
                text-align: center;
                font-weight: bold;
                font-style: italic;
                font-size: 16px;

            }
        }
    }

    & .Ros__Home {

        /* Home Pagination Style 1 */
        &.Ros__pagin_1 {
            border: 1px solid;
            width: fit-content;
            padding: 7px 12px;
            border-radius: 50px;
            gap: 21px;
            display: flex;
            align-items: center;
            justify-content: center;

            & a {
                display: flex;
                align-items: center;
                gap: 5px;

                & svg {
                    padding-top: 2px;
                }
            }
        }


        /* Home Pagination Style 2 */
        &.Ros__pagin_2 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: inherit;
            gap: 6rem;
            margin-top: 2rem;

            & a {
                width: 100%;
            }

            & .pagin {
                border: 1px solid #38353559;
                padding: 25px;
                border-radius: 5px;
                gap: 9px;
                width: 100%;
                justify-content: center;
                font-weight: bold;
                font-size: 15px;
                color: #000 !important;
            }

        }

        /* Home Pagination Style 3 */
        &.Ros__pagin_3 {

            & .nav-links {
                display: flex;
                align-items: center;
                gap: 10px;

                & .page-numbers.current {
                    padding: 3px 6px;
                    border-radius: 100px;
                    background: linear-gradient(45deg, #877db2, transparent);
                    text-shadow: 0 0 20px #ffffff;
                    color: #000 !important;
                }

            }

        }
    }
}

/*  */
@media ((min-width: 400px) and (max-width: 576px)) {
    .ros__pagenation {
        & .Single__pagin {
            flex-direction: column;
            gap: 1rem;

            & .Pagin {
                width: 100%;
            }

            & .line {
                border: 1px dashed #00000042;
                width: 100%;
            }
        }
    }
}