/* theme-incentives.css */

.section-vivid-incentives .incentives-four-grid {
  display: block !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  padding: 0 !important;
  gap: 0 !important;
}

.section-vivid-incentives .vivid-incentive-box {
  flex: none !important;
  width: auto !important;
  scroll-snap-align: none !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 1.5rem 0 !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) !important;
  column-gap: 1rem !important;
  row-gap: 0.5rem !important;
}

.section-vivid-incentives .vivid-incentive-box:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
}

.section-vivid-incentives .vivid-incentive-box:hover {
  transform: none !important;
  box-shadow: none !important;
}

.section-vivid-incentives .incentive-num {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  font-family: var(--font-serif) !important;
  font-size: 1.6rem !important;
  line-height: 1.1 !important;
  color: #c9c9bb !important;
}

.section-vivid-incentives .incentive-box-title {
  grid-column: 2 !important;
  margin: 0 !important;
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  text-transform: none !important;
  min-height: 0 !important;
}

.section-vivid-incentives .incentive-box-copy {
  grid-column: 2 !important;
  margin: 0 !important;
  font-size: 1.0625rem !important;
  line-height: 1.6 !important;
  color: #c9c9bb !important;
}

.section-vivid-incentives .incentives-head {
  margin-bottom: 2rem !important;
}

.section-vivid-incentives .incentives-head .vivid-section-title-center {
  text-align: left !important;
  font-size: clamp(2.4rem, 4.5vw, 3.75rem) !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  margin: 0 0 1.5rem !important;
}

@media (min-width: 1025px) {
  .section-vivid-incentives .content-container {
    display: grid !important;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr) !important;
    gap: clamp(2rem, 5vw, 5rem) !important;
    align-items: start !important;
  }

  .section-vivid-incentives .incentives-head {
    position: sticky !important;
    top: 6rem !important;
    margin-bottom: 0 !important;
  }

  .section-vivid-incentives .vivid-incentive-box {
    grid-template-columns: 4rem minmax(0, 1fr) minmax(0, 1.1fr) !important;
    padding: 2rem 0 !important;
  }

  .section-vivid-incentives .incentive-num {
    grid-row: 1 !important;
    font-size: 2.2rem !important;
  }

  .section-vivid-incentives .incentive-box-title,
  .section-vivid-incentives .incentive-box-copy {
    grid-column: auto !important;
    grid-row: 1 !important;
  }
}
.section-vivid-incentives .incentive-box-title,
.section-vivid-incentives .incentive-box-copy,
.section-vivid-incentives .incentive-num {
  text-align: left !important;
  justify-self: start !important;
}