.zshero-left-column .zpelem-spacer:first-child { display: none; }

.zphero { background: transparent; }
.zphero .zsborder-text-box { padding: 15px; }

@media all and (min-width: 992px) {
    .zphero .zsborder-text-box { padding: 30px; }
    .zphero .zsborder-box { padding: 30px; background: #0b0501; margin-left: -150px; position: relative; z-index: 1; }
    .zphero .zsoverlay-image-left { margin-left: -80px; margin-top: 410px; }
    .zphero .zsoverlay-image-right { margin-left: -100px; margin-bottom: 395px; }
    .zphero .zsoverlay-button { margin-bottom: -52px; }
    .zphero .zshero-left-column .zpelem-spacer:first-child { display: block; }
}
.info-section {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin: 50px auto;
  flex-wrap: wrap;
}


.info-section {
  display: flex;
  justify-content: center;
  gap: 35px;
  margin: 60px auto;
  flex-wrap: wrap;
}

/* MAIN BOX */
.info-box {
  width: 270px;
  padding: 35px 25px;
  text-align: center;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    #ff9a3c,
    #ff6f00,
    #ffb703
  );
  background-size: 300% 300%;
  color: #fff;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: hidden;
  animation: gradientMove 6s ease infinite,
             floatUp 1s ease forwards;
  transform: translateY(30px);
  opacity: 0;
}

/* STAGGER LOAD */
.info-box:nth-child(1) { animation-delay: 0.2s; }
.info-box:nth-child(2) { animation-delay: 0.4s; }
.info-box:nth-child(3) { animation-delay: 0.6s; }

/* SOFT GLOW OVERLAY */
.info-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at top,
    rgba(255,255,255,0.35),
    transparent 70%
  );
  opacity: 0.6;
  pointer-events: none;
}

/* SHINE EFFECT */
.info-box::after {
  content: "";
  position: absolute;
  top: -100%;
  left: -100%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent 30%,
    rgba(255,255,255,0.25),
    transparent 70%
  );
  transform: rotate(25deg);
  transition: 0.8s;
}

.info-box:hover::after {
  top: 100%;
  left: 100%;
}

/* HOVER EFFECT */
.info-box:hover {
  transform: translateY(-12px) scale(1.05);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.45);
}

/* TEXT STYLING */
.info-box h3 {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.info-box p {
  font-size: 19px;
  font-weight: 500;
  opacity: 0.95;
}

/* ANIMATIONS */
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes floatUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.cta-section {
  display: flex;
  gap: 25px;
  justify-content: center;
  margin: 40px auto;
  flex-wrap: wrap;
}

.btn {
  padding: 16px 38px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  position: relative;
  transition: 0.4s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* Register Button */
.btn-register {
  background: linear-gradient(135deg, #ffb703, #fb8500);
  color: #fff;
}

.btn-register:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 15px 35px rgba(251,133,0,0.6);
}

/* WhatsApp Button */
.btn-whatsapp {
  background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff;
}

.btn-whatsapp:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 15px 35px rgba(37,211,102,0.6);
}

/* Click ripple feel */
.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: rgba(255,255,255,0.25);
  opacity: 0;
  transition: 0.3s;
}

.btn:hover::after {
  opacity: 1;
}