* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
}
body {
  background-color: #0a165ee5;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

@layer utilities {
  .border-custom {
    position: relative;
    z-index: 0;
  }
  .text-custom {
    background: linear-gradient(
      90deg,
      #bf8d34 0%,
      #ffe679 49.04%,
      #bf8d34 96.15%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .border-custom::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;
    border-radius: inherit;
    background: linear-gradient(90deg, #b58726, #f9dd5f, #bf8d34);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
  }
  footer {
    background-image: url("/assets/images/aff/footer-bg.png");
    background-position: center;
    background-size: cover;
  }
  .popover {
    z-index: 999 !important;
  }
}