.legal_page_wrapper
    @include tablet
      .col-md-8
        width: 100% !important
    @include tablet-ls
      .col-md-8
        width: 100% !important
    @include phone
        padding: 0 12px !important
    @include tablet_android
        padding: 0 12px !important
    h3
      font-size: 1.3rem !important
    ul
        li
            margin-bottom: 1rem
            position: relative
            &::marker
                font-size: 1.3rem

    .legal_toc_sidebar
        position: sticky
        top: 100px
        background-color: #F4F3FF
        padding: 1.5rem
        border-radius: 8px
        width: 95%
        @include tablet_android
            display: none
        ul
            list-style-type: none
            padding-left: 0
            li
                margin-bottom: 1rem
        .legal_toc
            color: #000000
            text-decoration: none
            pointer: relative
            &::before
                content: ''
                position: absolute
                left: 0
                top: 24px
                height: 2px
                background-color: #F4F3FF
                width: 80px
            &.active
                color: #92278F
                font-weight: 600
                &::before
                    background-color: #92278F
    h2
        color: #000
        font-weight: 600
        font-size: 1.2rem
        &.toc-heading
            color: #92278F
            font-size: 1.5rem !important
.home_hero
  background-size: 100% 100%
  padding: 10rem 0
  margin-top: -5rem
  @include phone
    padding: 14rem 0 2rem 0 !important
  @include tablet_android
    padding: 15rem 0 2rem 0 !important
  h1
    font-size: 2.75rem
    font-weight: 700
    margin-top: 0 !important
    margin-bottom: 1.5rem
    color: #1F1D1E
  p
    font-size: 1.2rem
    font-weight: normal
    color: #5A5962
    margin: 0 !important
  .hero_top_badge
    background-color: #d6fadf
    border-radius: 30px
    padding: 8px 20px
    justify-content: center
    margin: 0 auto 2rem
    width: fit-content
    font-size: 1rem
    align-items: center
    @include phone
      font-size: 0.8rem
  .hero_description
    text-align: center