$reservation-usp-count: 3 !default;
$reservation-usp-icon-size: 24px !default;
$reservation-usp-icon-color: $text-dark !default;

.reservation-usp {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: $spacer;
}

.reservation-usp-item {
   display: flex;
   align-items: center;
   width: calc(100% / $reservation-usp-count);
   margin-bottom: $spacer;

   .fc {
      font-size: $reservation-usp-icon-size;
      color: $reservation-usp-icon-color;
      margin-right: 15px;
   }

   p {
      line-height: $line-height-sm;
      margin: 0;
   }
}

@media screen and (max-width: $sm - 1) {
   .reservation-usp {
      flex-wrap: wrap;
   }

   .reservation-usp-item {
      width: 100%;
   }
}
