/*
 * Service Image Alignment Fix
 * Ensures consistent left alignment of images across all service pages
 */

/* Main service image alignment */
.legal-header-right {
  display: flex !important;
  justify-content: flex-start !important; /* Left align */
  align-items: center !important;
  width: 100% !important;
  padding-left: 15px !important; /* Consistent left padding */
  box-sizing: border-box !important;
}

/* Service icon image alignment and size */
.legal-services-icon {
  max-width: 80px !important;
  height: auto !important;
  margin-right: auto !important; /* Push to left */
  margin-left: 0 !important; /* Ensure no left margin */
  display: block !important;
  align-self: flex-start !important; /* Align to start of container */
}

/* Specific IT page image fix */
body.it-service-page .legal-header-right,
body:has(.legal-header-left h1:contains("IT Services")) .legal-header-right {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Mobile specific adjustments */
@media (max-width: 767px) {
  .legal-header-right {
    padding-left: 25px !important; /* More padding on mobile */
    margin-bottom: 20px !important;
  }
  
  .legal-services-icon {
    max-width: 60px !important; /* Smaller on mobile */
  }
}