:root {
  --zt-primary:      #016B8E;
  --zt-primary-dark: #014F6A;
  --zt-primary-mid:  #01547D;
  --zt-accent:       #00A3CC;
}

/* ── Force the teal gradient background ── */
.footer2-section-area {
  position: relative !important;
  background: linear-gradient(
    135deg,
    #014F6A   0%,
    #016B8E   30%,
    #01547D   55%,
    #023D5A   75%,
    #014F6A   100%
  ) !important;
  overflow: hidden !important;
  margin-top: -50px;
}

/* ── Animated mesh overlay ── */
.footer2-section-area::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 50% at 80% 30%, rgba(63,175,212,0.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 10% 70%, rgba(0,163,204,0.16) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 50% 10%, rgba(1,107,142,0.35) 0%, transparent 50%);
  z-index: 1;
  pointer-events: none;
}

/* ── Moving grid lines ── */
.footer2-section-area .zt-grid-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.06;
  background-image:
    linear-gradient(rgba(63,175,212,1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63,175,212,1) 1px, transparent 1px);
  background-size: 60px 60px;
  animation: zt-grid-scroll 20s linear infinite;
}
@keyframes zt-grid-scroll {
  from { background-position: 0 0; }
  to   { background-position: 60px 60px; }
}

/* ── Floating orbs ── */
.footer2-section-area .zt-orb-1 {
  position: absolute;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(63,175,212,0.18) 0%, transparent 65%);
  top: -200px; right: -150px;
  pointer-events: none; z-index: 1;
  animation: zt-orb-float1 14s ease-in-out infinite alternate;
}
.footer2-section-area .zt-orb-2 {
  position: absolute;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,163,204,0.20) 0%, transparent 65%);
  bottom: -100px; left: -80px;
  pointer-events: none; z-index: 1;
  animation: zt-orb-float2 18s ease-in-out infinite alternate;
}
.footer2-section-area .zt-orb-3 {
  position: absolute;
  width: 280px; height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(110,198,224,0.15) 0%, transparent 65%);
  top: 40%; left: 45%;
  pointer-events: none; z-index: 1;
  animation: zt-orb-float3 22s ease-in-out infinite alternate;
}
@keyframes zt-orb-float1 {
  from { transform: translate(0,0) scale(1); }
  to   { transform: translate(-40px, 30px) scale(1.12); }
}
@keyframes zt-orb-float2 {
  from { transform: translate(0,0) scale(1); }
  to   { transform: translate(30px, -25px) scale(1.08); }
}
@keyframes zt-orb-float3 {
  from { transform: translate(0,0) scale(1) rotate(0deg); }
  to   { transform: translate(-20px, 15px) scale(1.15) rotate(5deg); }
}

/* ── Top glowing line ── */
.footer2-section-area .zt-top-line {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(63,175,212,0.8),
    #00A3CC,
    rgba(63,175,212,0.8),
    transparent
  );
  z-index: 10;
  animation: zt-line-glow 3s ease-in-out infinite alternate;
}
@keyframes zt-line-glow {
  from { opacity: 0.6; }
  to   { opacity: 1; }
}

/* ── Footer canvas ── */
#zt-footer-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0.65;
}

/* ── CRITICAL: Content above all animation layers ── */
.footer2-section-area .container {
  position: relative;
  z-index: 5 !important;
}
.footer2-section-area .footer2-last-section {
  position: relative;
  z-index: 5 !important;
  background: var(--white-10, rgba(255, 255, 255, 0.1));
}
.footer2-section-area .footer-header {
  position: relative;
  z-index: 5 !important;
}

/* ── Fix text colors for dark background in CTA area ── */
.footer2-section-area .footer-header h2 {
  color: #ffffff !important;
}
.footer-auhtor-area img {
    height: 50px;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area h3 {
  margin-left: 50px;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area .footer-ul {
   margin-left: 50px;
}
.footer2-section-area .footer2-last-section .footer-auhtor-area p {
    color: #fff;
    font-size: 16px;
    font-family: "Figtree", sans-serif;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    margin-top: 24px;  
}
.footer-auhtor-area .ul-pro{
    margin-left: 40px;
}