/* ===== INDUSTRIES SHOWCASE ===== */
.zi-industries-showcase { padding: 4rem 0; background: linear-gradient(145deg, #ffffff 0%, #f8faff 100%); position: relative; overflow: hidden; isolation: isolate; }
.zi-container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; position: relative; z-index: 10; }
.zi-bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(23,71,158,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(23,71,158,0.03) 1px, transparent 1px); background-size: 50px 50px; pointer-events: none; z-index: 1; animation: zi-grid-float 25s linear infinite; }
.zi-bg-orb { position: absolute; border-radius: 50%; filter: blur(80px); z-index: 1; pointer-events: none; animation: zi-orb-pulse 12s infinite alternate; background: radial-gradient(circle at 30% 30%, rgba(37,99,235,0.1), transparent 70%); }
.zi-orb-1 { width: 500px; height: 500px; background: rgba(23,71,158,0.06); top: -200px; right: -100px; animation-delay: 0s; }
.zi-orb-2 { width: 450px; height: 450px; background: rgba(225,27,34,0.04); bottom: -200px; left: -100px; animation-delay: 3s; }
.zi-orb-3 { width: 350px; height: 350px; background: rgba(23,71,158,0.05); top: 30%; left: 10%; animation-delay: 6s; }
.zi-particle { position: absolute; width: 6px; height: 6px; background: rgba(225,27,34,0.15); border-radius: 50%; pointer-events: none; z-index: 1; animation: zi-particle-float 18s infinite linear; }
.zi-cta-banner { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(135deg, #0b1a33, #16469D); border-radius: 50px; padding: 2rem 3rem; margin: 3rem 0; box-shadow: 0 20px 40px -15px rgba(23,71,158,0.4); position: relative; z-index: 30; overflow: hidden; }
.zi-cta-content h4 { font-size: 1.8rem; font-weight: 700; color: white; margin-bottom: 0.3rem; }
.zi-cta-content p { font-size: 1rem; color: rgba(255,255,255,0.8); }
.zi-cta-button { display: inline-flex; align-items: center; gap: 1rem; background: white; color: #16469D; padding: 10px 20px; border-radius: 40px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.1); cursor: pointer; border: none;z-index:9999; }
.zi-cta-button:hover { transform: scale(1.05); background: #E01A22; color: white; gap: 1.5rem; }


@media (max-width: 992px) {
    .zi-cta-content h4 { font-size: 1.2rem;}

    .zi-cta-banner {
            margin: 0rem 0;
    }

    .meta-line {
        display:none;
    }
}


@media (max-width: 575px) { 

.zi-cta-button span {
    font-size: 14px;
}
}



.title-decoration {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 20px 0 24px;
}
.decoration-line {
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, #16469D, #E01A22);
  border-radius: 2px;
}
.decoration-diamond {
  width: 8px;
  height: 8px;
  background: #E01A22;
  transform: rotate(45deg);
}