.footer-big {
  /* background: #020617 !important; */

  background: #1b2343;
  /* Deeper, more premium navy-black */
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Animated Cyber Background */
.footer-cyber-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.footer-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle,
    rgba(1, 187, 245, 0.05) 1.5px,
    transparent 1.5px
  );
  background-size: 60px 60px;
  opacity: 0.8;
  animation: footer-grid-drift 30s linear infinite;
}

@keyframes footer-grid-drift {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 60px 60px;
  }
}

.footer-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.5;
  /* Increased for more visible glow */
  animation: footer-orb-float 18s infinite alternate ease-in-out;
}

.footer-orb-1 {
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgb(1 187 245 / 58%) 0%, transparent 70%);

  bottom: -300px;
  left: -200px;
}

.footer-orb-2 {
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgb(255 162 40 / 56%) 0%, #ffa024 70%);
  top: -200px;
  right: -150px;
  animation-delay: -9s;
}

@keyframes footer-orb-float {
  0% {
    transform: translate(0, 0) scale(1);
  }

  100% {
    transform: translate(80px, 60px) scale(1.2);
  }
}

.footer-big::before {
  content: '';
  position: absolute;
  inset: 0;
  /* background: radial-gradient(circle at 50% 50%, rgba(2, 6, 23, 0) 0%, #020617 100%); */
  z-index: 0;
}

.footer-glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 60px;
}

@media (max-width: 576px) {
  .footer-glass-card {
    padding: 20px;
  }
}

.footer-widget-title-premium {
  font-family: var(--tp-ff-phudu, 'Phudu', sans-serif);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

.footer-widget-title-premium::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, #10b981, transparent);
}

.footer-widget ul li a {
  transition: all 0.3s ease;
  display: inline-block;
  position: relative;
}

.footer-widget ul li a:hover {
  color: #ffffff !important;
  transform: translateX(5px);
}

.footer-social a {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  display: inline-block;
  transition: all 0.3s ease;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.footer-social a:hover {
  background: var(--nav-accent, #10b981);
  color: #ffffff !important;
  transform: translateY(-3px);
}

.footer-model-card {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.1);
  border-radius: 12px;
  padding: 20px;
}

.cert-icons span {
  background: rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.cert-icons span:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.footer-contact-info i {
  color: var(--nav-accent, #10b981);
  margin-right: 10px;
}

.tp-btn-footer-small {
  background: var(--nav-accent, #10b981);
  color: #fff !important;
  padding: 8px 21px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

.tp-btn-footer-small:hover {
  background: #fff;
  color: var(--nav-accent, #10b981) !important;
  transform: translateY(-2px);
}

.cert-logo-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  padding: 10px 9px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  flex: 1;
  transition: all 0.3s ease;
}

.cert-logo-box:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

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

.fs-11 {
  font-size: 11px !important;
}

.x-small {
  font-size: 11px !important;
}

@media (max-width: 991px) {
  .footer-widget {
    margin-bottom: 30px;
  }
}