/* Hero */
    .hero-section {
      position: relative;
      background: url('https://picsum.photos/1920/800?contact,charity') center/cover no-repeat;
      height: 50vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hero-section::before {
      content: "";
      position: absolute; top:0; left:0;
      width:100%; height:100%;
      background: rgba(0,0,0,0.6);
    }
    .hero-section h1 {
      position: relative;
      color: #ffc107;
      font-size: 3rem;
      font-weight: bold;
      z-index: 1;
    }

    /* Contact Section */
    .contact-box {
      background: #fff;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    }
    .contact-icon {
      font-size: 2rem;
      color: #ffc107;
      margin-right: 15px;
    }

    /* Donation Options */
    .donation-box {
      background: #fff3cd;
      border: 1px solid #ffeeba;
      border-radius: 15px;
      padding: 30px;
      margin-top: 30px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }
    .donation-box h4 {
      font-weight: bold;
      margin-bottom: 20px;
      color: #856404;
    }
    .donation-method {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      background: #fff;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }
    .donation-method i {
      font-size: 1.8rem;
      margin-right: 15px;
      color: #ffc107;
    }