/************pagination and page of starts************/
.pagination{text-align:center;font-size:13px;clear:both;background-color:var(--color-05);padding:5px;border-radius:50px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;}
.pagination .prev,
.pagination .next,
.pagination span{margin:0;border:0;padding:0;min-width:40px;min-height:40px;line-height:40px;text-align:center;display:inline-block;border-radius:50px;color:var(--black);font-size:15px; font-weight:700; text-transform:uppercase}
.pagination span + span{margin-right:1px}
.pagination span:hover,
.pagination .current{background-color:var(--orange);color:var(--white);}
.pagination .prev,
.pagination .next{min-width:auto;padding-left:15px;padding-right:15px; min-width:115px;}
.pagination .prev:before{display:inline-block;content:"";margin:0 8px 0 0;vertical-align:middle;border:solid var(--white);border-width:0 2px 2px 0;padding:4px;transform:rotate(-220deg);-webkit-transform:rotate(-220deg);-moz-transform:rotate(-220deg);-o-transform:rotate(-220deg);-ms-transform:rotate(-220deg);position:relative;top:-2px;right:-4px;width:0;height:0}
.pagination .next:after{display:inline-block;content:"";margin:0 8px 0 0;vertical-align:middle;border:solid var(--white);border-width:0 2px 2px 0;padding:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:relative;top:-2px;right:-4px;width:0;height:0}
.pagination .current:before,
.pagination .current:after{border-color:var(--white);}
.pagination .prev,
.pagination .next{background-color:var(--black-bg);color:var(--white);}
.pagination .disabled:hover,
.pagination .disabled{cursor:not-allowed;background-color:var(--gray);color:var(--black)}
.pagination .disabled:before{border:solid var(--black);border-width:0 1px 1px 0;}
/************pagination and page of ends************/