/**Template 1 **/
.rating_wrapper {
  height: 120px;
  width: 500px;
  display: flex;
}

.rating_summary_wrapper {
  height: 120px;
  width: 200px;
}
.temp5averagestar {
  fill: red;
}
.average_rating_wrapper {
  height: 50px;
  width: 200px;
  display: flex;
  justify-content: center;
}

.total_rating_reviews {
  height: 66px;
  width: 200px;
  display: flex;
  justify-content: center;
  font-size: medium;
  font-weight: 800;
}

.average_rating {
  margin-block-start: auto;
  font-size: larger;
  font-weight: 800;
}

.average_rating_icon {
  margin-block-start: auto;
  color: blue;
  font-size: larger;
  font-weight: 800;
}

.rating_progressbar {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  margin-bottom: 12px;
}
.div214 svg {
  margin-bottom: 4px;
}
.rating_number {
  font-weight: 800;
  color: black;
}

.rating_icon {
  color: blue;
  /* margin-top: 9px; */
  height: 12px;
  font-size: initial;
}

.fill_progress_bar {
  height: 15px;
  background-color: blue;
}

.background_progress_bar {
  border: 1px solid gray;
  background-color: #e3dede;
  margin-top: 6px;
  height: 13px;
  width: 220px;
  font-size: large;
  font-weight: 800;
}

/**Template 5**/

#div2 {
  height: 120px;
  width: 300px;
  display: flex;
  position: relative;
  left: 5px;
}

#div21 {
  height: 120px;
  width: 14px;
  margin-inline: 10px;
}
.div212 {
  color: #ffffff;
  width: 34px;
  text-align: center;
  background-color: #c75002;
  font-size: 14px;
  padding: 0px 3px;
}
#div23 {
  right: 4px;
  height: 120px;
  width: 225px;
  position: relative;
}

.div231 {
  height: 15px;
  width: 80%;
  background-color: red;
}

.div232 {
  height: 15px;
  width: 40%;
  background-color: red;
}

.div233 {
  height: 17px;
  width: 10%;
  background-color: yellow;
  bottom: 1px;
  right: 1px;
  position: relative;
}

.div234 {
  height: 15px;
  width: 10%;
  background-color: #14e014;
}

.div230 {
  height: 15px;
  width: 10%;
  background-color: red;
}

.div214 {
  background-color: #000814;
  height: 20px !important;
  width: 310px;
  display: flex;
  justify-content: center;
  position: relative;
  gap: 30px;
}
#div1 {
  height: 25px;
  margin-bottom: 4px;
}
.div01 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.rating_number {
  font-weight: 600;
  color: #000000;
  font-size: 18px;
}
.div01 {
  text-align: center;
  font-size: 20px;
  font-family: 'Segoe UI', sans-serif;
  color:#000;
}

#star {
  color: #b3b0b0;
}

#span {
  z-index: 99999;
  position: absolute;
  top: 0;
}

.div24a {
  font-weight: 800;
  margin-top: 3px;
}
.temp5averagestarbackground {
  fill: #ffffff !important;
}