.home-section {
      display: flex;
      gap: 20px;
      padding: 40px 8%;
  }

  /* LEFT CONTENT */
  .home-content {
      flex: 3;
      background: #fff;
      padding: 25px;
      border-radius: 5px;
  }

  .home-content h2 {
      color: #0077b6;
      margin-bottom: 15px;
      font-size: 22px;
  }

  .home-content p {
      color: #444;
      line-height: 1.6;
      text-align: justify;
      margin-bottom: 15px;
  }

  .read-more {
      color: #0077b6;
      text-decoration: none;
      font-weight: bold;
  }

  .read-more:hover {
      text-decoration: underline;
  }

  /* RIGHT ADMISSION BOX */
  .admission-box {
      flex: 1;
      background: #eee;
      border-radius: 5px;
      overflow: hidden;
      text-align: center;
  }

  .admission-header {
      background: #ddd;
      padding: 15px;
      font-weight: bold;
      color: red;
      font-size: 18px;
      border-bottom: 2px dashed #bbb;
  }

  .admission-content {
      padding: 20px;
  }

  .admission-content h3 {
      color: red;
      font-size: 22px;
      margin-bottom: 15px;
  }

  .admission-content a {
      display: inline-block;
      margin-top: 10px;
      padding: 12px 25px;
      background: red;
      color: #fff;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
      animation: blink 1s infinite;
  }

  /* Smooth blinking effect */
  @keyframes blink {
      0% {
          opacity: 1;
          transform: scale(1);
      }

      50% {
          opacity: 0.5;
          transform: scale(1.05);
      }

      100% {
          opacity: 1;
          transform: scale(1);
      }
  }

  /* Optional hover override (stop blinking when hovered) */
  .admission-content a:hover {
      animation: none;
      background: darkred;
  }

  .admission-content p {
      margin-top: 15px;
      color: red;
      font-weight: bold;
  }

  /* 📱 Responsive */
  @media (max-width: 768px) {
      .home-section {
          flex-direction: column;
      }
  }