/* components/cases/src/scss/cases.scss */
.c-cases__title {
  margin-bottom: 1.875rem;
}
.c-cases__title h2 {
  color: var(--iio-base-solicon-light-blue);
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: var(--iio-fw-medium);
  line-height: 1;
}
@media (min-width: 48em) {
  .c-cases__title h2 {
    font-size: 8.75rem;
  }
}
@media (min-width: 75em) {
  .c-cases__title h2 {
    font-size: 12.5rem;
  }
}
@media (min-width: 48em) {
  .c-cases__title {
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    pointer-events: none;
  }
}
.c-cases__cases .grid {
  grid-row-gap: 2.5rem !important;
}
@media (min-width: 48em) {
  .c-cases__cases .grid {
    grid-row-gap: 5rem !important;
  }
}
@media (min-width: 62em) {
  .c-cases__cases .grid {
    grid-row-gap: 0 !important;
  }
}
@media (min-width: 48em) {
  .c-cases__cases .c-cases__cases__item:nth-child(4n+1) {
    grid-column: auto/span 7;
    grid-column-start: 1;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+2) {
    grid-column: auto/span 4;
    grid-column-start: 9;
    padding-top: 5.625rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+3) {
    grid-column: auto/span 5;
    grid-column-start: 2;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+4) {
    grid-column: auto/span 4;
    grid-column-start: 8;
    padding-top: 8.125rem;
  }
}
@media (min-width: 62em) {
  .c-cases__cases .c-cases__cases__item:nth-child(4n+1) {
    grid-column: auto/span 14;
    grid-column-start: 1;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+2) {
    grid-column: auto/span 7;
    grid-column-start: 17;
    padding-top: 13.125rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+3) {
    grid-column: auto/span 8;
    grid-column-start: 3;
    margin-top: -2.5rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+4) {
    grid-column: auto/span 7;
    grid-column-start: 13;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+5) {
    padding-top: 5rem;
  }
}
@media (min-width: 75em) {
  .c-cases__cases .c-cases__cases__item:nth-child(4n+2) {
    padding-top: 17.5rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+3) {
    margin-top: -5rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+5) {
    padding-top: 8.75rem;
  }
}
@media (min-width: 93.75em) {
  .c-cases__cases .c-cases__cases__item:nth-child(4n+2) {
    padding-top: 23.75rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+3) {
    margin-top: -8.4375rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+4) {
    padding-top: 11.25rem;
  }
  .c-cases__cases .c-cases__cases__item:nth-child(4n+5) {
    padding-top: 11.25rem;
  }
}
@media (min-width: 48em) {
  .c-cases__cases {
    margin-top: -100vh;
  }
}
.c-cases__cta {
  margin-top: 2.5rem;
}
@media (min-width: 48em) {
  .c-cases__cta {
    margin-top: 5.3125rem;
  }
}
@media (min-width: 75em) {
  .c-cases__cta {
    margin-top: 9.375rem;
  }
}
/*# sourceMappingURL=cases.css.map */