/* ================================
    MOBILE VIEW – ULTRA PREMIUM
    ================================ */

  @media(max-width:900px){



  /* HERO SECTION */
  .hero {
    height: 105vh;
    padding: 25px 15px;
    text-align: center;
    background-position: right;
  }

  .overlay {
    flex-direction: column-reverse;
    padding: 10px;
    gap: 10px;

  }

  .content {
    max-width: 100%;
  }

  .content h1 {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }

  .content p {
    font-size: 1rem;
  }

  .video-box {

    height: 45vh;
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
    background-size: cover;

  }
  .overlay .btn{
   
    font-size: medium;
  }

  /* LEARNING SECTION */
  .learning {
    height: auto;
    padding: 40px 10px;
  }

  .learning .overlay {
    flex-direction: column;
    gap: 30px;
    padding: 10px;
  }

  .learning-video-box {
    width: 100%;
    height: 40vh;
    border-radius: 12px;
  }

  .learning-content {
    max-width: 100%;
    text-align: center;
  }

  .content-card {
    flex-direction: column;
  }

  .card {
    width: 90%;
    height: auto;
    padding: 25px;
  }

  /* COURSES */
  .courses-container {
    gap: 20px;
  }

  .course-container-1
  {
    flex-direction: column;
    gap: 20px;
  }

  .course-card {
    width: 60%;
  }

  .course-card img {
    height: 12rem;
  }
  .course-container-2 {
  flex-direction: column;
  width: 100%;
  gap: 20px
  ;
  }

  /* STUDENTS SECTION */
  .students-container {
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
  }

  .student-work {
    width: 100%;
  }

  .student-work img {
    height: 150px;
  }

  /* TESTIMONIALS */
  .testimonial-container {
    flex-direction: column;
  align-items: center;
  justify-content: center;
    gap: 25px;
  }

  .testimonial-box {
    max-width: 90%;
    font-size: 14px;

  }

  /* FORM SECTION */
  .submit-btn {
    width: 90%;
    font-size: 1.6rem;
    padding: 12px;
  }

  /* FOOTER */
  .footer-container {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }

  .social-links {
    justify-content: center;
  }

  }

  /* PURE SMALL PHONES */
  @media(max-width:480px){
    .content h1 {
      font-size: 1.5rem;
    }

    .course-card img {
      height: 10rem;
    }

    .student-work img {
      height: 130px;
    }

    .card-title {
      font-size: 1.1rem;
    }

    .submit-btn {
      font-size: 1.4rem;
    }
  }