.formats {
  padding: 6.25rem 0;
}
@media (min-width: 60em) {
  .formats__head:not(:last-child) {
    margin-bottom: 5rem;
  }
}
@media (min-width: 47.9375em) and (max-width: 60em) {
  .formats__head:not(:last-child) {
    margin-bottom: clamp( 3.75rem , -1.2176165803rem  +  10.3626943005vw , 5rem );
  }
}
@media (max-width: 47.9375em) {
  .formats__head:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}
.formats__title {
  font-family: Evolventa;
  line-height: 0.8;
  max-width: 40.625rem;
}
@media (min-width: 60em) {
  .formats__title {
    font-size: 2.625rem;
  }
}
@media (min-width: 47.9375em) and (max-width: 60em) {
  .formats__title {
    font-size: clamp( 2.25rem , 0.7597150259rem  +  3.1088082902vw , 2.625rem );
  }
}
@media (max-width: 47.9375em) {
  .formats__title {
    font-size: 2.25rem;
  }
}
.formats__body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 47.9375em) {
  .formats__body {
    gap: 1.25rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .formats__body {
    gap: clamp( 0.5rem , -0.7543554007rem  +  4.181184669vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .formats__body {
    gap: 0.5rem;
  }
}
.formats__item {
  display: grid;
  background-color: var(--light-grey-color);
  border-radius: 0.625rem;
  align-items: center;
  gap: 0.625rem 1.875rem;
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .formats__item {
    padding-top: clamp( 1rem , 0.5818815331rem  +  1.393728223vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .formats__item {
    padding-top: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .formats__item {
    padding-bottom: clamp( 1rem , 0.5818815331rem  +  1.393728223vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .formats__item {
    padding-bottom: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .formats__item {
    padding-left: clamp( 1rem , 0.5818815331rem  +  1.393728223vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .formats__item {
    padding-left: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .formats__item {
    padding-right: clamp( 1rem , 0.5818815331rem  +  1.393728223vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .formats__item {
    padding-right: 1rem;
  }
}
@media (width >= 61.99875em) {
  .formats__item {
    padding: 0.625rem;
    padding-left: 1.875rem;
    grid-template-columns: 3.125rem 1fr 1fr 2.5rem;
  }
}
@media (40.625em < width < 61.99875em) {
  .formats__item {
    padding: 1.25rem;
    grid-template-columns: 3.125rem 1fr 2.5rem;
  }
}
@media (width < 40.625em) {
  .formats__item {
    grid-template-columns: 3.125rem auto;
  }
}
.formats__item i {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--dark-blue-color);
}
@media (40.625em < width < 61.99875em) {
  .formats__item i {
    grid-row: 1/span 2;
  }
}
@media (width < 40.625em) {
  .formats__item i {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .formats__item i:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.formats__item h1, .formats__item h2, .formats__item h3, .formats__item h4, .formats__item h5 {
  font-family: Evolventa;
  line-height: 1.2;
}
@media (min-width: 77.5em) {
  .formats__item h1, .formats__item h2, .formats__item h3, .formats__item h4, .formats__item h5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 30em) and (max-width: 77.5em) {
  .formats__item h1, .formats__item h2, .formats__item h3, .formats__item h4, .formats__item h5 {
    font-size: clamp( 1.25rem , 0.9342105263rem  +  1.0526315789vw , 1.75rem );
  }
}
@media (max-width: 30em) {
  .formats__item h1, .formats__item h2, .formats__item h3, .formats__item h4, .formats__item h5 {
    font-size: 1.25rem;
  }
}
@media (40.625em < width < 61.99875em) {
  .formats__item h1, .formats__item h2, .formats__item h3, .formats__item h4, .formats__item h5 {
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
@media (width < 40.625em) {
  .formats__item h1, .formats__item h2, .formats__item h3, .formats__item h4, .formats__item h5 {
    grid-column: 1/span 2;
  }
}
.formats__item q {
  align-self: start;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--dark-blue-color);
  border-radius: 0.3125rem;
}
.formats__item q::before, .formats__item q::after {
  content: "";
}
@media (40.625em < width < 61.99875em) {
  .formats__item q {
    grid-row: 1/span 2;
  }
}
@media (width < 40.625em) {
  .formats__item q {
    grid-column-start: 2;
    grid-row-start: 1;
    margin-left: auto;
  }
}
.formats__text {
  line-height: 1.3;
}
@media (min-width: 47.9375em) {
  .formats__text {
    font-size: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .formats__text {
    font-size: clamp( 0.9375rem , 0.8329703833rem  +  0.3484320557vw , 1rem );
  }
}
@media (max-width: 30em) {
  .formats__text {
    font-size: 0.9375rem;
  }
}
.formats__text span {
  color: var(--grey-on-white-color);
}
@media (width >= 61.99875em) {
  .formats__text {
    max-width: 23.75rem;
    padding: 0.625rem 0;
  }
}
@media (40.625em < width < 61.99875em) {
  .formats__text {
    grid-column-start: 2;
  }
}
@media (width < 40.625em) {
  .formats__text {
    grid-column: 1/span 2;
  }
}