.pagination {
   display: flex;
   flex-direction: column;
   height: 50px;
   align-items: center !important;
   /* border: 1px blue solid; */
   justify-content: center;
}

.number-pages,
.pagination ul {
   width: auto;
   display: flex;
   flex-wrap: wrap;
   background: #fff;
   padding: 7px 10px;
   border-radius: 10px;
   box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1);
   margin: 0;
   /* border: 1px blue solid; */
}

.number-pages label {
   font-size: 12px;
   color: #4a8c9c;
   line-height: 25px;
   font-weight: 500;
   margin-left: 5px;
}

.number-pages select {
   font-size: 12px;
   border: 1px #d6e4e7 solid;
   line-height: 25px;
   padding: 0 5px;
   margin-right: 5px;
   border-radius: 5px;
}

.number-pages select:focus {
   border: 1px #4a8c9c solid;
   outline: none;
}

.pagination ul li {
   color: #4a8c9c;
   list-style: none;
   line-height: 25px;
   text-align: center;
   font-size: 12px;
   font-weight: 400;
   cursor: pointer;
   user-select: none;
   transition: all 0.3s ease;
}
.pagination ul li.numb {
   list-style: none;
   height: 25px;
   width: 25px;
   margin: 0;
   line-height: 25px;
   border-radius: 50%;
}
.pagination ul li.numb.first {
   margin: 0px 3px 0 -5px;
}
.pagination ul li.numb.last {
   margin: 0px -5px 0 3px;
}
.pagination ul li.dots {
   font-size: 22px;
   cursor: default;
}

.next {
   margin-left: 5px;
}

.prev {
   margin-right: 5px;
}

.pagination ul li.btn {
   padding: 0 5px;
   border-radius: 20px;
}
.pagination li.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover {
   color: #fff;
   background: #4a8c9c;
}

.btn span {
   display: flex;
   justify-items: center;
}

.btn span i {
   display: inline;
   line-height: 25px;
   padding: 0 5px;
}

.product-pages {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   /* border: 1px red solid; */
}