/* ===============================
   Glyde Talents – Dark Footer
   =============================== */

.footer {
  position: relative;
  background: radial-gradient(
      900px 400px at 20% 20%,
      rgba(30, 136, 229, 0.12),
      transparent 60%
    ),
    radial-gradient(
      800px 350px at 80% 70%,
      rgba(0, 230, 118, 0.12),
      transparent 60%
    ),
    linear-gradient(180deg, #020617, #000000);
  color: #e5e7eb;
  padding: 80px 0 40px;
  overflow: hidden;
}

/* Soft glow overlay */
.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(30,136,229,0.05),
      rgba(0,230,118,0.05),
      rgba(30,136,229,0.05)
    );
  opacity: 0.6;
  pointer-events: none;
}

/* Footer headings */
.footer h4 {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 14px;
}

/* Footer links */
.footer-links a,
.footer-legal a {
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-links a:hover,
.footer-legal a:hover {
  color: #60a5fa; /* blue accent */
}

/* Brand text */
.footer-brand p {
  color: #a7f3d0;
  margin-top: 10px;
}

/* Social icon */
.footer-social .social-link {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  color: #60a5fa;
  transition: all 0.3s ease;
}

.footer-social .social-link:hover {
  background: rgba(96,165,250,0.2);
  color: #93c5fd;
  transform: translateY(-3px);
}

/* Footer bottom */
.footer-bottom {
  margin-top: 50px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom p {
  color: #9ca3af;
  font-size: 14px;
}

.ftl{ margin-left: 10px !important;}
@media (max-width: 768px) {
  .ftl {
    margin-left: 10px;
  }
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.brand img {
  height: 45px; /* adjust if needed */
}

.brand-text-wrap {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

/* Main Title */
.brand-title {
  font-size: 24px;
  font-weight: 600;
  background: linear-gradient(90deg, #1E6FD9, #2BB6A3, #6BCF3A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Tagline */
.brand-tagline {
  font-size: 10.8px;
  color: #8A8FC6;; /* blue from logo */
  font-weight: 500;
}

        @keyframes colorShift {
            0% {
                color: #0099ff;
                text-shadow: 0 0 10px #0099ff, 0 0 20px #0099ff, 0 0 30px #0099ff;
            }
            50% {
                color: #00ffa6;
                text-shadow: 0 0 10px #00ffa6, 0 0 20px #00ffa6, 0 0 30px #00ffa6;
            }
            100% {
                color: #0099ff;
                text-shadow: 0 0 10px #0099ff, 0 0 20px #0099ff, 0 0 30px #0099ff;
            }
        }

        @keyframes pulse {
            0%, 100% {
                color: #0099ff;
                transform: scale(1);
            }
            50% {
                color: #00ffa6;
                transform: scale(1.05);
            }
        }

        @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        .animate-color {
            animation: colorShift 4s ease-in-out infinite;
        }

        .animate-pulse-custom {
            animation: pulse 2s ease-in-out infinite;
        }

       

 @media (max-width: 768px) {
        
  

  .hero-container {
    flex-direction: column;
    text-align: center;
  }

  .hero-animation {
    display: none;
  }
}


  
   

/* Moving belt container - Iski height aur badha di gayi hai */