/* ===============================
   PROBLEM SECTION
================================= */

.problem-section {
  background: #f4f6f9;
  padding: 100px 0;
}

.problem-title {
  font-size: 40px;
  font-weight: 700;
  color: #0f172a;
}

.problem-highlight {
  color: #ef4444;
}

.problem-subtitle {
  color: #4a6a91;
  margin-top: 10px;
  font-size: 18px;
}

.problem-card {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 30px;
  text-align: left;
  transition: all 0.3s ease;
  height: 100%;
}

.problem-card:hover {
  border: 1px solid #ef4444;
  transform: translateY(-8px);
}

.problem-card h5 {
  font-weight: 600;
  margin-top: 15px;
}

.problem-card p {
  color: #4a6a91;
  font-size: 14px;
  margin-top: 10px;
}

.problem-icon {
  width: 60px;
  height: 60px;
  background: #fde8e8;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: iconFloat 4s ease-in-out infinite;
}

@keyframes iconFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.problem-icon i {
  font-size: 24px;
  color: #ef4444;
}

.problem-bottom-text {
  color: #ef4444;
  font-weight: 600;
  margin-top: 30px;
}
.problem-card:hover .problem-icon {
  transform: scale(1.1);
  background: #ef4444;
}

.problem-card:hover .problem-icon i {
  color: white;
}