.witrav-tile-industries {--witrav-tile-gap: 20px; --witrav-tile-row-gap: 25px; --witrav-tile-unit: 60px; --witrav-tile-span: 4; --witrav-tile-image-h: 170px; overflow: hidden; padding-left: 0 !important; padding-right: 0 !important}
.witrav-tile-industries__heading {color: var(--wp--preset--color--contrast); max-width: 18em; margin-left: auto; margin-right: auto; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40)}
.witrav-tile-industries__marquee {display: flex; flex-direction: column; gap: var(--witrav-tile-row-gap) !important; overflow: hidden; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important}
.witrav-tile-industries__marquee > * {margin: 0 !important}
.witrav-tile-industries__row {--witrav-tile-marquee-shift: 50%; display: flex; flex-wrap: nowrap; align-items: flex-start; width: max-content; max-width: none; gap: var(--witrav-tile-gap) !important; margin: 0 !important; animation: witrav-tile-marquee 40s linear infinite}
.witrav-tile-industries__row > * {margin: 0 !important}
.witrav-tile-industries__set {display: flex; flex-wrap: nowrap; align-items: flex-start; flex: 0 0 auto; width: max-content; max-width: none; gap: var(--witrav-tile-gap) !important; margin: 0 !important}
.witrav-tile-industries__set > * {margin: 0 !important}
.witrav-tile-industries__row--ltr {animation-direction: reverse}
.witrav-tile-industries__row--rtl > :nth-child(6n+4),
.witrav-tile-industries__row--rtl .witrav-tile-industries__set > :nth-child(6n+4),
.witrav-tile-industries__row--ltr > :nth-child(6n+1),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+1),
.witrav-tile-industries__row--ltr > :nth-child(6n+4),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+4) {--witrav-tile-span: 5}
.witrav-tile-industries__row--rtl > :nth-child(6n+5),
.witrav-tile-industries__row--rtl .witrav-tile-industries__set > :nth-child(6n+5),
.witrav-tile-industries__row--ltr > :nth-child(6n+2),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+2),
.witrav-tile-industries__row--ltr > :nth-child(6n+5),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+5) {--witrav-tile-span: 3}
.witrav-tile-industries__row:hover {animation-play-state: paused}
.witrav-tile-industries__card {position: relative; display: flex; flex-direction: column; flex: 0 0 calc(var(--witrav-tile-span) * var(--witrav-tile-unit)); gap: 0 !important; width: calc(var(--witrav-tile-span) * var(--witrav-tile-unit)); min-width: 0; max-width: none; overflow: hidden; border-radius: 24px; background: var(--wp--preset--color--base); box-shadow: 0 14px 36px var(--wp--custom--brand-shadow)}
.witrav-tile-industries__card > * {margin: 0 !important}
.witrav-tile-industries__card-image {margin: 0 !important; width: 100%}
.witrav-tile-industries__card-image a {display: block; line-height: 0}
.witrav-tile-industries__card-image a::after {content: ""; position: absolute; inset: 0; z-index: 2}
.witrav-tile-industries__card-image img {display: block; width: 100% !important; height: var(--witrav-tile-image-h) !important; max-width: none; object-fit: cover}
.witrav-tile-industries__label {width: 100%; margin: 0; padding: 12px 16px; background: var(--wp--preset--color--base); font-weight: 600; font-size: 15.12px; line-height: 1.3; color: var(--wp--preset--color--contrast)}
.witrav-tile-industries__actions {display: flex; flex-wrap: wrap; gap: var(--witrav-tile-gap); align-items: center; justify-content: center; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40)}
.witrav-tile-industries__actions > * {margin: 0 !important}
.witrav-tile-industries__more {margin: 0}
.witrav-tile-industries__more a {display: inline-flex; align-items: center; gap: 8px; color: var(--wp--preset--color--accent-1); font-weight: 600; text-decoration: none}
.witrav-tile-industries__more a::after {content: ""; width: 16px; height: 16px; background-color: currentColor; transition: transform 0.5s ease; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.witrav-tile-industries__more a:hover::after,
.witrav-tile-industries__more a:focus-visible::after {transform: rotate(45deg)}

@keyframes witrav-tile-marquee {
  from {transform: translateX(0)}
  to {transform: translateX(calc(-1 * var(--witrav-tile-marquee-shift)))}
}

@media (prefers-reduced-motion: reduce) {
  .witrav-tile-industries__row {animation: none}
  .witrav-tile-industries__more a::after {transition: none}
}
