@media only screen and (max-width: 400px) {
  header {
      background-color: #2f48d6;
      color: white;
      padding: 0px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      display:none;
    }

    header img {
      height: 90px;
      width: 100%;
      margin-left: 0px;
      border-radius: 50%;
      display: none
    
    }
    .androidheadernew{
    height: 80px;
    display: block;
}
   
.contact-icon {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 0;
  background-color: #0c0745;
  padding: 0px;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  display: none;
}

.whatsapp-icon {
  position: fixed;
  bottom: 30px; 
  right: 9px;
  z-index: 999;
  background-color: #25D366;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
 
}

.whatsapp-icon img {
  height: 50px;
  width: 50px;
}

.contact-icon img {
  height: 50px;
  width: 50px;
}
.contact-section {
  padding: 60px 5%;
  background: linear-gradient(to left, #2959f7, #ffffff);
  margin-top: -75px; /* to overlap with the products section */
  display: none
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 50%;
  height: 100%;
}
#main_textid{
  height: 750px
}
.footer-content {
  display: block;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
  gap: 40px;
  margin-bottom: 30px;
}
.main-text p {
  text-align: justify;
  width: 80%;
  
}
#saas-description{
  margin-left: 30%;
  padding-left: 10%;
  margin-top: 5px;
}

.internship-up .main-text p {
  margin-top: 60px !important;
}
#menuicon{
  height: 50px;
  width: 50px;
  margin-top: 15%;
  margin-left: 20%;
}
#menu_btn{
  background-color: inherit;
  border: none;
}

#xbtn{
  width: 100%;
  height: 40px;
  text-align: right;
  padding-right: 15%;
  padding-top: 10%;
  font-weight: bold;
  font-size: 30px;
  background-color: inherit;
  border: none;


}
.sticky-sidebar {
  position: fixed;
  top: 35%;
  left: 90%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}
#obtn{
  width: 100%;
  height: 40px;
  text-align: center;
  padding-top: 4%;
  font-weight: bold;
  font-size: 20px;
  background-color: inherit;
  border: none;
  color: white;
  background-color: #2f48d6;
}



.modal-link-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 13px;
}

.modal-link-list a {
  text-align: center;
  padding: 8px 0;
  color: #1a0dab;
  text-decoration:none;
  font-size: 1rem;
  font-weight: bold;
}
.highlight-heading{
  display: none;
}
.main-image{
  display: none;
}
.androidheading{
  width: 100%;
  text-align: center;
  display: block

}
.main-text h1 {
  color: rgb(26, 9, 60);
  font-size: 50px;
  margin-bottom: 0px;
  display: none
}

.policy-content h1 {
  font-size: 36px;
  color: #18049c;
  text-align: right;
  display: inline-flex;
  align-items: right;
  gap: 10px;
  justify-content: center;
  width: 100%;
  display: none;
}

.policy-content p,
.policy-content li {
  font-size: 15px; /* slightly bigger */
  line-height: 1.9;
  color: #333;
  text-align: center;
}
.centered-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  color: #4a4a4a;
}


.centered-heading .icon {
  font-size: 32px;
  margin-right: 10px;
  vertical-align: middle;
}

.security-para {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}
.security-para {
  text-align: center;
}
.main-text{
  width: 100%;
  padding: 0px 5%;
  margin-top: 20px;
text-align: center;
}
#imagfirst{
  display: none;
}
#who-image{
  display: none;
}
.main-text-intern h1{
  display: none;
}
.main-text-intern p{
   font-size: 18px;
  line-height: 1.6;
  color: #333;
  text-align: justify;
  margin-right: 20%   ;
}
.site-footer {
  background-color: #d3d3d3;
  padding: 10px 0;
  text-align: center;
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #000;
  border-top: 1px solid #bbb;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-footer p {
  margin: 0;
  text-align: center;
}
#contect_footer{
  text-align: center;
}
.footer-column p {
  color: #000;
  margin: 4px 0;
  text-align: center
}
  #privacy-description,
  .security-para,
  .privacy-para {
    text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  color: #4a4a4a;
  padding-left: 20px;
  }
.centered-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 20px;
  color: #4a4a4a;
}
.policy-content p,
.policy-content li {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  text-align: justify;
}


.policy-content ul {
  padding-left: 30px;
}

.policy-content li {
  margin-bottom: 10px;
}

.security-para {
  text-align: left;
  font-weight: bold;
  margin-top: 20px;
  font-size: 18px;
}
#privacy_des {
  text-align: justify;
  font-size: 20px;
  margin-bottom: 20px;
  color: #4a4a4a;
  padding-left: 50px;
  
 
}

  #privacy_des,
  .security-para,
  .privacy-para {
    margin-bottom: 8px !important;   /* Reduce bottom margin */
    padding-bottom: 0 !important;
  }
  .policy-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }


  .policy-content,
  .main-text,
  .main-text-intern,
  .privacy-para,
  .security-para,
  #privacy_des,
  .terms-para,
  .refund-para {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
  }

   /* Apply to all modal section headings */
  .modal-link-list h3,
  .clients-heading,
  .services-heading,
  .products-heading {
    margin-bottom: 0px !important; /* Same small gap below heading */
    padding-bottom: 0 !important;
    margin-top: 2px !important;
    text-align: center;
  }

  /* Apply to all modal lists */
  .modal-link-list {
    margin-top: 0 !important;
    gap: 0px !important; /* No extra vertical gap between items */
    padding: 0 !important;
  }

  /* Remove extra space above first link in each list */
  .modal-link-list a:first-child {
    margin-top: 2px !important;
    padding-top: 2px !important;
  }
#clients-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 2px;
  }

  #clients-list a {
    text-align: center;
    padding: 8px 0;
    color: #1a0dab;
    text-decoration:none;
    font-size: 1rem;
    font-weight: bold;
  }
    
 
 
  .details-section h1 {
  text-align: center;
  font-size: 32px;
  color: #2f48d6;
  margin-bottom: 30px;
  display: none;
}
.college-android-img {
  display: block;
  max-width: 100%;
  margin: 20px auto;
  height: auto;
  margin-bottom: 8px !important;


}
.interns-android-img {
  display: block;
  max-width: 100%;
  margin: 20px auto;
  height: auto;
  margin-bottom: 8px !important;
}

/* Ensure the Know More button in the first section doesn't overlap and is positioned like the second */
/* Ensure the Know More button in the first section doesn't overlap and is positioned like the second */
.review-btn {
     order: 5;
    margin-bottom: 0;
      display: block;
  margin: 24px auto 0 auto; /* Top margin for spacing, auto left/right for centering */
  text-align: center;
  width: fit-content;
  }

   a.review-btn {
    display: block !important;
    margin: 20px auto !important;
    width: fit-content !important;
    text-align: center !important;
    margin-left: 120px !important;
  }

  


  .service-section-right .main-text .review-btn {
  display:inline-block;
  margin-top: 2px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

/* Optional: Adjust the main-text container to prevent overlap */
.service-section-right .main-text {
  padding-bottom: 30px; /* Add space at the bottom if needed */
}
#button{
  margin-left: 30px !important;   /* Adjust value as needed */
  margin-right: 0 !important;
  display: block !important;
  width: fit-content !important;
  text-align: left !important;
}

.site-footer,
.footer-content {
  margin-top: 8px !important;   /* Reduce if it's larger */
  padding-top: -15px !important;
}
.intern-illustration-section {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}
.details-section {
  padding: 0px 5px;


}

.apply-image img {
  max-width: 420px;
  animation: fadeIn 1.3s ease-in;
  width: 300px;
  height:300px;
}



}