.industries-section {
  padding-block: 54px 42px;
}

.industries-section .section-header {
  margin-bottom: 0;
}

.industries-section .industry-track {
  padding-top: 26px;
  padding-bottom: 10px;
}

.industries-section .industry-navigation {
  padding-top: 10px;
}

.service-icon-art {
  place-items: center;
  height: 210px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.service-icon-orbit {
  border: 1px solid #8e78cf28;
  border-radius: 50%;
  width: 164px;
  height: 164px;
  position: absolute;
  transform: rotate(-25deg) scaleY(.7);
}

.service-icon-glass {
  color: #6753b4;
  background: linear-gradient(135deg, #ffffffd9, #ccc4f066 65%, #b1c7f67a);
  border: 1px solid #ffffffd9;
  border-radius: 30px;
  place-items: center;
  width: 112px;
  height: 112px;
  transition: transform .5s, box-shadow .5s, color .5s;
  display: grid;
  transform: rotate(-7deg);
  box-shadow: inset 0 1px 2px #fff, 0 17px 32px #6553aa20;
}

.service-icon-glass svg {
  transform: rotate(7deg);
}

.service-tile:hover .service-icon-glass, .service-tile:focus-visible .service-icon-glass {
  color: #426cc6;
  transform: translateY(-7px) rotate(0);
  box-shadow: inset 0 1px 2px #fff, 0 22px 38px #6553aa35;
}

.service-tile:hover .service-icon-glass svg {
  transform: rotate(0);
}

@media (width <= 767px) {
  .industries-section {
    padding-block: 38px 30px;
  }

  .industries-section .industry-track {
    padding-top: 22px;
  }

  .service-icon-art {
    height: 180px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-icon-glass {
    transition: none;
  }
}

.industries-section .industry-image {
  opacity: .68;
  filter: brightness(.78) saturate(.8);
  transition: filter .45s, opacity .45s, transform .7s;
}

.industries-section .industry-card:hover .industry-image, .industries-section .industry-card:focus-visible .industry-image {
  opacity: 1;
  filter: brightness() saturate();
}

.industries-section .industry-card:after {
  background: linear-gradient(#17082136 0%, #3518751c 40%, #13071ded 100%);
  transition: background .45s;
}

.industries-section .industry-card:hover:after, .industries-section .industry-card:focus-visible:after {
  background: linear-gradient(#0000 0%, #35187508 40%, #13071de6 100%);
}

.service-gallery > .service-tile, .industry-track > .industry-card {
  scroll-snap-align: start;
}