.rating {
  width: 500px;
  display: flex;
  align-items: center;
}

#div1 {

  width: 200px;
}

#div2 {
  width: 300px;
  display: flex;
}

#div11 {
  height: 84px;
  width: 200px;
  display: flex;
  justify-content: center;
}

#div12 {
  height: 26px;
  width: 200px;
  display: flex;
  justify-content: center;
  font-size: medium;
  font-weight: 800;
}

#div21 {
  height: 120px;
  width: 25px;
}

#div22 {
  height: 120px;
  width: 25px;
}

#div23 {
  height: 120px;
  width: 225px;
}

#div24 {
  height: 120px;
  width: 25px;
}

.div212 {
  margin-top: 8px;
  height: 13px;
  font-size: large;
  font-weight: 800;
}

.div213 {
  color: skyblue;
  margin-top: 9px;
  height: 12px;
  font-size: initial;
}

.div2131 {
  color: #ed7272;
  margin-top: 9px;
  height: 12px;
  font-size: initial;
}

.div2132 {
  color: #77e377;
  margin-top: 9px;
  height: 12px;
  font-size: initial;
}

.div231 {
  height: 15px;
  width: 60%;
  background-color: skyblue;
}

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

.div233 {
  height: 15px;
  width: 10%;
  background-color: #ed7272;
}

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

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

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

#icon12 {
  color: red;
  font-size: larger;
  font-weight: 800;
}

#icon13 {
  color: #b8b4b4;
  font-size: larger;
  font-weight: 800;
}

#div111 {
  border: 3px solid red;
  border-radius: 100%;
  height: 70px;
  width: 70px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  color: red;
  font-size: 20px;
}
.rating_wrapper {
  width: 500px;
  display: flex;
}

.rating_summary_wrapper {
  width: 200px;
}

.progressbar_wrapper {
  width: 300px;
   display: flex;
   flex-direction: column;
   gap:7px;
}

.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:7px;
  align-items: center;
}

.rating_number {
  font-size: 17px;
  font-weight: 500;
}

.rating_icon {
  color: #0000ff;
  font-size: 13px;
}

.fill_progress_bar {
  height: 15px;
  background-color: #0000ff;
}

.background_progress_bar {
  background-color: #e3dede;
  height: 13px;
  width: 220px;
  font-size: large;
  font-weight: 800;
}
.prd_ratings {
    color: #fb760b;
    font-size: 15px;
    font-weight: 500;
    margin-right: 4px;
}