/* ==========================Banner/Header Section========================== */
@media (min-width: 2000px) and (max-width: 2600px){
  .chef-img, .content{
  width: auto;
  height: 100%;
  padding-top: 255px;}
.form-section {
      background: #F5F5F5CC;
      border-radius: 20px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      position: relative;
      padding: 79px 30px !important;
      z-index: 2;
      margin: 195px 40px 0 40px;
      text-align: center;


    }

    .form-section input, .form-section select {
      height: 80px;
      font-size: 1.5rem;
    }

    .btn-apply {
      background-color: #de0003;;
      color: white;
      padding: 20px;
      font-size: 1.5rem;
      font-weight: 700;
    }

    .btn-apply:hover {
      background-color: #de0003;
      color: white;
    }
  }
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 991.98px) {
 .banner h1,
  /*.banner p {*/
  /*  font-size: 1.5rem;*/
  /*}*/
  
  .Pimage {
     
      display: none;
  }
  
  .form-section p{
    font-size: 0.5rem;
  }
}
  .form-section {
    padding: 20px;
    margin-bottom: 30px;
  } 
@media (max-width: 768px) {
    
    
    
    .banner .row > div {
    width: 100% !important;
    max-width: 100%;
  }
  .Pimage {
     
      display: none;
  }

  .chef-img {
    display: none; 
  }
    .content {
    margin-left: 0;
    padding-top:25%;
    
  }
    .form-section {
    margin: 50px 30px;
    margin-bottom: 30px;
  }

  .form-section input,
  .form-section select {
    font-size: 1rem;
  }

  .content p {
    font-size: 1.4rem !important;
  }
   .content b {
    font-size: 2.4rem !important;
  }
  .content span{
    font-size: 2.4rem !important;
    padding: 5px;
  }
  .form-section p{
    font-size: 0.7rem;
  }

  .side-btn{
        display: none;
      }
      
      
      .tagline h1 {
  
  font-family: Montserrat ,Sans-Serif;
  font-size: 3.5rem;
  
}
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .banner .row > div {
    width: 100% !important;
    max-width: 100%;
  }
  .Pimage {
     
      display: none;
  }

  .chef-img {
    display: none; 
  }
    .content {
    margin-left: 0;
    padding-top:25%;
    
  }
 .content p {
    font-size: 1rem !important;
    /*padding: 0;*/
  }
    .content b {
    font-size: 1.4rem !important;
  }
  
  .content span{
    font-size: 1.4rem !important;
    padding: 5px;
  }
  .form-section p{
    font-size: 0.6rem;
  }
  .form-section {
    margin: 50px 0;
    margin-bottom: 30px;
  }

  .form-section input,
  .form-section select {
    font-size: 14px;
  }
  .side-btn{
        display: none;
      }
    .tagline h1 {
  
  font-family: Montserrat ,Sans-Serif;
  font-size: 1.6rem;
  padding-bottom:4% ;
  
}
}

@media (max-width: 450px) {
    .tagline h1 {
  font-family: Montserrat ,Sans-Serif;
  font-size: 1.3rem;
  padding-bottom:4% ;
}
}

/* ==========================About Section========================== */

      @media screen and (max-width: 1100px) and (min-width: 992px) {
      @media (min-width: 992px) {
      .video-container {
      position: absolute;
      right: 5%;
      transform: translateY(-50%);
      width: 35vw;
      height: calc(35vw * 1.25);
      max-width: 400px;
      max-height: 500px;
      border: 4px solid white;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
      background: #000;
      }
      .video-section {
      margin-top: -250px;
      }
      }
      }
      @media (max-width: 768px) {
      .video-container {
      position: static;
      transform: none;
      transform: translateY(-20%);
      margin: 2rem auto;
      width: 90%;
      padding: 0;
      aspect-ratio: 9 / 16; /* Enforces portrait ratio */
      height: auto;
      }
      .about-title {
      color: #f2c94c;
      font-weight: 700;
      font-size: 1.7rem;
      align-items: center;
      text-align: center;
      }
      .video-container video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }
      .about-section .col-md-7,
      .bottom-section .col-md-7 {
      width: 100% !important; /* Make sure it uses full width on small screens */
      padding: 0;
      text-align: center;
      margin: 0;       /* Optional padding */
      }
      .apply-now-btn {
      display: block;
      width: 100%;
      background-color: #de0003;
      color: white;
      font-weight: bold;
      padding: 16px 32px;
      border: none;
      text-align: left;
      border-radius: 6px;
      text-decoration: none;
      }
      .btn-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      }
      .about-section .container {
      background-color: #1f325e;
      color: white;
      padding: 0;
      }
       .bottom-section .container {
      background-color: #fff;
      padding: 0;
      margin-top: -130px;
      }
      .arrow {
      flex-shrink: 0;
      }
      
      tagline h1 {
  
  font-family: Montserrat ,Sans-Serif;
  font-size: 1rem;
  
}
      
      }
      /* Optional: Fix for justify text */
      .text-justify {
      text-align: justify;
      }
      @media (max-width: 480px) { 
          .about-setion p{
              font-size: 1.4rem !important;
          }
          
      }
      
 /*  ==========================Course Specialization Section==========================  */
    @media screen and (max-width: 1100px) {
    .section-title_course {
        font-size: 2rem;
    }
}
     @media (max-width: 992px) {
    .section-title_course {
        font-size: 1rem;
    }
    .course-title-expand_course {
        font-size: 1rem;
    }
 }
 
     
      @media (max-width: 768px) {
  .tab_wrapper {
    justify-content: start; /* Or center — depends on scroll behavior */
  }
 
      .section-title_course {
  font-size: 1.5rem;
      
  }
    .apply-btn_course{
  width: 100%;
  }
}

@media (max-width: 600px) {
  .career-list_course {
    column-count: 1;
     text-align: left;
  }
    .section-title_course {
  font-size: 1.5rem;
  }
  .apply-btn_course{
  width: 100%;
  }

}

@media (max-width: 320px) {
  .career-list_course {
    text-size : 10px !important;
     text-align: left;
  }
  .apply-btn_course{
  width: 100%;
  }

}

 /*  ==========================Achievements Section==========================  */

   @media screen and (max-width: 1100px)  {
    .achieve-title {
      font-size: 2rem;
    }

    .achieve-para {
       font-size: .95rem;
      }
   }
   
      @media (max-width: 992px) {
      .achieve-title {
      text-align: center;
      font-size: 1rem;
    }

    .achieve-para {
      text-align: center;
       font-size: .75rem;
    }
    

  }
         


     @media (max-width: 768px) {
       .achieve-title {
      text-align: center;
      font-size: 1.5rem;
    }

    .achieve-para {
      text-align: center;
       font-size: .75rem;
    }

      .achieve-card {
        padding: 10px;
        margin: 0.5rem;
      }
      .achieve-card h3 {
      font-size: 0.85rem;
    
    }
       .achieve-card p {
      font-size: 0.65rem;
      line-height: 1;
    }

     .achieve-card img {
      width: 50px;
      height: auto;
      margin: 15px 0;
    }
     }
     @media (max-width: 485px) {
    

      .achieve-card {
        padding: 10px;
        margin: 0.3rem;
      }
      .achieve-card h3 {
      font-size: 0.65rem;
    
    }
       .achieve-card p {
      font-size: 0.45rem;
      line-height: 1;
    }

     .achieve-card img {
      width: 40px;
      height: auto;
      margin: 10px 0;
    }
     }

   /*  ========================== Why Choose Us Section==========================  */

    @media screen and (max-width: 1100px)  {
    .why-title {
       font-size: 2rem;
    }

    .why-para {   
       font-size: 1rem;
    }
    .icon-box {
      margin-top: 1rem;
      text-align: center;
      padding: 20px 20px 0 0;
    }
    .icon-box img {
      width: 7rem;
      height: auto;
      margin-bottom: 2rem;
    }
    .icon-stat {
      
      font-size: 5rem;
      font-weight: 600;
      margin-bottom: 2rem;
      margin-top: -1.9rem;
      padding-left: 1rem;
      white-space: nowrap;
    }
     .text{
    font-size: 2.5rem;
    font-weight: 600;
    display: block;
    padding-left: 0.10rem;
    margin-top: -23px;
    white-space: nowrap;
     }
   }
      @media (max-width: 992px) {
      .why-title {
      text-align: center;
      font-size: 1rem;
    }

    .why-para {
      text-align: center;
       font-size: .75rem;
    }
  }
  .icon-box {
      margin-top: 1rem;
      text-align: center;
      padding: 20px 20px 0 0;
    }
    .icon-box img {
      width: 6rem;
      height: auto;
      margin-bottom: 2rem;
    }
    .icon-stat {
      
      font-size: 2.8rem;
      font-weight: 600;
      margin-bottom: 2rem;
      margin-top: -1.9rem;
      padding-left: 1rem;
    }
     .text{
    font-size: 1.3rem;
    font-weight: 600;
    display: block;
    padding-left: 0.10rem;
    margin-top: -23px;
    white-space: nowrap;
     }
    @media (max-width: 768px) {
      .why-title{
        text-align: center;
       font-size: 1.5rem;
    }
    .why-para{
      text-align: center;
       font-size: 0.75rem;
    }
    .icon-box {
      margin-top: 2rem;
      text-align: center;
      padding: 20px 0 0 0;
    }
    .icon-box img {
      width: 5rem;
      height: auto;
      margin-bottom: 3rem;
    }
    .icon-stat {
      
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 1.7rem;
      margin-top: -1.9rem;
      padding-left: 0.10rem;
    }
     .text{
      font-size: 1.2rem;
    font-family: 'Montserrat';
    display: block;
     padding-left: 0.10rem;
    margin-top: -23px;
    white-space: nowrap; /* ✅ also here */
    }
      }
      @media (max-width: 485px) {

     .why-title{
        text-align: center;
       font-size: 1.5rem;
    }
    .why-para{
      text-align: center;
       font-size: 0.75rem;
    }
    .icon-box {
      margin-top: 2rem;
      text-align: center;
      padding: 20px 0 0 0;
    }
    .icon-box img {
      width: 3rem;
      height: auto;
      margin-bottom: 3rem;
      margin-top: -3rem;
    }
    .icon-stat {
      
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 1.7rem;
      margin-top: -1.9rem;
      padding-left: 0.10rem;
    }
     .text{
      font-size: 0.7rem;
    font-family: 'Montserrat';
    display: block;
     padding-left: 0.10rem;
    margin-top: -23px;
    white-space: nowrap; /* ✅ also here */
    }
    

    .company-logos img {  
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: calc(250px * 12); /* 6 logos * 2 for loop */
  animation: scroll 5s linear infinite;

}


      }
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


    .pagination-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
}

  /* ========================== Facilities Section========================== */
     @media (min-width: 1100px) {
           .facilities-title {
      font-size: 2rem;
    }
     .facilities-para {
      font-size: 0.9rem;
     }
      .facility-item {
        width: 400px;
      }
    }
        @media (min-width: 992px) {
      .facility-item {
        width: 350px;
      }
    }
       @media (max-width: 768px) {
    .facilities-title {
      font-size: 1.3rem;
    }
     .facilities-para {
      font-size: 0.8rem;
     }
      .facility-item {
        width: 250px;
      }
    }

  @media (max-width: 485px) {
      .facilities-title {
      font-size: 1.5rem;
    }
     .facilities-para {
      font-size: 0.9rem;
     }
      .facility-item {
        width: 100px;
      }
    }

  /* ========================== Testimonial Section========================== */
          @media screen and (max-width: 1100px)  {
    .testimonial-title {
      font-size: 2rem;
    }
    .testimonial-para {
       font-size: .95rem;
    }
      .testimonial-text p {
    font-size: 0.8rem ;
  }
  .testimonial-card{
  width: 60%;
}
   }
    @media (max-width: 786px) {
       .testimonial-title {
      font-size: 1.5rem;
    }

    .testimonial-para {
       font-size: .75rem;
    }
.testimonial-card{
  width: 100% !important;
  
}
  .testimonial-text p {
    font-size: 0.6rem ;
  }
  .testimonial-text .student-info {
    font-size: 0.7rem; /* Slightly larger font for name */
}

.testimonial-text .program {
    font-size: 0.6rem; 
}
    }

    @media (max-width: 485px) {

   .student-speaks-section .testimonial-card {
    width: 100% !important;
  }
  .testimonial-text p {
    font-size: 0.6rem !important;
  }

     } 
  /*  ==========================How to Apply Section==========================  */

@media (max-width: 768px) {
  .steps-container {
    flex-direction: column;
    gap: 30px;
  }
   .how-title{
    font-size: 1.5rem;
   }

.step-box:not(:last-child)::after {

  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #2E3386;

}

/* Second arrow - pink color override */
  .step-2::after {
    border-left: none !important; /* remove desktop arrow */
    border-right: 15px solid transparent !important;
    border-left: 15px solid transparent !important;
    border-top: 20px solid #930083 !important; /* pink arrow down */
    border-bottom: none !important; 
}
  .step-number {
    left: -29px;
    top: 100px;
    transform: none;
   
}

}

  /*  ==========================Footer Section==========================  */


/* Mobile toggle */
/* Mobile: show toggle */
@media (max-width: 768px) {
  .toggle-button {
    display: inline;
    cursor: pointer;
    font-size: 20px;
    margin-left: 10px;
    color: #eee;
  }

  .dropdown-facilities,
  .dropdown-quicklinks,
  .dropdown-statutory {
    display: none;
  }
  .course-text-bottom p {
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  /*width: 65%;*/
  line-height:1.6;
  
  padding-top: 30px;
}

  .dropdown-facilities.open,
  .dropdown-quicklinks.open,
  .dropdown-statutory.open {
    display: block;
  }
}

/* Desktop: hide toggle */
@media (min-width: 769px) {
  .toggle-button {
    display: none;
  }

  .dropdown-facilities,
  .dropdown-quicklinks,
  .dropdown-statutory {
    display: block !important;
  }
}




/* Responsive Fix */
@media (max-width: 768px) {
    .container_footer {
   position: relative;
}
.course-text-bottom p {
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  /*width: 65%;*/
  line-height:1.6;
  
  padding-top: 30px;
}
  .footer-top,
  .footer-middle {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-logo {
    width: 200px;
    margin-bottom: 20px;
    padding-left:80px;
  }
  .apply-btn-class{
      display: flex;
      justify-content: center;
      width:100%;
  }
  
  .apply-btn1 {
   
  padding: 12px 24px;
  margin:20px 0;
    margin-left: 0px;
 
}

  .university-name {
    font-size: 20px;
    text-align: center;
  }

  .form-column,
  .links-column {
    margin: -4px 0;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
    width: 100%;
  }

  .social-icons {
    margin-left: 0;
    justify-content: center;
    width: 100%;
    /*margin:530px 0 0 -20px;*/
  }

  .contact-detail,
  .contact-info {
    font-size: 18px;
  }

  .contact-detail p,
  .contact-info p {
    font-size: 16px;
    padding-left: 16px;
  }

  .tagline {
    font-size: 28px;
    padding: 0 10px;
  }

  .tagline-line {
    height: 4px;
  }
}