.school-hero {
        max-width: 1200px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 120px 20px;
        gap: 40px;
      }

      /* LEFT SIDE */

      .school-hero-left {
        flex: 1;
        max-width: 650px;
      }

      .school-hero-left h1 {
        margin: 0;
        font-size: 55px;
        font-weight: 700;
        color: #1d1d1f;
        line-height: 1.2;
        letter-spacing: -0.04em;
      }

      .school-hero-left h1 span {
        white-space: nowrap;
      }

      .school-hero-left p {
        margin-top: 20px;
        font-size: 20px;
        color: #555;
        margin-bottom: 35px;
        line-height: 1.6;
      }

      /* BUTTONS */

      .school-hero-buttons {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 30px;
 
        flex-wrap:nowrap;
      }

      .school-btn-primary {
        background: #007aff;
        color: white;
        padding: 14px 28px;
        border-radius: 28px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        box-shadow: 0 6px 18px rgba(0, 122, 255, 0.35);
        transition: all 0.25s ease;
      }

      .school-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(0, 122, 255, 0.45);
      }

      .school-btn-secondary {
        background: #f2f2f7;
        color: #1d1d1f;
        padding: 14px 28px;
        border-radius: 28px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        transition: all 0.25s ease;
      }

      .school-btn-secondary:hover {
        transform: translateY(-2px);
        background: #e5e5ea;
      }

      /* RIGHT SIDE */

      .school-hero-right {
        flex: 1;
        display: flex;
        justify-content: flex-end;
      }

      .school-hero-right img {
        width: 100%;
        max-width: 520px;
        border-radius: 20px;
      }

      /* TABLET */

      @media (max-width: 1000px) {
        .school-hero {
          flex-direction: column;
          align-items: center;
          text-align: center;
          padding: 80px 20px;
        }

        .school-hero-right {
          justify-content: center;
          margin-top: 40px;
        }

        .school-hero-left h1 {
          font-size: 42px;
        }

        .school-hero-left p {
          font-size: 18px;
        }

        .school-hero-buttons {
          justify-content: center;
        }
      }

      /* MOBILE */

      @media (max-width: 600px) {
        .school-hero {
          padding: 60px 20px;
        }

        .school-hero-left h1 {
          font-size: 32px;
        }

        .school-hero-left p {
          font-size: 16px;
        }
        .school-hero-buttons {
          flex-direction: column;
          gap: 20px;
        }

        .school-btn-primary,
        .school-btn-secondary {
      
          width: 70%;
        }
      }