.industry_hero
  background-size: cover
  background-position: center
  padding: 10rem 0 8rem 0
  position: relative
  overflow: hidden
  margin-top: -6rem
  @include tablet
    padding: 14rem 0 1rem 0 !important
    margin-bottom: 2rem !important
  @include phone
    padding: 15rem 12px 4rem 12px
    margin-bottom: 0
  .features_hero_image_card_wrapper
    .main_image_card
      width: 75%
      margin: 0 auto
      margin-right: 0
      position: relative
      height: 100%
      @include tablet
        width: 100% !important
        margin-top: 2rem !important
      @include phone
        width: 100%
        margin-top: 1.5rem
      .floating_image_industry
        width: 60%
        position: absolute
        top: 5rem
        left: -9.4rem
        @include tablet
          display: none
        @include phone
          display: none
      img
        width: 100%
        height: 100%
        object-fit: cover
  .features_hero_description
    height: 100%
    align-content: center
    a
      background: #92288E 0% 0% no-repeat padding-box
      border-radius: 10px
      border: 1px solid #92288E
      opacity: 1
      font-size: 1.2rem
      font-weight: normal
      color: #fff
      display: inline-flex
      align-items: center
      justify-content: center
      padding: 1.2rem 1.2rem
      transition: .4s ease-in-out
      &:hover
        background-color: #fff !important
        color: #92288E !important
    h1
      font-size: 2.75rem
      font-weight: 800
      color: #1F1D1E
      margin-top: 0
      margin-bottom: 1rem
      @include phone
        font-size: 2.2rem !important
    p
      font-size: 1.2rem
      font-weight: normal
      margin-top: 0 !important
      margin-bottom: 2.5rem !important
      color: #5A5962
      @include phone
        margin-bottom: 1.5rem !important
      @include tablet
        padding: 0 15px
        padding-left: 0 !important



.industry_features_main
  margin: 5rem 0 7rem 0 !important
  @include desktop
    .col-lg-6
      margin-bottom: 1.5rem !important
  @include desktop-125
    .col-lg-6
      margin-bottom: 1.5rem !important
  @include phone
    margin: 2rem 0 0rem 0 !important
    padding: 0 12px
    .col-lg-6
      padding: 0 !important
  .industry_features_common
    background: #FFFFFF 0% 0% no-repeat padding-box
    border: 1px solid #70707043
    border-radius: 10px
    opacity: 1
    overflow: hidden
    margin-bottom: 1.5rem
    @include desktop
      height: 100% !important
      position: relative
    @include desktop-125
      height: 100% !important
      position: relative
    .industry_features_common_description
      padding: 1.2rem
      h3
        font-size: 2.5rem
        font-weight: 700
        color: #1F1D1E
        margin-top: 0
        margin-bottom: 1rem
        @include phone
          font-size: 2rem !important
        @include desktop
          font-size: 2rem !important
      p
        font-size: 1.2rem
        font-weight: normal
        margin: 0 !important
        @include phone
          margin-bottom: 1.5rem !important
      ul
        list-style: none
        display: flex
        align-items: center
        flex-wrap: wrap
        padding-left: 0
        margin-bottom: 0
        @include desktop
          margin-bottom: 1.5rem !important
        @include desktop-125
          margin-bottom: 1.5rem !important
        li
          display: flex
          align-items: center
          margin-right: 1rem
          margin-bottom: 1rem
          width: fit-content
          padding: .8rem
          background-color: #F2F2F2
          border-radius: 10px
          p
            font-size: 1.1rem
            font-weight: 500
            color: #1F1D1E
            margin: 0 !important
          span
            width: 12px
            height: 12px
            background-color: #92288E
            border-radius: 50%
            display: inline-block
            margin-right: 0.8rem
    a
      font-size: 1.2rem
      font-weight: 600
      color: #92288E
      transition: .4s ease-in-out
      display: flex
      align-items: center
      background-color: #F4E9F3
      padding-left: 1.2rem
      padding-top: 12px
      padding-bottom: 12px
      @include desktop
        position: absolute
        bottom: 0
        left: 0
        right: 0
      @include desktop-125
        position: absolute
        bottom: 0
        left: 0
        right: 0
      @include phone
        padding-right: 1.2rem
      span
        width: 22px
        height: 22px
        display: inline-block
        margin-left: .5rem
        position: relative
        top: 4px
        img
          width: 100%
          height: 100%
          aspect-ratio: 51 / 44
          object-fit: contain !important
          display: block
    .industry_features_common_image
      width: 100%
      overflow: hidden
      height: 100%
      img
        width: 100%
        height: 100%
        object-fit: cover