/* Text Styles */

.custom-text2 {
    font-size: 20px;
    font-weight: bold;
    background: linear-gradient(to right, #990000 0%, #ff0066 100%);
    -webkit-background-clip: text;
    color: transparent;
    padding-top: 25px;
  }

  .heading {
  margin-top: 55px; 
  }

  /*Tabel Styles */

  .table-container {
      width: 85%; 
      margin: 20px auto;
      overflow-x: auto; 
  }

  table.acc {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
  }

  table.acc th {
      background-color: #004080;
      color: white;
      padding: 10px;
      text-align: left;
      font-size: 14px;
  }

  table.acc tr {
      border-bottom: 1px solid #ddd;
  }

  table.acc td {
      padding: 10px;
      text-align: left;
      font-size: 14px;
      background-color: #fff; 
  }

  table.acc tr:hover td {
      background-color: #f1f1f1; 
  }

  #pagination {
      margin-top: 20px;
      text-align: center;
  }

  #pagination button {
      padding: 8px 16px; 
      margin: 0 4px; 
      border: none;
      background-color: #004080; 
      color: white;
      cursor: pointer;
      border-radius: 4px; 
  }

  #pagination button:hover {
      background-color: #0056b3; 
  }

  @media (max-width: 767px) {
      .table-container {
          width: 90%; 
          overflow-x: auto; 
      }

      table {
          width: 90%; 
      }

      th, td {
          font-size: 12px; 
          padding: 6px; 
      }
  }

  /* Gallery Section Styles */
  .gallery-heading {
      margin: 40px 0;
  }

  .gallery-container {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      justify-content: center;
  }

  .gallery-item {
      width: 100%;
      max-width: 300px;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      text-align: center;
  }

  .gallery-item img {
      width: 100%;
      height: auto;
  }

  .gallery-item p {
      padding: 10px;
      background-color: #f9f9f9;
  }