.hardware_banner
  height: 100vh
  background-position: bottom
  @include phone
    background-image: none !important
    height: 80vh
  @include desktop
    background-position: center
  .hardware_hero_bg_mobile
    display: none
    @include phone
      display: block
      top: 0
      position: absolute
      margin-top: -6rem
      max-width: 100%
  h1
    width: 100%
  .index_hero
    display: unset
    text-align: center

.hardware_section1
  .hardware_section1_wrap
    text-align: center
    margin-bottom: 5rem
    margin-top: 2rem
    img
      max-width: 100%
    .hardware_section1_image
      .hardware_hover
        display: none
        transition: transform 0.5s ease
      .hardware_unhover
        display: inline-flex
        transition: transform 0.5s ease
      &:hover
        .hardware_hover
          display: inline-flex
        .hardware_unhover
          display: none
    .hardware_section1_description
      h5
        font-size: 1.4rem
        font-weight: 300
        margin: 0 0 1.5rem
      h4
        font-size: 1.8rem
        margin-top: 0
        font-weight: 600
    .learn_more
      background-color: #fff
      padding: 1rem 2rem
      display: inline-flex
      border-radius: 30px;
      font-weight: normal
      color: #92278F
      border: 1px solid #92278F
      width: 160px
      justify-content: center
      transition: 0.25s ease
      margin-right: 10px
      &:hover
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)
    .buy_now
      background-color: #92278F
      padding: 1rem 2rem
      display: inline-flex
      border-radius: 30px;
      font-weight: normal
      color: #fff
      border: 1px solid #92278F
      width: 160px
      justify-content: center
      transition: 0.25s ease
      &:hover
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)