/* Mobile-specific hero fixes for screens under 991px */
@media (max-width: 991px) {
  /* Fix for the main hero section */
  .slider-area {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
    text-align: center !important;
  }
  
  /* Ensure the name is visible and properly placed */
  .slider-content h1 {
    font-size: 42px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }
  
  /* Fix for the sub-heading */
  .slider-content .sub-heading {
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  
  /* Ensure "A Passionate" text is aligned properly */
  .slider-content h2 {
    font-size: 18px !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }
  
  /* Fix image positioning */
  .slider-img {
    padding-left: 0 !important;
    margin: 0 auto !important;
    max-width: 250px !important;
    text-align: center !important;
    margin-top: 30px !important;
  }
  
  /* Make mobile menu icon visible */
  .mobile-menubar {
    display: block !important;
  }
  
  /* Make sure the content order is correct */
  .slider-content {
    order: 1 !important;
    margin-bottom: 20px !important;
  }
  
  .slider-img {
    order: 2 !important;
  }
  
  /* Fix container alignment */
  .slider-height {
    align-items: center !important;
    min-height: auto !important;
  }
  
  /* Ensure rows and columns are properly laid out */
  .slider-height .row {
    flex-direction: column !important;
  }
  
  .slider-height .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* Mobile order classes */
@media (max-width: 991px) {
  .mobile-order-1 {
    order: 1 !important;
  }
  
  .mobile-order-2 {
    order: 2 !important;
  }
}