.hero-pricing {
  position: relative;
  background-color: #DBFF26;
  padding: 6.25rem 0 6.25rem;
}
.hero-pricing .tagline {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 1rem;
}
.hero-pricing p,
.hero-pricing h1,
.hero-pricing h2,
.hero-pricing h3,
.hero-pricing h4,
.hero-pricing h5,
.hero-pricing h6,
.hero-pricing span {
  color: #000000;
}
.hero-pricing h1 {
  margin-bottom: 1.25rem;
}
.hero-pricing .subheading {
  font-size: 1.25rem;
}
.hero-pricing .subheading.tag {
  font-size: 1rem;
  background: #000000;
  color: #DBFF26;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  width: fit-content;
  border-radius: 3rem;
  margin: 0;
}
.hero-pricing .icon-container {
  display: flex;
  justify-content: center;
  gap: 2.625rem;
  margin-top: 2.5rem;
  flex-wrap: wrap;
}

.pricing-cards {
  margin-top: 48px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 767px) {
  .pricing-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 991px) {
  .pricing-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

.pricing-card {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
  padding: 2.625rem 1.875rem;
  border-radius: 1.5rem;
  border: 1px solid #000000;
  background-color: #ffffff;
  backdrop-filter: blur(4px);
  transition: all ease 0.2s;
}
.pricing-card-badge {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
}
.pricing-card-badge p {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0 0 8px 8px;
  background-color: #000000;
  padding: 7px 12px;
  color: #DBFF26;
}
.pricing-card-header {
  display: flex;
  flex-direction: column;
  min-height: 295px;
}
.pricing-card-header h2 {
  font-size: clamp(2rem, 4vw, 2rem);
  font-weight: 700;
  text-transform: uppercase;
}
.pricing-card-header .excerpt {
  color: #000000;
}
.pricing-card-header .price {
  font-size: clamp(1.125rem, 4vw, 1.125rem);
  font-weight: 700;
}
.pricing-card-header .price strong {
  font-size: clamp(2rem, 4vw, 2rem);
  font-weight: 700;
}
.pricing-card-header .price-subtitle {
  font-size: 0.875rem;
}
.pricing-card-header .price-subtitle.no-price {
  color: #000000;
  font-weight: 700;
}
.pricing-card-header .price-subtitle strong {
  font-size: clamp(1.125rem, 4vw, 1.125rem);
}
.pricing-card-header .primary-button {
  font-size: clamp(0.9375rem, 4vw, 0.9375rem);
  width: 100%;
  padding: 14px;
  margin-top: auto;
}
.pricing-card-body .users {
  display: flex;
  align-content: center;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4;
  gap: 0.5rem;
}
.pricing-card-body .users::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232F323E' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM8.5 9.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0Zm9.76 7.48a7.99 7.99 0 0 1-12.52 0 10.86 10.86 0 0 1 12.52 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.pricing-card-body .include-text {
  font-weight: 700;
  font-size: 0.875rem;
}
.pricing-card-body .include {
  display: flex;
  align-content: center;
  font-size: 0.875rem;
  line-height: 1.4;
  gap: 0.5rem;
}
.pricing-card-body .include::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='20' height='20' fill='%23DBFF26' rx='10'/%3E%3Cpath fill='%23000' d='m8.41 11.87 5.49-5.04a.65.65 0 0 1 .45-.17c.17 0 .32.06.45.17a.56.56 0 0 1 0 .85l-5.93 5.46a.65.65 0 0 1-.46.18.65.65 0 0 1-.45-.18L5.18 10.6a.53.53 0 0 1-.19-.42c.01-.17.08-.3.2-.43a.66.66 0 0 1 .47-.17c.18 0 .33.06.46.17l2.3 2.13Z'/%3E%3C/svg%3E");
}

/*# sourceMappingURL=s-hero_pricing.css.map */