$background-color: transparent;
$highlight-color: #efefef;
$border-color: #ddd;
$text-color: #777;
// $highlight-text-color: #777;

.helpiefaq__qna__section .helpiefaq__qna-pagination {
    margin-bottom: 50px;
    width: 100%;
    overflow: auto;
    text-align: center;

    ul {
        display: flex;
        flex: 1;
        padding: 0px;

        list-style: none;
        margin: 0px;
        justify-content: center;
        margin-right: auto;
        margin-left: auto;

        li {
            list-style: none;
            display: inline-flex;
            padding-left: 0px;
            cursor: pointer;
            // float: left;
            margin: 0px;

            a {
                background: $background-color;
                border: 1px solid $border-color;
                padding: 5px 10px;
                margin-left: 3px;
                cursor: pointer;
                border-radius: 0px;
                color: $text-color;
                font-weight: 400;
                text-transform: capitalize;
                display: inline-flex;
                align-items: center;
                text-align: center;
                word-break: normal;
                line-height: 1.6875rem;
                text-decoration: none !important; // Neve fix
                box-shadow: none; // Twenty seventeen Fix

                &.active,
                &:hover {
                    background-color: $highlight-color;
                }

                // @media only screen and (max-width: 640px) {
                // 	&:hover {
                // 		background-color: $background-color;
                // 		border: 1px solid $border-color;
                // 		color: $text-color;
                // 	}
                // }
            }
        }
    }
}