*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}


.logo-image{
  margin-bottom: -40px;
}

.bgBanner {
  background: url("/image/banner.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.bannerInfo {
  background: hsla(0, 0%, 100%, 0.39);
  border-radius: 20px;
  padding: 30px 30px;
}

.banner-text{
  color: #E42B64;
}

.bgReg {
  background: url("/image/regBanner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-pink{
  background-color: #fff4f0;
}

.shop-all{
  display: flex;
  flex-wrap: wrap;
}

.book-grid{
  width: 20%;
}


.cat-image{
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.form-check-input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-top: 3px; /* Adjust this value as needed to vertically center the checkbox */
  background-color: #ffffff;
  border: 1px solid #474747;
}

.form-check-input[type="checkbox"]:checked {
  background-color: #ffffff;
  border: 1px solid #474747;
}

.pagination .page-link{
  color: #F3793B;
}

.pagination > .page-item.active > .page-link{
  background-color: #F3793B!important;
  color: #fff!important;
  border-color: #F3793B;
}

.product-image{
  width: 100%;
  height: 260px;
  object-fit: cover;
}

/* sidebar */
.sidebar{
  width: 280px;
  z-index: 1100;
  height: 100%;
}

.side-nav-item{
  border-bottom: 1px solid #F3793B;
  padding: 6px 5px;
}

/* media query for screens smaller than 768px */
@media (max-width: 420px) {
  .book-grid {
    width: 50%;
  }

  .product-image{
    width: 100%;
    height: 160px;
    object-fit: cover;
  }
}


/* media query for screens smaller than 768px */
@media (min-width: 420px) and (max-width: 767px) {
  .book-grid {
    width: 33%;
  }

  .product-image{
    width: 100%;
    height: 180px;
    object-fit: cover;
  }
}

/* media query for screens between 768px and 992px */
@media (min-width: 768px) and (max-width: 991px) {
  .book-grid {
    width: 40%;
  }

  .product-image{
    width: 100%;
    height: 260px;
    object-fit: cover;
  }
}

/* media query for screens between 992px and 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .book-grid {
    width: 25%;
  }

  .product-image{
    width: 100%;
    height: 260px;
    object-fit: cover;
  }
}

/* media query for screens larger than 1200px */
@media (min-width: 1200px) {
  .book-grid {
    width: 20%;
  }

  .product-image{
    width: 100%;
    height: 260px;
    object-fit: cover;
  }
}