body {
      background-color: #f8f9fa;
    }

    .hero-section {
      background: linear-gradient(135deg,rgba(51, 172, 177, 1) 0%, rgba(76, 207, 212, 0.85) 100%);
      color: white;
      padding: 80px 0;
    }

    .section-title {
      font-weight: 700;
      color: #33ACB1;
    }

    .feature-card {
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
    }

    .icon-box {
      width: 56px;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background-color: #e7f1ff;
      color: #33ACB1;
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }