.book-cover-container {
  position: relative;
  width: 220px;
  height: 300px;
  margin: 4px 20px 20px 6px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow:
    -10px 0 15px -5px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(0, 0, 0, 0.2);
}

.book-cover-bg {
  width: 100%;
  height: 150%;
  object-fit: cover;
}

.book-cover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.3); /* Optional: Add overlay for better text contrast */
}



.gtitle {
  font-size: 2rem;
  margin-top: 2px;
}

.ltitle {
  font-size: 1.2rem;
  margin-top: 2px;
}

.gmatcat {
  font-size: 3rem;
  opacity: 0.8;
}


.ctitle1 {

}

.cmatcat1 {

}
.ctitle2 {
	color: #78e639 !important;
}

.cmatcat2 {

}
.ctitle3 {

}

.cmatcat3 {

}

.ctitle4 {

}

.cmatcat4 {

}

.ctitle5 {

}

.cmatcat5 {

}

.ctitle6 {

}

.cmatcat6 {

}
.ctitle7 {

}

.cmatcat7 {

}
.ctitle8 {

}

.cmatcat8 {

}
.ctitle9 {
	color: #FFFFFF !important;

}

.cmatcat9 {

}

.ctitle10 {
	color: #FFFFFF !important;

}

.cmatcat10 {
	color: #e63946 !important;
}


.coverdiv1 {
  color: #FA4113 !important;
  background: rgba(39, 62, 84, 0.82);
  overflow: hidden;
  z-index: 5; }

.coverdiv2 {
  color: #FFFFFF !important;
  background: rgba(45, 48, 71, 0.82);
  overflow: hidden;
  z-index: 6; }

.coverdiv3 {
  color: #5a6c67 !important;
  background: rgba(177, 204, 116, 0.82);
  overflow: hidden;
  z-index: 7; }

.coverdiv4 {
  color: #545F66 !important;
  background: rgba(233, 206, 44, 0.82);
  overflow: hidden;
  z-index: 8; }

.coverdiv5 {
  color: #2d3047 !important;
  background: rgba(94, 151, 125, 0.82);
  overflow: hidden;
  z-index: 9; }

  .coverdiv6 {
  color: #000000 !important;
  background: rgba(173, 181, 189, 0.5);
  overflow: hidden;
  z-index: 10; }

  .coverdiv7 {
  color: #e63946 !important;
  background: rgba(241, 250, 238, 0.5);
  overflow: hidden;
  z-index: 11; }

  .coverdiv8 {
  color: #FFFFFF !important;
  background: rgba(127, 85, 57, 0.5);
  overflow: hidden;
  z-index: 12; }

  .coverdiv9 {
  color: #2d3047 !important;
  background: rgba(110, 144, 127, 0.5);
  overflow: hidden;
  z-index: 13; }

  .coverdiv10 {
  color: #e9ecef !important;
  background: rgba(69, 123, 157, 0.5);
  overflow: hidden;
  z-index: 14; }