.cookie-policy {
  margin-top: 71px;

  &::before {
    left: 39px;
    background-image: url("./../images/background/bg-cookie.png");
    height: 859px;
    transform: translateY(-197px);
  }

  &-content {
    max-width: 1078px;
    width: 100%;
    margin: 0 auto;
    padding: 56px 54px 42px 57px;

    &::before {
      background-color: rgba(#1d222e, 0.79);
      border-radius: 20px;
    }

    h2 {
      font-size: 44px;
      font-weight: bold;
      line-height: 54px;
      color: #fff;
      max-width: fit-content;

      span {
        color: #f6509c;
      }

      &::before {
        right: -11px;
        left: -5px;
        background-image: linear-gradient(
          140.44deg,
          #8f2ffd 26.52%,
          rgba(#48187f, 0) 77.38%
        );
        @extend %radius-8;
        opacity: 0.08;
      }
    }

    .sub-title {
      margin: 37px 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 22px;
      color: #dbe1f3;
    }

    p,
    ul li {
      font-size: 14px;
      font-weight: 500;
      color: #acb3c9;
      line-height: 40px;
    }

    p {
      &:not(:last-child) {
        margin-bottom: 20px;
      }
    }

    ul li {
      list-style: inside auto;
    }
  }

  @include sm {
    &::before {
      background-size: cover;
    }

    &-content {
      padding: 50px 24px 38px;
    }
  }

  @include xs {
    &::before {
      transform: translateY(-157px);
    }

    &-content {
      padding: 45px 16px 32px 12px;

      h2 {
        font-size: 32px;
        line-height: 45px;
      }

      .sub-title {
        font-size: 16px;
      }

      p,
      ul {
        font-size: 12px;
        line-height: 28px;
      }

      p:not(:last-child) {
        margin-bottom: 14px;
      }
    }
  }
}