@import '../_var'

.privacy-secA
  margin-top: 30px
  padding: 0 0 65px
  @include media(675)

  .website-content
    .heading
      text-align: left
      font-size: 48px
      margin-bottom: 25px
      color: var(--black)
      font-family: $SFProDisplay
      font-weight: 800
      @include media(675)
        font-size: 26px

    h2
      font-size: 28px
      font-weight: 500

    h3
      font-size: 24px
      font-weight: 500

    h4
      font-size: 19px
      font-weight: 500

    h5
      font-size: 17px

    h6
      font-size: 15px

    h2, h3, h4
      margin: 40px 0 15px

    h5, h6
      margin: 30px 0 15px
    h1,h2,h3,h4,h5,h6
      font-family: $SFProDisplay

    p, li
      color: var(--text)
      text-align: left

    a
      color: #000000
      &:hover
        text-decoration: underline

    p
      margin-bottom: 20px

    ul
      margin-bottom: 20px
      padding-left: 35px
      li
        position: relative
        padding-left: 35px
        font-family: $SFProDisplay
        &:not(:last-child)
          margin-bottom: 6px

        &::before
          content: ""
          position: absolute
          top: 8px
          left: 0
          width: 10px
          aspect-ratio: 1
          border-radius: 50%
          background: var(--primary)

@media (max-width: 675px)
  .privacy-secA
    padding: 0 0 45px

@media (max-width: 991px)
  .privacy-secA .website-content h1
    font-size: 42px

@media (max-width: 675px)
  .privacy-secA .website-content h1
    font-size: 34px

@media (max-width: 520px)
  .privacy-secA .website-content h1
    font-size: 28px

@media (max-width: 675px)
  .privacy-secA .website-content h2
    font-size: 22px

@media (max-width: 675px)
  .privacy-secA .website-content h3
    font-size: 21px

@media (max-width: 675px)
  .privacy-secA .website-content ul
    padding-left: 10px

@media (max-width: 675px)
  .privacy-secA .website-content ul li
    padding-left: 25px

/*# sourceMappingURL=other.css.map


.comman-banner
    position: relative
    color: white
    overflow: hidden
    height: 100vh
    display: flex
    flex-direction: column
    justify-content: center

    img,video
      position: absolute
      inset: 0
      width: 100%
      height: 100%
      object-fit: cover

    &::before
        position: absolute
        inset: 0
        width: 100%
        height: 100%
        content: ""
        background: linear-gradient(180deg, rgb(0 0 0 / 26%) 40.14%, rgb(0 0 0 / 33%) 68.77%)

    .bg-wrapper
        position: absolute
        top: 50%
        left: 50%
        transform: translate(-50%, -50%)
        width: 100%
        max-width: 650px
          
        .heading
            max-width: 100%
            margin: 0 auto
            text-align: center

            h3
              margin-bottom: 10px

                
            
            p
                font-family: $SFProDisplay
                font-weight: 300
                color: $white
                margin-top: 15px
                width: 100%
                max-width: 450px
                margin: 0 auto
                padding: 12px 0 20px
                font-size: 16px
                @include media(540)
                  text-align: center

            .btn
                margin-top: 30px