.type-bg {

  /* .circle-box {
    @apply absolute bottom-0 left-0 w-full h-full overflow-hidden pointer-events-none;

    .circle-1,
    .circle-2,
    .circle-3 {
      border-radius: 50%;
      filter: blur(200px);
      @apply absolute bg-orange;
    }

    .circle-1 {
      width: 1319px;
      height: 783px;
      top: 350px;
      @apply opacity-80;

      @screen md {
        left: 242px;
      }

      @screen lg {
        left: 557px;
      }

      @screen xxl {
        left: 791px;
      }
    }

    .circle-2 {
      width: 812px;
      height: 466px;
      @apply opacity-50;
      top: 780px;

      @screen md {
        left: -96px;
      }

      @screen lg {
        left: 219px;
      }

      @screen xxl {
        left: 453px;
      }
    }

    .circle-3 {
      width: 830px;
      height: 474px;
      @apply opacity-20;
      top: 800px;

      @screen md {
        top: 928px;
        left: 525px;
      }

      @screen lg {
        top: 968px;
        left: 840px;
      }

      @screen xxl {
        left: 1074px;
      }
    }
  }

  .circle-box.fixed-bg {
    @apply fixed;
  } */
}
  .type-bg section {
  position: relative;
  z-index: 1;
}
  .type-bg img.bg-orange-blur {
    z-index: 0;
  }
  .type-bg {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
  @media (min-width: 768px) {
  .type-bg {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}
  .type-bg .bg-orange-blur {
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 0;
    max-width: 500px;
  }
  @media (min-width: 576px) {
  .type-bg .bg-orange-blur {
    top: -40vh;
    max-width: none;
  }
    }
  .type-bg .bg-orange-blur.fixed-bg {
  position: fixed;
}
  .type-bg .bg-orange-blur-top {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 0;
    width: 100%;
  }

/*# sourceMappingURL=type-bg.css.map */