.fuel-efficiency {
    width: 24px;
    height: 30px;
    color: white;
    /* font-weight: bold; */
    font-size: small;
    text-shadow: 1px 1px 4px gray;
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
.wet-grip {
    width: 24px;
    height: 30px;
    color: white;
    /* font-weight: bold; */
    font-size: small;
    text-shadow: 1px 1px 4px gray;
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
.noise {
    width: 46px;
    height: 30px;
    color: white;
    font-size: small;
    text-shadow: 1px 1px 4px gray;
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}

.fuel-efficiency.A {
  background-color: #009933;
}

.fuel-efficiency.B {
  background-color: #99cc00;
}

.fuel-efficiency.C {
  background-color: #ffcc00;
}

.fuel-efficiency.D {
  background-color: #ff9900;
}

.fuel-efficiency.E {
  background-color: #cc0000;
}

.fuel-efficiency.F {
    background-color: #990000;
}

/*Wet Grip*/
.wet-grip.A {
  background-color: #004B87;
}

.wet-grip.B {
  background-color: #006FBA;
}

.wet-grip.C {
  background-color: #008BC7;
}

.wet-grip.D {
  background-color: #5DBEE7;
}

.wet-grip.E {
  background-color: #9FD7EF;
}

.wet-grip.F {
    background-color: #a8daf0;
}

.noise.S {
  background-color: #b4b4b4;
  color: black;
}