/* Converted from components/iletisim/contact-hero-backdrop.module.css — class names are namespaced "contact-hero-backdrop__*". */
.contact-hero-backdrop__backdrop {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.contact-hero-backdrop__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(clamp(2.5rem, 6vw, 4.5rem));
  opacity: 0.55;
}

.contact-hero-backdrop__blobYellow {
  background: radial-gradient(
    circle,
    rgb(245 196 0 / 32%),
    rgb(245 196 0 / 0%) 70%
  );
}

.contact-hero-backdrop__blobDark {
  background: radial-gradient(
    circle,
    rgb(255 255 255 / 8%),
    rgb(255 255 255 / 0%) 70%
  );
}

.contact-hero-backdrop__blob:nth-child(1) {
  top: -18%;
  left: -8%;
  width: 26rem;
  height: 26rem;
}

.contact-hero-backdrop__blob:nth-child(2) {
  top: 10%;
  right: -12%;
  width: 22rem;
  height: 22rem;
}

.contact-hero-backdrop__blob:nth-child(3) {
  bottom: -22%;
  left: 28%;
  width: 20rem;
  height: 20rem;
}