/*******
	Breakpoints / Layout / Grid
********/
/* Breakpoints START */
/* Breakpoints END */
.usps-block {
  overflow: clip;
  padding: var(--spacing-10) 0;
}
@media (min-width: 1024px) {
  .usps-block {
    padding: var(--spacing-15) 0;
  }
}
.usps-block__inner {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5);
}
@media (min-width: 1024px) {
  .usps-block__inner {
    gap: var(--spacing-10);
  }
}
.usps-block__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-7-half);
  max-width: 650px;
  margin: auto;
  text-align: center;
}
.usps-block__title {
  font-family: var(--font-family-brand);
  font-size: var(--font-size-3xl);
  line-height: var(--line-height-md);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .usps-block__title {
    font-size: var(--font-size-4xl);
  }
}
.usps-block__items {
  --gap: var(--spacing-5);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap);
}
@media (min-width: 1024px) {
  .usps-block__items {
    --gap: var(--spacing-7-half);
    grid-template-columns: repeat(var(--cols), 1fr);
    max-width: calc(300px * var(--cols) + var(--gap) * (var(--cols) - 1));
    margin: auto;
  }
}
.usps-block__items--3-col {
  --cols: 3;
}
.usps-block__items--4-col {
  --cols: 4;
}
.usps-block__item {
  max-width: 300px;
  margin: auto;
  height: 100%;
  border: 1px solid var(--colour-brand-secondary-lighter-grey);
  padding: var(--spacing-6) var(--spacing-5);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5);
  text-align: center;
}
@media (min-width: 1024px) {
  .usps-block__item {
    padding: var(--spacing-7) var(--spacing-5);
    gap: var(--spacing-7);
  }
}
.usps-block__item-img {
  width: 60px;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .usps-block__item-img {
    width: 70px;
  }
}
.usps-block__item-name {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-md);
}
.usps-block__item-text {
  line-height: var(--line-height-md);
}