.summary {border-bottom: 1px solid #d6d6d6;padding: 0 0 24px;grid-gap: 16px;}
/*00b67a,73cf11,ffce00,ff8622,ff3722 (5,4,3,2,1)  #d02b47  */
.tp-5 .tp-star__canvas, .tp-5 .tp-star__canvas--half {fill: #00b67a;}
[class*="tp-4"] .tp-star__canvas, [class*="tp-4"] .tp-star__canvas--half {    fill: #73cf11;}
[class*="tp-3"] .tp-star__canvas, [class*="tp-3"] .tp-star__canvas--half {    fill: #ffce00;}
[class*="tp-2"] .tp-star__canvas, [class*="tp-2"] .tp-star__canvas--half {    fill: #ff8622;}
[class*="tp-1"] .tp-star__canvas, [class*="tp-1"] .tp-star__canvas--half {    fill: #ff3722;}

[class*="tp-4.5"] .tp-star:nth-child(6) .tp-star__canvas
{ fill: #d8d8d8;}

.tp-4 .tp-star:nth-child(6) .tp-star__canvas, 
.tp-4 .tp-star:nth-child(6) .tp-star__canvas--half
{fill: #d8d8d8;}

[class*="tp-3.5"] .tp-star:nth-child(5) .tp-star__canvas, 
[class*="tp-3.5"] .tp-star:nth-child(6) .tp-star__canvas, 
[class*="tp-3.5"] .tp-star:nth-child(6) .tp-star__canvas--half
{ fill: #d8d8d8;}

.tp-3 .tp-star:nth-child(6) .tp-star__canvas, 
.tp-3 .tp-star:nth-child(6) .tp-star__canvas--half,
.tp-3 .tp-star:nth-child(5) .tp-star__canvas,
.tp-3 .tp-star:nth-child(5) .tp-star__canvas--half
{fill: #d8d8d8;}

[class*="tp-2.5"] .tp-star:nth-child(6) .tp-star__canvas,
[class*="tp-2.5"] .tp-star:nth-child(6) .tp-star__canvas--half,
[class*="tp-2.5"] .tp-star:nth-child(5) .tp-star__canvas, 
[class*="tp-2.5"] .tp-star:nth-child(5) .tp-star__canvas--half,
[class*="tp-2.5"] .tp-star:nth-child(4) .tp-star__canvas
{fill: #d8d8d8;}

.tp-2 .tp-star:nth-child(6) .tp-star__canvas,  
.tp-2 .tp-star:nth-child(6) .tp-star__canvas--half,
.tp-2 .tp-star:nth-child(5) .tp-star__canvas,
.tp-2 .tp-star:nth-child(5) .tp-star__canvas--half,
.tp-2 .tp-star:nth-child(4) .tp-star__canvas,
.tp-2 .tp-star:nth-child(4) .tp-star__canvas--half
{fill: #d8d8d8;}

[class*="tp-1.5"] .tp-star:nth-child(6) .tp-star__canvas,
[class*="tp-1.5"] .tp-star:nth-child(6) .tp-star__canvas--half,
[class*="tp-1.5"] .tp-star:nth-child(5) .tp-star__canvas, 
[class*="tp-1.5"] .tp-star:nth-child(5) .tp-star__canvas--half,
[class*="tp-1.5"] .tp-star:nth-child(4) .tp-star__canvas,
[class*="tp-1.5"] .tp-star:nth-child(4) .tp-star__canvas--half,
[class*="tp-1.5"] .tp-star:nth-child(3) .tp-star__canvas
{fill: #d8d8d8;}

.tp-1 .tp-star:nth-child(6) .tp-star__canvas,  
.tp-1 .tp-star:nth-child(6) .tp-star__canvas--half,
.tp-1 .tp-star:nth-child(5) .tp-star__canvas,
.tp-1 .tp-star:nth-child(5) .tp-star__canvas--half,
.tp-1 .tp-star:nth-child(4) .tp-star__canvas,
.tp-1 .tp-star:nth-child(4) .tp-star__canvas--half,
.tp-1 .tp-star:nth-child(3) .tp-star__canvas,
.tp-1 .tp-star:nth-child(3) .tp-star__canvas--half
{fill: #d8d8d8;}





.summaryAll  {padding: 24px 0;border-bottom: 1px solid #d6d6d6;}
.summaryAll > div {flex-basis: 33.3%;}
.summaryScore  {padding: 24px 0;border-bottom: 1px solid #d6d6d6;}
.scoresHeading {margin-bottom: 12px;grid-gap: 1em;align-items: center;}
.scoresHeading b{font-size: x-large;}
.scores {display: flex;flex-direction: column;grid-gap: 16px;}
.scorebar {display: flex;grid-gap: 16px;justify-content: space-around;}
.scorebarProgess {flex-grow: 1;background: #dcdce6;position: relative;overflow: hidden;}
.scorebarRating { width:100px;text-align: left;}
.scorebarPercentage { width:50px;text-align: right;}
.scorebarStatus {background: #d02b47;width: 0%;display: block;position: absolute;height: 100%;transition: width 1s cubic-bezier(0.88, 0, 0.21, 1);}

.trust-pilot{ display: none;}
.trust-pilot.review { display: inline;}
.tpReiview {padding: 24px 0 24px 0;border-bottom: 1px solid #d6d6d6;}
.tpScore{padding: 12px 0 12px 0;}
.tpScore img {max-width: 150px;}
.tpContent {}
.tpVarified { display:block;margin-top: 16px;display: flex;flex-wrap: nowrap;align-content: center;align-items: center;gap: 8px;}
.tpVarified:before {font-family: feather;content: "\e116";background: #5c5c70;color: #fff;font-size: 8px;border-radius: 100%;width: 20px;height: 20px;line-height: 20px;text-align: center;}

@media screen and (max-width: 1024px){
    .summaryAll > div {flex-basis:50%;}
}

@media screen and (max-width: 768px){
    .scorebarRating { width:50px;text-align: left;}
    .summaryAll { flex-direction:column; grid-gap: 16px;}
    .summaryAll > div {flex-basis:100%;}
}


.tpattachments {display:flex;gap: 8px;margin-top: 9px;flex-wrap: wrap;}
.tpattachments img {width: 100px;object-fit: cover;height: 100px;}
@media screen and (max-width: 768px){
    .tpattachments img {width: 75px;height: 75px;}
}