/* 
 * Industry Solutions Page - Mobile Optimization CSS
 * 针对 industry-solutions.html 页面的专属移动端适配
 */

@media screen and (max-width: 767px) {

  /* ============================================
     Hero Section & Industry Icons (Issue 1)
     ============================================ */
  
  /* Adjust Hero Title & Text */
  .lrn-started-inner {
    min-height: auto !important;
    padding-top: 100px !important;
    padding-bottom: 40px !important;
  }

  .lrn-started-inner h1 {
    font-size: 32px !important;
    margin-bottom: 15px !important;
  }

  .lrn-started-inner p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 30px !important;
  }

  /* Industry Icons Grid: Change from 2 columns to 3 columns (2 rows x 3 cols) */
  .lrn-started-inner .row:last-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .lrn-started-inner .row:last-of-type .col-xs-6 {
    width: 33.33% !important;
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
    padding: 0 5px !important;
    margin-bottom: 10px !important;
  }

  /* Adjust Icon Box Styling */
  .lrn-started-inner .row:last-of-type .element-anim-1 {
    padding: 15px 5px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 90px !important;
  }

  .lrn-started-inner .row:last-of-type i {
    font-size: 28px !important; /* Smaller icon */
    margin-bottom: 8px !important;
  }

  .lrn-started-inner .row:last-of-type h6 {
    font-size: 11px !important; /* Smaller text */
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  /* ============================================
     Industry-Tailored Capabilities (Issue 2)
     ============================================ */
  
  .wrapper > section:nth-of-type(2) {
    padding: 40px 0 !important;
  }

  .wrapper > section:nth-of-type(2) .lrn-titles {
    margin-bottom: 30px !important;
  }

  /* Card Container */
  .wrapper > section:nth-of-type(2) div[style*="background: linear-gradient"] {
    padding: 25px 20px !important;
    margin-bottom: 20px !important;
  }

  /* Card Header: Hide Icon, Adjust Layout */
  .wrapper > section:nth-of-type(2) div[style*="display: flex; align-items: center; justify-content: space-between"] {
    margin-bottom: 15px !important;
    display: block !important;
  }

  .wrapper > section:nth-of-type(2) div[style*="display: flex; align-items: center; gap: 20px"] {
    display: block !important;
    text-align: left !important;
  }

  /* Hide the big icon container */
  .wrapper > section:nth-of-type(2) div[style*="width: 70px; height: 70px"] {
    display: none !important;
  }

  /* Title & Subtitle */
  .wrapper > section:nth-of-type(2) h4 {
    font-size: 20px !important;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
  }

  .wrapper > section:nth-of-type(2) p[style*="font-size: 14px"] {
    font-size: 12px !important;
    opacity: 0.8 !important;
    margin-bottom: 0 !important;
  }

  /* Sub-items List */
  .wrapper > section:nth-of-type(2) .row {
    margin-top: 15px !important;
  }

  .wrapper > section:nth-of-type(2) .row .col-xs-12 {
    margin-bottom: 8px !important; /* Reduced spacing */
    padding: 0 15px !important;
  }

  /* Hide check circle icons */
  .wrapper > section:nth-of-type(2) .row .col-xs-12 i {
    display: none !important;
  }

  /* Content Layout: Inline Title and Description */
  .wrapper > section:nth-of-type(2) .row .col-xs-12 > div {
    display: block !important;
    gap: 0 !important;
  }

  .wrapper > section:nth-of-type(2) .row .col-xs-12 h6 {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    display: inline !important;
    margin-right: 5px !important;
  }

  /* Add colon after title */
  .wrapper > section:nth-of-type(2) .row .col-xs-12 h6::after {
    content: ":" !important;
  }

  .wrapper > section:nth-of-type(2) .row .col-xs-12 p {
    font-size: 14px !important;
    margin: 0 !important;
    display: inline !important;
    opacity: 0.9 !important;
  }

}