/* Styling for the introduction container */
.introduction-container {
    width: 100%;
    max-width: 100%;
    background: linear-gradient(to bottom, #f4f8fc, #e8f1fc);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 50px 20px;
  }
  
  .row {
    width: 100%;
    margin: 0;
  }
  
  .introduction-container h2 {
    font-size: 2.5rem;
  }
  .introduction-container p {
    font-size: 1rem;
    line-height: 1.8;
  }
  
  .introduction-container .intro-box {
    background-color: #ffffff;
    border-left: 5px solid #2f77ed;
  }
  .introduction-container .intro-box h4 {
    font-size: 1.25rem;
    color: #2f77ed;
  }
  .introduction-container .intro-box p {
    font-size: 1rem;
    color: #6c757d;
  }


  /* styling for the info cards */
  .info-card:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
  }

  /* Challenges Section Styles */
  .challenge-card {
    height: 100%;
    background-color: #f8f9fa; /* Light background for contrast */
    transition: transform 0.3s; /* Smooth hover effect */
  }

  .challenge-card:hover {
    transform: scale(1.05); /* Scale up on hover */
  }

  .icon-box {
  }