body {
      background-color: #f8f9fa;
    }

    .hero-section {
      background-image: 
        linear-gradient(to right, rgba(0, 51, 204, 0.7) 0%, rgba(153, 0, 0, 0.7) 80%), 
        url('../../assets/img/daycare.jpeg');
      background-size: cover;
      background-position: center;
      height: 70vh;
      display: flex;
      flex-direction: column;  
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
    }

        .enroll-btn {
          background-color: #ffffff;
          color: #000000;
          padding: 18px 45px; 
          border: 4px solid #000000; 
          border-radius: 35px; 
          font-size: 1.3rem;
          font-weight: 900; 
          text-transform: uppercase;
          transition: all 0.3s ease;
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); 
          cursor: pointer;
          letter-spacing: 2px; 
          text-decoration: none;
          display: inline-block;
          font-family: 'Arial Black', sans-serif; 
        }

        .enroll-btn:hover {
          background-color: #ffffffff;
          color: #ffffff;
          transform: translateY(-4px); 
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
          border-color: #000000;
        }

    @media (max-width: 768px) {
      .org-level {
        flex-direction: column;
        align-items: center;
      }
      
      .horizontal-connector {
        display: none;
      }
    }