/* =============================================
   SDE GROUP — FOOTER STYLESHEET
   ============================================= */

/* ---- FOOTER ---- */
.sde-footer { background-color: var(--navy-dark); padding: 80px 0 0; color: rgba(255,255,255,0.75); }
.footer-logo { height: 64px; width: auto; object-fit: contain; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5)); opacity: 0.9; }
.footer-tagline { color: var(--white); font-weight: 500; font-size: 0.9375rem; margin-bottom: 0.25rem; }
.footer-sub { color: var(--gold); font-size: 0.8125rem; }
.footer-heading { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gold); margin-bottom: 1rem; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 0.6rem; font-size: 0.9rem; }
.footer-links a { color: rgba(255,255,255,0.7); transition: var(--transition); }
.footer-links a:hover { color: var(--gold); padding-left: 4px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); margin-top: 3rem; padding: 1.5rem 0; display: flex; justify-content: space-between; align-items: center; font-size: 0.8125rem; color: rgba(255,255,255,0.4); flex-wrap: wrap; gap: 0.5rem; }

/* ---- FOOTER RESPONSIVE ---- */
@media (max-width: 767.98px) {
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ---- FOOTER BREATHING LIGHTS ---- */
.footer-light-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
    inset: 0;
	margin: 0 auto;
	overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

.footer-lightings {
	bottom: -60px;
	position: absolute;
	width: 100%;
}

.light-section {
	border-radius: 50%;
	height: 20px;
	width: 100%;
	position: relative;
	margin: auto;
}

.light-one { animation: one 5s ease-in-out infinite alternate; }
@keyframes one { 
    from { box-shadow: 0 0 250px 20px #0a1f44; }
    to { box-shadow: 0 0 100px 15px #0d2a5e; }
}

.light-two { width: 90%; animation: two 4s ease-in-out infinite alternate; }
@keyframes two { 
    from { box-shadow: 0 0 250px 20px #081836; }
    to { box-shadow: 0 0 100px 15px #00d2ff; }
}

.light-three { width: 80%; animation: three 3s ease-in-out infinite alternate; }
@keyframes three { 
    from { box-shadow: 0 0 250px 20px #0a1f44; }
    to { box-shadow: 0 0 100px 15px #b8972e; }
}

.light-four { width: 70%; animation: four 2s ease-in-out infinite alternate; }
@keyframes four { 
    from { box-shadow: 0 0 250px 20px #051024; }
    to { box-shadow: 0 0 100px 15px #D4AF37; }
}

.light-five { width: 60%; animation: five 1s ease-in-out infinite alternate; }
@keyframes five { 
    from { box-shadow: 0 0 250px 20px #0d2a5e; }
    to { box-shadow: 0 0 100px 15px #00f2fe; }
}