/* Uzair Digital package pages: clean pricing cards */
#packages {
  background: #ffffff !important;
  color: #111111 !important;
  padding: 4.75rem 0 5rem !important;
}

#packages > div {
  max-width: 1120px !important;
}

#packages .chip {
  background: rgba(255, 180, 0, 0.12) !important;
  color: #111111 !important;
  border: 1px solid rgba(255, 180, 0, 0.28) !important;
  box-shadow: none !important;
}

#packages .text-center > h2,
#packages > div > div:first-child h2 {
  color: #111111 !important;
  font-size: clamp(2rem, 4vw, 3.15rem) !important;
  line-height: 1.08 !important;
}

#packages .grid.lg\:grid-cols-3,
#packages .grid.md\:grid-cols-3,
#packages .pricing-grid,
#packages .package-grid {
  gap: 1.25rem !important;
  align-items: stretch !important;
}

#packages .package-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  padding: 1.5rem !important;
  border: 1px solid rgba(17, 17, 17, 0.10) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 14px 36px rgba(17, 17, 17, 0.06) !important;
  overflow: visible !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

#packages .package-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 180, 0, 0.75) !important;
  box-shadow: 0 22px 54px rgba(17, 17, 17, 0.10) !important;
}

#packages .package-card.featured {
  border: 2px solid #FFB400 !important;
  box-shadow: 0 22px 58px rgba(255, 180, 0, 0.18) !important;
  transform: none !important;
}

#packages .package-card.featured:hover {
  transform: translateY(-5px) !important;
}

#packages .package-card .absolute,
#packages .package-card.featured .absolute {
  top: -16px !important;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: #000000 !important;
  color: #FFB400 !important;
  border: 0 !important;
  padding: .52rem 1rem !important;
  font-size: .7rem !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 32px rgba(17, 17, 17, 0.24) !important;
  z-index: 3 !important;
}

#packages .package-card > span:first-child,
#packages .package-card .text-xs.font-extrabold,
#packages .package-card .text-sm.font-extrabold.text-primary {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 .75rem !important;
  color: #FFB400 !important;
  background: transparent !important;
  letter-spacing: .12em !important;
}

#packages .package-card h2,
#packages .package-card h3 {
  color: #111111 !important;
  font-size: 1.45rem !important;
  line-height: 1.2 !important;
  margin: 0 0 .75rem !important;
}

#packages .package-card p {
  color: #555555 !important;
  font-size: .92rem !important;
  line-height: 1.6 !important;
  margin: 0 0 1.1rem !important;
}

/* Best For block hidden per request. */
#packages .package-card > .rounded-2xl,
#packages .package-card > div.rounded-2xl {
  display: none !important;
}

#packages .package-card .mb-5 {
  margin-bottom: 0 !important;
}

#packages .package-card .mb-5 > p.font-heading,
#packages .package-card .font-heading.font-extrabold.mb-3 {
  color: #111111 !important;
  margin: 0 0 .8rem !important;
}

#packages .package-card ul {
  display: grid !important;
  gap: .72rem !important;
  padding: 1rem 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
  background: transparent !important;
}

#packages .package-card li {
  color: #444444 !important;
  font-size: .88rem !important;
  line-height: 1.45 !important;
  gap: .62rem !important;
}

#packages .package-card li i {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  margin-top: .12rem !important;
  border-radius: 999px !important;
  color: #111111 !important;
  background: #FFB400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .5rem !important;
}

#packages .package-card .border-t {
  margin-top: auto !important;
  padding: 1rem 0 0 !important;
  border-color: transparent !important;
  background: transparent !important;
}

#packages .package-card .border-t > div {
  min-height: 28px !important;
}

#packages .package-card .text-\[\#555\],
#packages .package-card .text-gray-500,
#packages .package-card span {
  color: #555555 !important;
}

#packages .package-card strong {
  color: #111111 !important;
}

#packages .package-card strong.font-heading,
#packages .package-card .text-xl,
#packages .package-card .text-2xl,
#packages .package-card .text-3xl {
  color: #111111 !important;
  font-size: clamp(1.75rem, 2.6vw, 2.25rem) !important;
  line-height: 1 !important;
}

#packages .package-card strong.font-heading::before {
  content: "Starting at";
  display: block;
  color: #777777;
  font-size: .72rem;
  line-height: 1.35;
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .2rem;
}

#packages .package-card .btn-primary {
  min-height: 48px !important;
  border-radius: 999px !important;
  border: 2px solid #FFB400 !important;
  background: #FFB400 !important;
  color: #111111 !important;
  box-shadow: 0 12px 24px rgba(255, 180, 0, 0.24) !important;
  font-size: .9rem !important;
  font-weight: 900 !important;
  padding: .72rem 1rem !important;
}

#packages .package-card .btn-primary:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(17, 17, 17, 0.16) !important;
}

@media (max-width: 1024px) {
  #packages > div {
    max-width: 780px !important;
  }
}

@media (max-width: 768px) {
  #packages {
    padding: 4rem 0 !important;
  }

  #packages .grid {
    gap: 1rem !important;
  }

  #packages .package-card {
    padding: 1.25rem !important;
  }
}