.qtrip-icon {
background-color: #fff;
}

/**** Allows the items in each group to display side by side or vertically depending on the screen size ****/
.fastHorGroup {
display: flex;
flex-flow: wrap;

}

/*** Controls the appearance of the card itself ****/
.fastHorContainer {
display: flex;
width: 300px;
height: 120px;
border-style: solid;
border-color: #FAFAFA;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

/*** Controls the appearance of the block that the image sits in on the left hand side ***/
.fastHorImgBlock {
width: 18%;
padding-right: 5px;
margin-right: 5px;

}

/***** centres the image around the middle of the block, vertically *******/
.fastHorImgBlock img {
padding-top: 50%;

}

/****** Controls the display of the text block that makes up the right hand part of the icon *******/
.fastHorTextBlock {
width: 78%;
padding-left: 5px;
}

/***** controls the appearance of the number in a card ******/
.fastHorNumber {
font-size: 28px;
text-align: left;
text-color: #00243F;
padding-top: 14px;
}

/***** Controls the appearance of the label used to explain the number in the card ******/
.fastHorLabel {
display: block;
font-size: 15px;
text-align: left;
line-height: 1;
margin-top: -19px;
}