/* Mobile Visibility Fixes
   Fix transform properties and positioning issues on mobile devices
   to ensure all sections are visible on phone screens
---------------------------------------------------- */

@media (max-width: 767px) {
  /* Reset transforms for all animated elements */
  [class*="fadeIn"],
  [class*="zoomIn"],
  [class*="slideIn"],
  [class*="bounceIn"] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
  
  /* Fix for containers with fixed heights */
  .pricing-1-table,
  .pricing-2-table,
  .card-3,
  .fbox-1,
  .fbox-4,
  .fbox-5,
  .abox-1,
  .abox-7-txt {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  
  /* Fix positioning issues */
  .hero-txt,
  .about-txt,
  .features-txt,
  .cta-txt {
    position: relative !important;
    transform: none !important;
  }
  
  /* Ensure absolute positioned elements are visible */
  [style*="position: absolute"],
  [style*="position:absolute"],
  .position-absolute {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
  }
  
  /* Fix for TweenMax slideshow elements */
  .slideshow .slide {
    display: block !important;
    opacity: 1 !important;
  }
  
  /* Remove any unnecessary hidden overflow */
  .content-section,
  .features-section,
  .pricing-section,
  .cta-section,
  .about-section {
    overflow: visible !important;
  }
  
  /* Fix for any fixed width columns that might be too narrow - MOBILE ONLY */
  [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}