.route-pcu-responsive-img {
      width: 100%;
      height: auto;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      margin-top: 20px;
  }

  .route-pcu-section {
      background: #ffffff;
      padding: 30px;
      margin-top: 30px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }

  .route-pcu-section h2 {
      color: #a12c2f;
      border-bottom: 2px solid #e0e0e0;
      padding-bottom: 15px;
      font-size: 2rem;
      font-weight: 600;
  }

  /* .route-pcu-icon {
        margin-right: 15px;
        color: #a12c2f;
      } */

  .route-pcu-how-to-reach-grid,
  .route-pcu-grid-container {
      display: grid;
      gap: 20px;
  }

  /* Default to 1 column for mobile */
  .route-pcu-how-to-reach-grid {
      grid-template-columns: 1fr;
  }

  .route-pcu-grid-container {
      grid-template-columns: 1fr;
  }


  .route-pcu-grid-item {
      background: #fdfdfd;
      padding: 25px;
      border-radius: 10px;
      border-left: 5px solid #a12c2f;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .route-pcu-grid-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  }

  .route-pcu-grid-item h3 {
      margin-top: 0;
      color: #a12c2f;
      font-size: 1.4rem;
      font-weight: 600;
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
      .route-pcu-how-to-reach-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .route-pcu-grid-container {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
      .route-pcu-how-to-reach-grid {
          grid-template-columns: repeat(4, 1fr);
      }

      .route-pcu-grid-container {
          grid-template-columns: repeat(3, 1fr);
      }
  }