.blog_content h2 {
  font-size: 1.2rem !important;
  color: #333 !important;
  padding-bottom: 10px !important;
}

.blog_content span {
  font-size: unset;
}

.blog_content ul,
.blog_content ol {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.blog_content li {
  margin-bottom: 0.5rem;
}

.blog_content img {
  width: 100% !important;
}

.banner_content h2 {
  font-size: 1.6rem !important;
  color: #333 !important;
  padding-bottom: 10px !important;
}

.custom-shadow {
  box-shadow: 0 10px 15px -3px #6965ea, 0 4px 6px -2px #6965ea;
}

.custom-shadow:hover {
  box-shadow: 0 25px 50px -12px #6965ea;
}

.blog_content h3,
.faq_content h3 {
  font-size: 1rem !important;
  color: #333333 !important;
  padding-bottom: 9px !important;
}

.blog_content p,
.faq_content p {
  color: #333 !important;
  font-size: 14px !important;
  padding-bottom: 8px !important;
}

.blog_content table {
  border: 1px solid gray !important;
  margin-bottom: 15px !important;
  width: 100% !important;
  display: block;
  overflow-x: auto;
}

.blog_content table tbody tr td {
  padding: 15px !important;
  width: auto !important;
  font-size: 14px !important;
  border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
  word-break: break-word;
  white-space: normal;
}

.blog_content table tbody tr:nth-child(odd) td {
  background-color: hsla(0, 0%, 50.2%, 0.0705882353) !important;
}

.blog_content table tbody tr:nth-child(even) td {
  background-color: white !important;
}

.blog_content table tbody tr:nth-child(even) td:hover {
  background-color: #f2f2f2 !important;
}

.blog_content table tbody tr:hover {
  background-color: #f2f2f2 !important;
}

.blog_content a,
.faq_content a {
  color: #4440e6 !important;
  font-size: 16px;
}

.faq_content p {
  color: #777 !important;
  font-size: 14px !important;
}

.overflow-y-auto::-webkit-scrollbar {
  width: 6px !important;
}

.overflow-y-auto::-webkit-scrollbar-track {
  background-color: transparent !important;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: #4440e6 !important;
  border-radius: 4px !important;
}

.line-clamp-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.line-clamp-3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

@media screen and (max-width: 480px) {
  .banner_content h2 {
    font-size: 1.3rem !important;
    color: #333 !important;
    padding-bottom: 10px !important;
  }

  .banner_content p {
    font-size: 14px !important;
  }

  .blog_content h2 {
    font-size: 1.3rem !important;
    color: #333 !important;
    padding-bottom: 10px !important;
  }
}

a {
  font-size: 13px;
}

/* Legacy 404 page (match umbrellapackaging-backend frontend) */
@keyframes umbrella-404-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

.umbrella-404-float {
  animation: umbrella-404-float 4s ease-in-out infinite;
}

.umbrella-404-float-delay-1 {
  animation-delay: 0.1s;
}

.umbrella-404-float-delay-2 {
  animation-delay: 0.3s;
}

.umbrella-404-float-delay-3 {
  animation-delay: 0.5s;
}

.umbrella-404-float-delay-4 {
  animation-delay: 0.7s;
}

.umbrella-404-grid-bg {
  background-image: linear-gradient(
      to right,
      rgb(209 213 219 / 0.45) 1px,
      transparent 1px
    ),
    linear-gradient(to bottom, rgb(209 213 219 / 0.45) 1px, transparent 1px);
  background-size: 40px 40px;
}