@import '../_var'

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

  .website-content
    .heading
      text-align: left
      font-size: 48px
      margin-bottom: 25px
      color: var(--black)
      font-family: $Poppins
      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: $Poppins

    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: $Poppins
        &: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

    &::before
        content: ''
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 47.79%, rgba(0, 0, 0, 0.75) 88.57%),linear-gradient(180deg, rgba(0, 0, 0, 0) 46.07%, rgba(0, 0, 0, 0.7) 89.64%)

    .bg-wrapper
        position: absolute
        top: 50%
        left: 50%
        transform: translate(-50%, -50%)
        width: 100%
        max-width: 650px
        @include media(540)
          max-width: 350px

        
          
        .heading
            max-width: 100%
            margin: 0 auto
            text-align: center

            h3
              margin-bottom: 10px

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

            .btn-fill
                margin-top: 30px