a {
  color: black;
  text-decoration: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: black;
  text-decoration: none;
  background-color: white;
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: #00000000;
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-pagination-active-color);
  --bs-pagination-hover-bg: var(--bs-emphasis-color);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-secondary-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0,0,0,0);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #000000;
  --bs-pagination-active-border-color: #00000000;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

@media (min-width: 1400px) {
  .accordion {
    display: none;
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,0);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: black;
    --bs-accordion-active-bg: white;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .accordion {
    display: initial;
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,0);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: black;
    --bs-accordion-active-bg: white;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .footer-row {
    display: none;
  }
}

@media (min-width: 1400px) {
  #carousel-1 {
    padding-top: 14vh;
    height: 134vh;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  #carousel-1 {
    padding-top: 14vh;
    height: 40vh;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .bestseller {
    height: 50vh;
  }
}

@media (min-width: 1400px) {
  .bestseller {
    height: 120vh;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .thuonghieu {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding-left: 15vw;
    padding-right: 15vw;
    margin-top: 10vh;
    margin-bottom: 5vh;
  }
}

@media (min-width: 1400px) {
  .thuonghieu {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding-left: 15vw;
    padding-right: 15vw;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .search {
    display: none;
    height: 8vh;
    width: 15vw;
    border-radius: 10px;
  }
}

@media (min-width: 1400px) {
  .search {
    display: flex;
    height: 8vh;
    width: 15vw;
    border-radius: 10px;
  }
}

@media (min-width: 1400px) {
  .logo {
    height: 10vh;
    width: 7.5vw;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .logo {
    height: 3vh;
    width: auto;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .icon {
    font-size: 7px;
  }
}

@media (min-width: 1400px) {
  .icon {
    font-size: 16px;
  }
}

@media (min-width: 1400px) {
  .right-header {
    height: 10vh;
    width: 27.5vw;
    padding: 0;
  }
}

@media (min-width: 300px) and (max-width: 1399px) {
  .right-header {
    height: 10vh;
    width: 5vw;
    padding: 0;
  }
}

.nav {
  width: 100%;
  font-size: 1rem;
}

@media (min-width: 300px) and (max-width: 1399px) {
  .nav {
    width: 100%;
    font-size: 0.35rem;
  }
}

@media (min-width: 1400px) {
  .product-right {
    width: 35%;
  }
}

@media (min-width: 1400px) {
  .product-left {
    width: 65%;
  }
}

@media (min-width: 1400px) {
  .shop-left {
    width: 80%;
    max-width: 80%;
  }
}

@media (min-width: 1400px) {
  .shop-right {
    width: 20%;
    max-width: 20%;
  }
}

.login-button {
  background: rgb(255,255,255);
  border-width: 1px;
  width: 100%;
  height: 5vh;
  color: #000000;
}

.login-button:hover {
  background: black;
  border-width: 1px;
  width: 100%;
  height: 5vh;
  color: white;
}

.cart-left {
  width: 100%;
}

@media (min-width: 1400px) {
  .cart-left {
    width: 65%;
  }
}

.cart-right {
  width: 100%;
  background: #ffffff;
}

@media (min-width: 1400px) {
  .cart-right {
    width: 35%;
    background: #ffffff;
  }
}

.checkout-left {
  width: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
}

@media (min-width: 1400px) {
  .checkout-left {
    width: 60%;
    padding-left: 10vw;
  }
}

.checkout-right {
  width: 100%;
  padding-right: 10vw;
  border-left: 1px solid rgba(0,0,0,0.25);
  padding-left: 10vw;
}

@media (min-width: 1400px) {
  .checkout-right {
    width: 40%;
    padding-right: 10vw;
    border-left: 1px solid rgba(0,0,0,0.25);
    padding-left: 1vw;
  }
}

.checkout-logo {
  height: 10vh;
  width: 25vw;
}

@media (min-width: 1400px) {
  .checkout-logo {
    height: 10vh;
    width: 10vw;
  }
}