/* =====================================================
   EMERGENCY FIX - FORCE VISIBILITY ON MOBILE
   ===================================================== */

/* Force all content to be visible on mobile - Maximum specificity */
@media screen and (max-width: 767px) {
  
  /* Force service items to show */
  .services-item,
  .service-item,
  div.services-item,
  div.service-item,
  .w-dyn-item .services-item,
  .w-dyn-item .service-item {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: none !important;
    animation: none !important;
  }

  /* Force images to show */
  .features-tab-image-wrapper,
  div.features-tab-image-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: none !important;
  }

  .features-tab-image,
  img.features-tab-image {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  /* Force titles to show */
  .services-title,
  h3.services-title,
  .service-item .services-title {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
    font-size: 2rem !important;
    line-height: 2.2rem !important;
    text-transform: capitalize !important;
  }

  /* Force text to show */
  .services-text,
  p.services-text,
  .service-item .services-text {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
  }

  /* Force buttons to show */
  .button-with-circle-icon,
  a.button-with-circle-icon {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    transform: none !important;
  }

  /* Force h6 to show */
  h6,
  .service-item h6 {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  /* Force parent containers to show */
  .features-grid,
  .features-left,
  .features-right,
  .w-layout-grid.features-grid {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
  }

  /* Ensure each service item is properly contained */
  .services-item {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 1.5rem !important;
    overflow: visible !important;
  }

  .service-item {
    width: 100% !important;
    position: relative !important;
  }

  /* Make sure content is properly stacked */
  .service-item > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Layout fixes */
  .features-grid {
    flex-direction: column !important;
    gap: 2rem !important;
    padding: 3% !important;
  }

  .features-left,
  .features-right {
    width: 100% !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  .service-item {
    text-align: left !important;
    align-items: flex-start !important;
    width: 100% !important;
    padding: 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  .features-tab-image-wrapper {
    width: 100% !important;
    margin-bottom: 1rem !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .features-tab-image {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important;
  }

  .services-title {
    text-align: left !important;
    margin: 0.5rem 0 0.75rem 0 !important;
    padding: 0 !important;
  }

  .services-text {
    text-align: left !important;
    margin: 0.75rem 0 !important;
    padding: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
  }

  .button-with-circle-icon {
    margin: 1rem 0 0 0 !important;
  }

  h6 {
    text-align: left !important;
    margin: 0.5rem 0 !important;
    font-size: 0.75rem !important;
  }

  .space-text {
    min-height: 0.25rem !important;
  }

  /* Hide desktop images on mobile */
  .features-images-wrapper {
    display: none !important;
  }
}

/* Force visibility on small mobile too */
@media screen and (max-width: 479px) {
  .services-item,
  .service-item,
  .features-tab-image-wrapper,
  .features-tab-image,
  .services-title,
  .services-text,
  .button-with-circle-icon,
  h6 {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
  }

  .service-item,
  .services-item {
    display: flex !important;
  }

  .button-with-circle-icon {
    display: inline-flex !important;
  }
}

  /* Desktop - keep original behavior */
@media screen and (min-width: 992px) {
  .features-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  .features-images-wrapper {
    display: flex !important;
  }

  .features-tab-image-wrapper {
    display: none !important;
  }
}

/* Tablet */
@media screen and (max-width: 991px) and (min-width: 768px) {
  .features-grid {
    display: flex !important;
    flex-direction: column !important;
  }

  .features-images-wrapper {
    display: none !important;
  }

  .features-tab-image-wrapper {
    display: flex !important;
  }
}

/* Remove any Webflow IX animations on mobile */
@media screen and (max-width: 767px) {
  [data-w-id] {
    opacity: 1 !important;
    transform: none !important;
  }
}