.volunteer-banner {
     background: #f2f2f2;
     padding: 120px 0;
   }

   .volunteer-banner h1 {
     font-size: 60px;
     font-family: serif;
     color: #444;
   }

   .volunteer-banner p {
     color: #7a3db8;
     letter-spacing: 2px;
   }

   .volunteer-section {
     padding: 80px 0;
   }

   .vision-section img {
     width: 100%;
   }

   .title-box {
     background: #e6a23c;
     padding: 5px 20px;
     color: #fff;
     font-weight: bold;
     align-items: center;
   }

   .title-box h2 {
     font-size: 30px;
   }

   .volunteer-list {
     margin-top: 20px;
   }

   .volunteer-list li {
     margin-bottom: 10px;
   }

   .volunteer-form {
     background: #f5f5f5;
     padding: 40px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   }

   .volunteer-section img {
     width: 100%;
     height: 450px;
     object-fit: cover;
     border-radius: 6px;
   }

   .volunteer-form input,
   .volunteer-form textarea {
     width: 100%;
     padding: 12px;
     margin-bottom: 15px;
     border: 1px dashed #999;
   }

   .form-buttons {
     display: flex;
     gap: 10px;
   }

   .btn-reset {
     background: #ff3333;
     border: none;
     padding: 10px 20px;
     color: white;
     border-radius: 10px;
   }

   .btn-submit {
     background: #ff3333;
     border: none;
     padding: 10px 20px;
     color: white;
     border-radius: 10px;
   }

   .vision-section {
     padding: 80px 0;
   }

   .mission-box {
     background: #777;
     color: white;
     padding: 40px;
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
   }


     .about-banner {
       background: #e9e6e4;
       padding: 120px 0;
       text-align: center;
     }
  
     .about-banner h1 {
       font-size: 70px;
       font-weight: 700;
     }
  
     .about-banner p {
       font-size: 28px;
       margin-top: 15px;
     }
  
     /* board */
  
     .board-section {
       background: #3f3f3f;
       padding: 100px 0;
       color: #fff;
       text-align: center;
     }
  
     .member-card {
       background: #fff;
       padding: 30px;
       color: #333;
       margin: 20px;
     }
  
     .member-card img {
       width: 200px;
       height: 200px;
       object-fit: cover;
       margin-bottom: 20px;
     }
  
     /* discover */
  
     .discover {
       padding: 100px 0;
     }
  
     .discover h2 {
       font-size: 50px;
       margin-bottom: 20px;
     }
  
     /* services */
  
     .services {
       background: #f7f7f7;
       padding: 100px 0;
       text-align: center;
     }
  
     .services h2 {
       font-size: 50px;
       margin-bottom: 20px;
     }
  
  
     /* quote */
  
     .quote {
       background: #444;
       color: #fff;
       padding: 120px 0;
       text-align: center;
     }
  
     .quote h2 {
       font-size: 50px;
     }
  
     .read-btn {
       background: #e7a640;
       color: #fff;
       padding: 12px 35px;
       text-decoration: none;
     }
  
     /* faq */
  
     .faq {
       padding: 100px 0;
     }
  
     .accordion-btn {
       width: 100%;
       padding: 20px;
       border: none;
       background: #e76f51;
       color: #fff;
       font-size: 20px;
       text-align: left;
     }
  
     .accordion-content {
       display: none;
       padding: 20px;
       background: #f5f5f5;
     }
    .faq-section {
      padding: 100px 0;
      background: #f4f4f4;
    }
  
    .faq-title {
      font-size: 60px;
      font-weight: 700;
      margin-bottom: 10px;
    }
  
    .faq-sub {
      color: #7c4dff;
      letter-spacing: 2px;
      margin-bottom: 40px;
    }
  
    .faq-img {
      width: 100%;
      border-radius: 4px;
    }
  
    .faq-item {
      margin-bottom: 20px;
      background: #fff;
    }
  
    .faq-question {
      padding: 22px;
      font-size: 20px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #f4f4f4;
    }
  
    .faq-item.active .faq-question {
      background: #e4664e;
      color: #fff;
    }
  
    .faq-answer {
      display: none;
      padding: 20px;
      color: #666;
      line-height: 1.7;
    }
  
    .faq-item.active .faq-answer {
      display: block;
    }
  
    .icon {
      font-size: 22px;
      font-weight: bold;
    }

        .committee-section {
          padding: 80px 0;
        }
    
        .committee-table {
          width: 100%;
          border-collapse: collapse;
          font-family: Arial;
        }
    
        .committee-table th {
          font-size: 28px;
          padding: 20px;
          text-align: center;
        }
    
        .committee-table td {
          padding: 25px;
          font-size: 18px;
          border-top: 1px solid #fff;
        }
    
        /* column colors */
    
        .col-sno {
          background: #5f5f5f;
          color: #fff;
          width: 8%;
          text-align: center;
        }
    
        .col-name {
          background: #e5a23b;
          width: 22%;
          text-align: center;
        }
    
        .col-designation {
          background: #4b4b4b;
          color: #fff;
          width: 22%;
          text-align: center;
        }
    
        .col-profile {
          background: #e5a23b;
          width: 48%;
        }