/* 
 * Services Section Mobile Title Size
 * Increases the font size of service titles on mobile devices
 */

/* Apply larger font size for service titles on mobile devices */
@media screen and (max-width: 767px) {
  /* Target the h3 heading elements in the services section */
  #Services h3.h4-heading {
    font-size: 1.25rem !important; /* Slightly larger than default, but smaller than before */
    line-height: 1.3 !important; /* Maintain good line height proportion */
    margin-bottom: 1rem !important; /* Add space between title and description */
    font-weight: bold !important; /* Ensure bold weight is applied */
  }
  
  /* Make the strong tags extra bold */
  #Services h3.h4-heading strong {
    font-weight: 900 !important; /* Force extra bold weight */
  }
  
  /* Slightly smaller text for the Game AI Infrastructure title specifically */
  #Services h3.h4-heading strong:contains("Game AI Infrastructure") {
    font-size: 1.15rem !important; /* Slightly smaller than other titles */
  }
  
  /* Alternative approach using direct targeting */
  #Services .w-layout-grid > div:nth-child(2) h3.h4-heading {
    font-size: 1.15rem !important; /* Slightly smaller than other titles */
  }
}