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

.rating_summary_wrapper{
    height: 120px;
    width: 200px;
}

.progressbar_wrapper {
    width: 300px;
}
.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;
    justify-content: space-between;
}

.rating_number {
    height: 13px;
    font-size: large;
    font-weight: 800;
}

.rating_icon {
    color: blue;
    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;
}
.temp7averagestarelse{
    color: black !important;
}
.rating {
    
     margin-bottom: 30px;
     width: 310px;
     display: flex;
     flex-direction: column;
 }

 #div1 {
     height: 87px;
     width: 310px;
     text-align: center;
 }


 #div2 {
     height: 95px;
     width: 310px;
     display: flex;
     position: relative;
     top: 80px;
 }

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

 }

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

 #div23 {
     height: 120px;
     width: 225px;
     position: relative;
     right: 9px;

 }

 #div24 {
     height: 120px;
     width: 25px;
     position: relative;
     right: 9px;
 }

 .div212 {
     position: relative;
     left: 2px;
    font-size: 16px;
    font-weight: 500;
    color: #0A0E27;
 }

.div21a {
    position: relative;
    left: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #0A0E27;
}

 .div213 {
     color: #009688;
     font-size: smaller;
     position: relative;
 }

 .div231 {
     height: 10px;
     border-radius: 50px;
     width: 60%;
     background-color: yellow;
     position: relative;
     right: 2px;

 }

 .div232 {
     height: 10px;
     border-radius: 5px;
     width: 40%;
     background-color: yellow;
     position: relative;
     right: 2px;

 }

 .div233 {
     height: 10px;
     border-radius: 5px;
     width: 10%;
     background-color: rgb(241, 241, 10);
     position: relative;
     right: 2px;

 }

 .div214 {
     background-color: #bdbdbd;
     margin-top: 6px;
     height: 10px;
     border-radius: 50px;
     width: 220px;
     font-size: large;
     font-weight: 800;
 }

 .div1a {
     height: 29px;
     width: 310px;
     text-align: center;
     font-size: large;
     font-weight: 600;
 }

 .div1b {
     height: 25px;
     width: 310px;
     display: flex;
     margin-inline: 25px;

 }

 .div1c {
     height: 15px;
     width: 310px;
     text-align: center;
     font-size: xx-small;
     color: #009688;
 }

.div1d {
    font-size: 15px;
    font-weight: 500;
}

 .div1b1 {
     height: 25px;
     width: 152px;
     text-align: end;
     font-size: x-large;
     font-weight: 600;
 }

.div1b2 {
    height: 25px;
    width: 152px;
    font-size: 12px;
    display: flex;
    align-items: end;
    font-weight: 800;
}
 .temp7averagestar{
     padding-top: 6px;
 }
.wcrrp_product_review_wrapper h2{
    font-size: 20px;
    text-align: center;
} 