.workforce-landing
  overflow: hidden
  .big-img
    @include phone
      width: 100% !important
  .w-30
    @include phone
      width: 80% !important
  .w-25
    @include phone
      width: 80% !important
  
.landing-hero-bg
  height: 110vh
  width: 100%
  background-size: cover
  @include phone
    height: 100%
    padding-top: 4rem
  h1
    font-size: 2.75rem
  p
    font-size: 1.25rem

.checklist-landing
  .big-img
    @include phone
      width: 100% !important
  .w-30
    @include phone
      width: 80% !important
  .w-35
    @include phone
      width: 90% !important
  .checklist-landing-hero
    @include desktop-ls
      height: 90vh !important
    @include phone
      height: 192vh !important

.landing-features
  display: flex
  width: 100%
  flex-wrap: wrap
  div
    flex-basis: 50%
    padding: 2rem 7rem
    @include phone
      flex-basis: 100%
      padding: 2rem


.social-proof
  h1
    color: #1BC000
    font-weight: 700
  .pizza-hut
    margin: 0 2rem
    width: 150px
  .blue-line
    bottom: 4rem
    right: 23rem
    @include desktop-ls
      right: 42rem
    @include phone
      display: none

.schedule-demo-btn
  padding: 0.5rem 1rem
  display: flex
  align-items: center
  justify-content: center
  font-size: 1.25rem
  background-color: #408CFF
  color: #fff
  font-weight: 700
  border-radius: 0.75rem
  &:hover
    color: #fff
    background-color: #0062F5
  
.purple-testimonial-div
  border-radius: 30px
  background: rgba(121, 110, 255, 0.25)
  box-shadow: -5px 4px 8px 3px rgba(0, 0, 0, 0.25)

.social-proof-purple
  background: linear-gradient(180deg, #796FFF 21.04%, rgba(161, 154, 251, 0.37) 100%)
  h1
    span
      color: #24FF00

.inventory-landing
  .big-img
    @include phone
      width: 100% !important
  .full-div
    @include phone
      width: 100% !important
  .hero-img
    @include desktop-ls
      width: 800px !important

.checklist-cards
  .card-header
    background: none
  .card-body
    background-color: #fff
    border-radius: 0 0 0.75rem 0.75rem
  box-shadow: -4px 4px 11px 0px rgba(0, 0, 0, 0.25)
  &:nth-child(1)
    background-color: rgba(255, 199, 199, 0.94)
  &:nth-child(2)
    background-color: rgba(255, 205, 199, 0.63)
  &:nth-child(3)
    background-color: rgba(255, 219, 199, 0.67)
  &:nth-child(4)
    background-color: rgba(255, 219, 199, 0.54)