﻿  
      .org-chart {
            text-align: center;
            padding: 20px;
        }
        .org-title {
            font-size: 24px;
            font-weight: bold;
            color: white;
            background: linear-gradient(90deg, #632d8b, #ea2d8e);
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
            display: inline-block;
            margin-bottom: 20px;
        }

         .section-title {
      text-align: center;
      color: #632d8b;
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: 30px;
    }

    .menu-button {
      display: block;
      width: 100%;
      text-align: left;
      margin-bottom: 10px;
      padding: 12px 20px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      background: #632d8b;
      border: none;
      border-radius: 8px;
      transition: all 0.2s ease-in-out;
    }

    .menu-button i {
      margin-right: 10px;
    }

    .menu-button:hover {
      background: #ea2d8e;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .menu-sub {
      padding: 10px 20px;
      background-color: #fff;
      border-left: 3px solid #ea2d8e;
      margin-bottom: 10px;
      font-size: 14px;
      color: #555;
      border-radius: 0 8px 8px 0;
    }

    .news-box {
      border: 1px solid #ccc;
      border-radius: 10px;
      background-color: #fff;
      padding: 30px;
      min-height: 300px;
      text-align: center;
    }

    .dot-nav {
      margin-top: 20px;
    }

    .dot-nav span {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 5px;
      background-color: #632d8b;
      border-radius: 50%;
      transition: 0.3s;
    }

    .dot-nav span:hover {
      background-color: #ea2d8e;
      transform: scale(1.2);
    }

     .news-title {
    font-weight: 600;
    color: #4a2c6b;
    text-decoration: none;
    transition: 0.3s ease;
  }

  .news-title:hover {
    color: #ea2d8e;
    text-decoration: underline;
  }

  .list-group-item {
    background-color: #fff;
    transition: background-color 0.3s ease;
  }

  .list-group-item:hover {
    background-color: #f9f4ff;
  }

  .btn-outline-primary {
    border-color: #632d8b;
    color: #632d8b;
  }

  .btn-outline-primary:hover {
    background-color: #632d8b;
    color: #fff;
  }

   .text-purple {
  color: #6f42c1;
}
.btn-pink {
  background-color: #f72c8b;
  color: white;
  border: none;
  transition: 0.3s;
}
.btn-pink:hover {
  background-color: #d91e75;
  color: white;
}