/* Mobile Hero Section Spacing Fix - Android & Huawei Compatible */

/* Hide header images area on mobile - Android & Huawei */
@media (max-width: 768px) {
  .header-images-area-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .modern-images-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .device-mockups-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .hero-particles-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .animated-elements-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .rotating-element-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .particle-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* Android-specific fixes */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .header-images-area-new,
  .modern-images-new,
  .device-mockups-new,
  .hero-particles-new,
  .animated-elements-new,
  .rotating-element-new,
  .particle-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
  }
}

/* Huawei EMUI specific fixes */
@media screen and (max-width: 768px) {
  .header-images-area-new,
  .modern-images-new,
  .device-mockups-new,
  .hero-particles-new,
  .animated-elements-new,
  .rotating-element-new,
  .particle-new {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }
}


@media screen and (max-width: 768px) {

}

/* Target the space between tech stack container and content below */
@media (max-width: 768px) {
  /* Remove bottom margin/padding from hero section */
  .hero_section_new {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from hero content */
  .modern-hero-new {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from tech stack container */
  .hero-tech-stack-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from tech stack */
  .hero-tech-stack-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from tech icons */
  .tech-icons {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .tech-icons-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from the entire hero content area */
  .content-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .modern-content-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from hero buttons */
  .hero-buttons-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from animated elements */
  .animated-elements-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from device mockups */
  .device-mockups-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from hero particles */
  .hero-particles-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from header images area */
  .header-images-area-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from modern images */
  .modern-images-new {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from the entire row */
  .hero_section_new .row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from columns */
  .hero_section_new .col-lg-6,
  .hero_section_new .col-12 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Remove bottom spacing from container */
  .hero_section_new .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}