/* Giỏ hàng */

.body_cart {

    display: flex;

}

.body_cart .cart_empty {

  width: 100%;

  padding: 85px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background-color: #f8f5f4;

}

.body_cart .cart_empty i {

  font-size: 18px;

  color: var(--primary);

}

.body_cart .cart_empty .cart_text_empty {

  font-size: 18px;

  color: var(--primary);

  margin-top: 20px;

}

.body_cart .cart_product {

  width: 66.66667%;

  margin: 10px 20px 10px 0;

}

.body_cart .cart_product .list_cart {

  margin-bottom: 40px;

}

.body_cart .cart_product .list_cart .main_title,

.body_cart .might_like .main_title,

.body_cart .cart_info .background .main_title {

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.body_cart .cart_product .list_cart .main_title,

.body_cart .cart_product .might_like .main_title {

  padding-bottom: 5px;

  display: inline-block;

  border-bottom: 1px solid #dadbd2;

}

.body_cart .cart_product .list_cart .list_product {

  border: 1px solid #dadbd2;

  width: 100%;

}

.body_cart .cart_product .list_cart .list_product .title_product {

  display: flex;

  padding: 10px;

  text-transform: uppercase;

  border-bottom: 1px solid #dadbd2;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .title_product

  h4:nth-child(1) {

  width: 50%;

  text-align: left;

  font-size: 18px;

  margin-bottom: 0;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .title_product

  h4:nth-child(2),

.body_cart

  .cart_product

  .list_cart

  .list_product

  .title_product

  h4:nth-child(3) {

  width: 16.66667%;

  text-align: center;

  font-size: 18px;

  margin-bottom: 0;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .title_product

  h4:nth-child(4) {

  width: 16.66667%;

  text-align: right;

  font-size: 18px;

  margin-bottom: 0;

}

.body_cart .cart_product .list_cart .list_product .item_product {

  display: flex;

  align-items: center;

  flex-direction: row;

  padding: 10px;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(1) {

  width: 50%;

  text-align: left;

  display: flex;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(1)

  img {

  width: 100px;

  height: 100px;

  object-fit: cover;

  margin-right: 15px;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(1)

  .col {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(1)

  .col

  a {

  font-size: 16px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(2),

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(3) {

  width: 16.66667%;

  text-align: center;

  vertical-align: center;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(2),

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(4) {

  color: #d31100;

  font-weight: 600;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(3) {

  display: flex;

  align-items: center;

  justify-content: center;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(3)

  button {

  border-radius: 0;

  border: 1px solid #e5e5e5;

  border-color: #e5e5e5;

  color: #222;

  line-height: 26px;

  padding: 0;

  margin: 0;

  background-color: #f8f8f8;

  height: 28px;

  padding: 0 10px;

  cursor: pointer;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(3)

  input {

  border: 1px solid #e5e5e5;

  border-color: #e5e5e5;

  color: #222;

  line-height: 26px;

  padding: 0;

  margin: 0;

  width: 28px;

  min-height: 28px;

  text-align: center;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col:nth-child(4) {

  width: 16.66667%;

  text-align: right;

  display: flex;

  align-items: center;

  justify-content: end;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col

  .col

  p {

  font-size: 12px;

}

.body_cart

  .cart_product

  .list_cart

  .list_product

  .item_product

  .item_col

  .btn_remove {

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 20px;

  height: 20px;

  margin-left: 10px;

}

.body_cart .cart_info {

  width: 33.33333%;

  margin: 10px 0 10px 10px;

}

.body_cart .cart_info .background {

  background-color: #f8f5f4;

  padding: 15px;

  margin-bottom: 20px;

}

.body_cart .cart_info .background .wrap_total {

  padding: 15px 0;

  border-top: 1px solid #dadbd2;

  border-bottom: 1px solid #dadbd2;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.body_cart .cart_info .background .wrap_total h3 {

  font-size: 22px;

  margin: 0;

}

.body_cart .cart_info .background .wrap_total span {

  font-size: 20px;

  font-weight: 600;

  color: #d31100;

}

.body_cart .cart_info .background .note {

  padding: 10px 0 10px 15px;

  border-bottom: 1px solid #dadbd2;

  list-style: disc;

}

.body_cart .cart_info .background .note li {

  line-height: 24px;

  font-size: 13px;

}

.body_cart .cart_info .background .option {

  display: flex;

  flex-direction: column;

  gap: 15px;

}

.body_cart .cart_info .background .option h3 {

  margin-top: 15px;

  margin-bottom: 0;

  font-size: 22px;

}

.body_cart .cart_info .background .option .row {

  display: flex;

  align-items: center;

  gap: 10px;

  margin: 0;

}

.body_cart .cart_info .background .option .row::after {

  display: none;

}

.body_cart .cart_info .background .option .row::before {

  display: none;

}

.body_cart .cart_info .background .option .row input,

.body_cart .cart_info .background .option .row select {

  width: calc(50% - 5px);

  height: 40px;

  border: 1px solid #ddd;

  padding: 0 10px;

  box-sizing: border-box;

}

.body_cart .cart_info .background .option .row_hoadon {

  display: flex;

  align-items: center;

  gap: 10px;

  cursor: pointer;

}

.body_cart .cart_info .background .option .row_hoadon input,

.body_cart .cart_info .background .option .row_hoadon label {

  cursor: pointer;

}

.body_cart .cart_info .background .option .row_hoadon label {

  margin-bottom: 0;

}

.body_cart .cart_info .background .option .col_hoadon {

  display: flex;

  flex-direction: column;

  gap: 15px;

}

.body_cart .cart_info .background .option .col_hoadon input {

  width: 100%;

  padding: 10px;

  box-sizing: border-box;

  border: 1px solid #ddd;

  margin-bottom: 0;

}

.body_cart .cart_info .background .option .btn_page {

  width: 100%;

  color: #fff;

  background-color: #0daa8b;

  border-radius: 4px;

  border: none;

  padding: 10px 0;

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  transition: 0.3s;

  cursor: pointer;

}

.body_cart .cart_info .background .option .btn_page_cream {

  width: 100%;

  color: #333;

  background-color: var(--be);

  border-radius: 4px;

  padding: 10px 0;

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  border: 1px solid #333;

  transition: 0.3s;

}

.body_cart .quantity_mb {

  display: none;

}

@media (max-width: 1023px) {

  .body_cart {

    flex-direction: column;

  }

  .body_cart .cart_product,

  .body_cart .cart_info {

    width: 100%;

    box-sizing: border-box;

  }

  .body_cart .cart_info {

    margin-left: 0;

  }

}

@media (max-width: 768px) {

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .title_product

    h4:nth-child(2),

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .item_product

    .item_col:nth-child(2) {

    display: none;

  }

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .title_product

    h4:nth-child(3),

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .title_product

    h4:nth-child(4),

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .item_product

    .item_col:nth-child(3),

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .item_product

    .item_col:nth-child(4) {

    width: 25%;

  }

  .body_thanhtoan .left,

  .body_thanhtoan .right {

    width: 100%;

  }

}

.mb-visible {

  display: none;

}

@media (max-width: 480px) {

  .body_cart .cart_product .list_cart .list_product .item_product {

    flex-direction: column;

    gap: 10px;

    align-items: start;

  }

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .title_product

    h4:nth-child(1) {

    width: 100%;

    text-align: center;

  }

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .title_product

    h4:nth-child(3),

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .title_product

    h4:nth-child(4) {

    display: none;

  }

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .item_product

    .item_col:nth-child(3),

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .item_product

    .item_col:nth-child(4) {

    justify-content: start;

  }

  .body_cart

    .cart_product

    .list_cart

    .list_product

    .item_product

    .item_col:nth-child(1) {

    width: 100%;

  }

  .body_cart .cart_info .background .option .row {

    flex-direction: column;

  }

  .body_cart .cart_info .background .option .row input,

  .body_cart .cart_info .background .option .row select {

    width: 100%;

  }

  .mb-hidden {

    display: none;

  }

  .mb-visible {

    display: block;

  }

}

/* Tài khoản */

.main_tk {

  width: 100%;

  background-color: #fff;

  display: flex;

  align-items: start;

  gap: 40px;

  padding: 10px 0;

  margin: 32px 0;

}

.thongtin {

  width: 75%;

}

.tab {

  width: 25%;

}

.box_user {

  display: flex;

  align-items: start;

  width: 100%;

  gap: 15px;

}

.box_user .main_title {

  font-size: 26px;

  line-height: 40px;

  margin-bottom: 10px;

}

.box_user .main_title .primary {

  color: var(--lightgreen);

}

.box_img_tt {

  width: 150px;

  height: 150px;

  object-fit: cover;

}

.box_link {

  background-color: #f2fbf9;

  padding: 15px;

  display: flex;

  align-items: center;

  gap: 30px;

  font-weight: 500;

}

.link {

  cursor: pointer;

}

.box_link:hover {

  color: var(--hover);

}

.box_link .link.active {

  color: var(--hover);

  border-bottom: 2px solid var(--hover);

}

.tab_title {

  font-size: 19px;

  padding: 15px;

  border-left: 2px solid #004e3e;

  background-color: #f2fbf9;

  margin-bottom: 0;

}

.tab_list {

  display: flex;

  flex-direction: column;

  gap: 10px;

  margin-top: 15px;

}

.tab_item {

  display: flex;

  align-items: center;

  font-weight: 500;

  gap: 6px;

  cursor: pointer;

}

.tab_item.active,

.tab_item button:hover,

.tab_item:hover {

  color: var(--hover);

}

.tab_item button {

  background-color: transparent;

  border: none;

  font-weight: 500;

  padding: 0;

}

.box_tieude {

  margin-top: 20px;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 20px;

  border-bottom: 2px solid #e2e2e2;

}

.box_tieude h1 {

  color: var(--hover);

}

.to_capnhat {

  padding: 8px 15px;

  background-color: var(--hover);

  color: #fff;

  border-radius: 4px;

}

.to_capnhat:hover {

  background-color: #fff;

  color: var(--hover);

  border: 1px solid var(--hover);

}

.content_tt {

  width: 100%;

  display: flex;

  align-items: start;

}

.content_tt .left {

  width: 50%;

  display: flex;

  flex-direction: column;

  gap: 20px;

  color: #989898;

}

.content_tt .right {

  width: 50%;

  display: flex;

  flex-direction: column;

  gap: 20px;

  font-weight: 500;

}

.radio_field .wrap_sex {

  display: flex;

  align-items: center;

  min-height: 40px;

}

.radio_field .wrap_sex label {

  margin-bottom: 0;

}

.radio_field input {

  margin-left: 10px;

  margin-right: 20px;

  width: auto !important;

}

.title_gioitinh {

  margin-bottom: 6px;

}

.price_tk {

  color: var(--price);

}

.edit_user {

  display: flex;

  align-items: start;

  gap: 30px;

  margin-top: 20px;

}

.edit_user .right,

.edit_user .left {

  width: 50%;

}

.edit_user .right input,

.edit_user .left input {

  width: 100%;

  box-sizing: border-box;

  padding: 10px 15px;

  border: 1px solid #dadbd2;

  font-size: 16px;

}

.field {

  margin-bottom: 20px;

}

.field:nth-last-child() {

  color: red;

}

.field input {

  border-radius: 4px;

  padding-right: 15px;

  margin-bottom: 0;

}

.date_field {

  display: flex;

  flex-direction: column;

}

.date_field input {

  min-height: 40px;

  border: 1px solid #ebebeb;

  padding-left: 15px;

}

.btn_edituser {

  width: 100%;

  min-height: 44px;

  border-radius: 4px;

  font-size: 16px;

  background-color: #0daa8b;

  color: #fff;

  border: none;

  cursor: pointer;

}

.form_repass {

  display: flex;

  flex-direction: column;

}

.form_repass input {

  padding: 10px 15px;

  margin-bottom: 15px;

  border-radius: 4px;

  border: 1px solid #dadbd2;

}

.form_repass button {

  padding: 10px 0;

  box-sizing: unset;

  border: none;

  background-color: #0daa8b;

  color: #fff;

  font-size: 16px;

  transition: 0.3s;

}

.wrap_table {

  width: 100%;

  overflow-x: scroll;

}

.table_cart {

  width: 100%;

  display: block;

  overflow-x: scroll;

}

.table_cart thead th {

  background-color: #0daa8b;

  padding: 10px;

  color: #fff;

}

.table_cart tbody tr td {

  text-align: center;

  background-color: #fff;

  padding: 15px;

  border: 1px solid #ebebeb;

  color: #1c1c1c;

}

@media screen and (max-width: 1024px) {

  .main_tk .thongtin {

    width: 100%;

  }

  .main_tk .tab {

    display: none;

  }

  .main_tk .box_link {

    flex-wrap: wrap;

  }

}

/* Thanh toán, thành công */

.body_thanhtoan {

  margin-top: 32px;

  margin-bottom: 32px;

}

.body_thanhtoan input,

.body_thanhtoan select,

.body_thanhtoan textarea {

  padding: 0 10px;

}

.body_thanhtoan h1 {

  line-height: 36px;

  font-size: 24px;

  margin-bottom: 10px;

}

.form_dathang {

  width: 100%;

  display: flex;

  gap: 30px;

}

.thongtin_giohang {

  width: 75%;

  display: flex;

  align-items: start;

  gap: 30px;

}

.side {

  width: 40%;

}

.body_thanhtoan .left,

.body_thanhtoan .right {

  width: 50%;

}

.flex_title {

  width: 100%;

  justify-content: space-between;

}

.flex_title,

.login_btn {

  display: flex;

  align-items: center;

}

.thongtin h1 {

  font-size: 18px;

  margin: 0;

}

.login_btn {

  color: #4f9bc8;

  gap: 8px;

  cursor: pointer;

}

.login_btn:hover {

  color: #296395;

}

.fields {

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.input_field,

.select_field {

  border: 1px solid #c0c0c0 !important;

  border-radius: 6px;

  margin: 0 !important;

  height: 45px;

}

.not_ship {

  background-color: #d1ecf1;

  border: 1px solid #bee5eb;

  padding: 12px 20px;

  border-radius: 6px;

  font-size: 14px;

  margin-top: 10px;

  margin-bottom: 40px;

}

.ship_fee {

  display: flex;

  align-items: center;

  padding: 14px;

  gap: 10px;

  border-top: 1px solid #d9d9d9;

  background-color: #fff;

  margin-bottom: 40px;

  margin-top: 10px;

}

.col_radio {

  border: 1px solid #cecdcd;

  border-radius: 6px;

  margin-top: 10px;

  background-color: #fff;

}

.box_radio {

  display: flex;

  align-items: center;

  padding: 14px;

  gap: 10px;

  border-top: 1px solid #d9d9d9;

}

.box_radio label {

  margin-bottom: 0;

}

.side {

  width: 34%;

  display: flex;

  flex-direction: column;

  background-color: #fff;

  border-radius: 6px;

  padding: 10px;

}

.side h1 {

  font-size: 18px;

  margin-bottom: 0;

}

.divider {

  width: 100%;

  height: 1px;

  background-color: #e4e4e4;

  margin: 14px 0;

}

.body_thanhtoan .list_product,

.body_success .list_product {

  width: 100%;

  max-height: 250px;

  overflow-y: scroll;

  display: flex;

  flex-direction: column;

  padding-right: 20px;

  box-sizing: border-box;

}

.box_product {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 10px;

}

.product_left {

  display: flex;

  align-items: start;

}

.box_img {

  width: 50px;

  height: 50px;

  border: 1px solid #c9c2ba;

  border-radius: 4px;

  margin-right: 10px;

  position: relative;

}

.box_img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.box_img .box_soluong {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: #0daa8b;

  position: absolute;

  top: -7px;

  right: -10px;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 11px;

}

.box_ten {

  font-size: 14px;

  max-width: 150px;

  margin-bottom: 0;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.product_right {

  display: flex;

  align-items: center;

  font-size: 14px;

  color: #717171;

}

.coupon_box {

  width: 100%;

  display: flex;

  align-items: center;

  gap: 10px;

}

.coupon_field {

  width: 60%;

  padding: 10px 12px !important;

  margin-bottom: 0 !important;

  font-size: 14px;

  border-radius: 6px;

  border: 1px solid #dadbd2;

}

.button_apply_coupon {

  background-color: #0daa8b;

  color: #fff;

  padding: 10px 0;

  width: 40%;

  font-size: 15px;

  display: flex;

  justify-content: center;

  border-radius: 6px;

  cursor: pointer;

}

.box_cost {

  display: flex;

  flex-direction: column;

  padding: 8px 0;

  gap: 10px;

  font-size: 14px;

}

.row_cost {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.row_cost p {

  margin-bottom: 0;

}

.box_total p {

  margin-bottom: 0;

  font-size: 16px;

}

.box_total {

  font-size: 16px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.box_total .price {

  font-size: 18px;

}

.box_order {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 10px;

}

.go_back {

  display: flex;

  align-items: center;

  font-size: 15px;

  gap: 4px;

  color: var(--lightgreen);

  transition: 0.3s;

}

.go_back:hover {

  color: var(--darkgreen);

}

.btn_submit {

  padding: 12px 20px;

  color: #fff;

  font-size: 15px;

  background-color: #0daa8b;

  border: none;

  border-radius: 6px;

  text-transform: uppercase;

  font-weight: 500;

  cursor: pointer;

}

.box_status_coupon .ma_sai {

  color: #bf1e2e;

}

.box_status_coupon .ma_dung {

  color: #28a745;

}

.error_field {

  border: 2px solid #b34130 !important;

}

.error_field_text {

  color: #b34130;

  margin-bottom: 4px;

  font-size: 15px;

  font-weight: 500;

}

.error_noti {

  color: #721c24;

  background-color: #f8d7da;

  border-color: #f5c6cb;

  padding: 12px 20px;

  margin-bottom: 16px;

  border-radius: 6px;

  font-size: 14px;

  margin-top: 10px;

}

/* ----- */

.body_success {

  margin-top: 32px;

  margin-bottom: 32px;

}

.thongtin_wrapper {

  display: flex;

  align-items: start;

  margin: 20px 0;

  gap: 30px;

}

.thanhcong {

  flex-direction: column;

}

.flex_wrapper {

  display: flex;

  align-items: start;

  gap: 30px;

}

.flex_wrapper .right p {

  margin-bottom: 0;

  line-height: 24px;

}

.title_camon {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 10px;

}

.box_icon {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  border: 2px solid #8ec443;

  color: #8ec443;

  font-weight: 100;

  font-size: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.flex_wrapper {

  padding: 15px;

  border: 1px solid #cacaca;

}

.flex_wrapper .left,

.flex_wrapper .right {

  display: flex;

  flex-direction: column;

}

.flex_wrapper .left {

  width: 40%;

}

.flex_wrapper .right {

  width: 60%;

}

.flex_wrapper .left h2,

.flex_wrapper .right h2 {

  line-height: 30px;

  margin-bottom: 10px;

  font-size: 24px;

}

.flex_wrapper p {

  margin-bottom: 8px;

}

.thongtin {

  width: 75%;

}

.maugia {

  color: #d31100 !important;

}

.giato {

  font-size: 20px;

}

.giatonhat {

  font-size: 24px !important;

}

@media (max-width: 1199px) {

  .form_dathang {

    flex-direction: column;

  }

  .thongtin_giohang {

    width: 100%;

  }

  .side {

    width: 100%;

  }

  .thongtin_wrapper {

    flex-direction: column;

  }

  .thongtin {

    width: 100%;

  }

}

@media (max-width: 768px) {

  .body_thanhtoan .left,

  .body_thanhtoan .right {

    width: 100%;

  }

  .thongtin_giohang {

    flex-direction: column;

  }

  .body_thanhtoan .left,

  .body_thanhtoan .right {

    width: 100%;

  }

}

@media (max-width: 480px) {

  .flex_wrapper {

    flex-direction: column;

  }

  .flex_wrapper .left,

  .flex_wrapper .right {

    width: 100%;

  }

}

/* CSS Đăng nhập đăng ký */

.body_login {

  max-width: 400px;

  margin: 32px auto;

  padding: 20px;

  border-radius: 4px;

}

.body_login .main_title {

  font-size: 28px;

  line-height: 36px;

  padding: 10px 0;

  margin-bottom: 20px;

  text-align: center;

}

.body_login input {

  padding: 10px 15px;

  font-size: 14px;

  outline: none;

  border: 1px solid #DADBD2;

  border-radius: 2px;

  margin-bottom: 15px;

  width: 100%;

  box-sizing: border-box;

}

.body_login button {

  width: 100%;

  background-color: #0daa8b;

  color: #fff;

  border: none;

  padding: 10px 0;

  transition: 0.3s;

  border-radius: 4px;

  margin-bottom: 15px;

  font-size: 16px;

  text-transform: uppercase;

  cursor: pointer;

}

.body_login .wrap_a {

  font-size: 16px;

}

.body_login .validate {

  margin-top: -10px;

}

.validate {

  font-size: 14px;

  margin-bottom: 15px;

  color: red;

}

.paginate {

  font-size: 16px;

  text-align: center;

  text-transform: uppercase;

  font-weight: 400;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

  margin: 20px 0;

}

.PageNum a, .PageNum span {

  display: inline-block;

  font-size: 16px;

  margin: 0 6px 0 0;

  padding: 3px;

  line-height: 22px;

  height: 30px;

  width: 30px;

  table-layout: inherit;

  text-align: center;

  color: #424242;

  background: transparent;

  border: #ccc 1px solid;

  text-decoration: none;

  font-weight: 400;

  border-radius: 50px;

}

.PageNum span {

  background: #0daa8b;

  color: #ffffff;

}



.overflow-hidden {

  overflow: hidden;

}



.img_hover {

  transition: 0.3s;

}



.img_hover:hover {

  transform: scale(1.1);

}