/* Use the supplied transparent tag artwork */
.hero .hero-info-one {
  top: 19% !important;
  right: 4% !important;
  width: clamp(170px, 17vw, 245px) !important;
  height: clamp(300px, 32vw, 455px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('/assets/hero-leads-tag.webp?v=1') center / contain no-repeat !important;
  box-shadow: none !important;
  filter: blur(.18px) drop-shadow(0 24px 30px rgba(0,0,0,.38)) !important;
  opacity: .88 !important;
  overflow: visible !important;
}

.hero .hero-info-one::before,
.hero .hero-info-one::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 900px) {
  body main .hero {
    padding-bottom: 250px !important;
  }

  .hero .hero-info-one {
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    bottom: 24px !important;
    width: 146px !important;
    height: 220px !important;
    opacity: .92 !important;
    filter: blur(.12px) drop-shadow(0 20px 24px rgba(0,0,0,.42)) !important;
    animation: heroTagFloatMobile 5.8s ease-in-out infinite !important;
  }
}

@media (max-width: 430px) {
  .hero .hero-info-one {
    left: 50% !important;
    right: auto !important;
    bottom: 20px !important;
    width: 132px !important;
    height: 204px !important;
    opacity: .9 !important;
  }
}

@keyframes heroTagFloatMobile {
  0%, 100% { transform: translate3d(-50%, 0, 0) rotate(4deg); }
  50% { transform: translate3d(-50%, -12px, 0) rotate(1deg); }
}
