.second-section {
  position: relative;
  background: #f1f1ff;
  height: 80vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 40px 20px;
}

.second-content {
  position: absolute;
  top: 5%;
  width: 100%;
  text-align: center;
  z-index: 2;
  color: white;
  padding: 0 20px;
}

.second-heading {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 0;
  color: #1c1f5f;
}

.second-image-container {
  position: relative;
  /* z-index: 1; */
  display: flex;
  justify-content: center;
  width: 100%;
  height: 90%;
  margin-top: 100px;
}

.second-image {
  max-width: 120%;
  height: 100%;
  width: 110%;
  object-fit: contain;
  opacity: 0.9;
}

/* Responsive Design */
@media (max-width: 768px) {
  .second-heading {
    font-size: 28px;
  }

  .second-content {
    top: 10%;
  }

  .second-image {
    /*width: 400px;*/
  }
}

.rethinking-animated-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}

.rethinking-ball {
  position: absolute;
  border-radius: 50%;
  opacity: 0.18;
  background: linear-gradient(135deg, #ffb347 0%, #ffcc80 100%);
  width: 120px;
  height: 120px;
  animation: moveBall1 7s linear infinite alternate;
}

.ball2 {
  background: linear-gradient(135deg, #6ee7b7 0%, #a7f3d0 100%);
  width: 80px;
  height: 80px;
  left: 70%;
  top: 60%;
  animation: moveBall2 9s linear infinite alternate;
}

.ball3 {
  background: linear-gradient(135deg, #60a5fa 0%, #a5b4fc 100%);
  width: 100px;
  height: 100px;
  left: 20%;
  top: 70%;
  animation: moveBall3 11s linear infinite alternate;
}

.rethinking-ball.ball4 {
  background: linear-gradient(135deg, #fbbf24 0%, #fde68a 100%);
  width: 60px;
  height: 60px;
  left: 80%;
  top: 10%;
  animation: moveBall4 13s linear infinite alternate;
}

.rethinking-ball.ball5 {
  background: linear-gradient(135deg, #f472b6 0%, #fbcfe8 100%);
  width: 90px;
  height: 90px;
  left: 5%;
  top: 60%;
  animation: moveBall5 15s linear infinite alternate;
}
.ball6 {
  background: linear-gradient(135deg, #60a5fa 0%, #a5b4fc 100%);
  width: 100px;
  height: 100px;
  left: 20%;
  top: 70%;
  animation: moveBall3 11s linear infinite alternate;
}

.rethinking-ball.ball7 {
  background: linear-gradient(135deg, #fbbf24 0%, #fde68a 100%);
  width: 60px;
  height: 60px;
  left: 80%;
  top: 10%;
  animation: moveBall4 13s linear infinite alternate;
}

.rethinking-ball.ball8 {
  background: linear-gradient(135deg, #f472b6 0%, #fbcfe8 100%);
  width: 90px;
  height: 90px;
  left: 5%;
  top: 60%;
  animation: moveBall5 15s linear infinite alternate;
}

@keyframes moveBall1 {
  0% { left: 10%; top: 10%; }
  100% { left: 30%; top: 30%; }
}
@keyframes moveBall2 {
  0% { left: 70%; top: 60%; }
  100% { left: 60%; top: 20%; }
}
@keyframes moveBall3 {
  0% { left: 20%; top: 70%; }
  100% { left: 40%; top: 50%; }
}
@keyframes moveBall4 {
  0% { left: 80%; top: 10%; }
  100% { left: 60%; top: 40%; }
}
@keyframes moveBall5 {
  0% { left: 5%; top: 60%; }
  100% { left: 25%; top: 20%; }
}

.rethinking-word {
  position: absolute;
  font-size: 2rem;
  color: #fff;
  opacity: 0.13;
  font-weight: 700;
  pointer-events: none;
  z-index: 2;
  animation: moveWord1 8s linear infinite alternate;
}

.word2 {
  left: 60%;
  top: 20%;
  animation: moveWord2 10s linear infinite alternate;
}

.rethinking-word.word3 {
  left: 20%;
  top: 30%;
  font-size: 1.7rem;
  animation: moveWord3 12s linear infinite alternate;
}
.rethinking-word.word4 {
  left: 75%;
  top: 75%;
  font-size: 2.2rem;
  animation: moveWord4 14s linear infinite alternate;
}

@keyframes moveWord1 {
  0% { left: 30%; top: 60%; }
  100% { left: 50%; top: 40%; }
}
@keyframes moveWord2 {
  0% { left: 60%; top: 20%; }
  100% { left: 70%; top: 60%; }
}
@keyframes moveWord3 {
  0% { left: 20%; top: 30%; }
  100% { left: 35%; top: 60%; }
}
@keyframes moveWord4 {
  0% { left: 75%; top: 75%; }
  100% { left: 60%; top: 40%; }
}

