/* 
 * Partner Page - Mobile Optimization CSS
 * 针对 partner.html 页面的专属移动端适配
 */

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

  /* ============================================
     Hero Section
     ============================================ */
  .lrn-started-inner {
    min-height: auto !important;
    padding: 100px 0 60px 0 !important;
  }

  .lrn-started-inner h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  /* ============================================
     Partnership Benefits Section (The one in screenshot)
     ============================================ */
  
  /* Target the container card of Benefits */
  .wrapper > section:nth-of-type(2) .col-md-10 > div {
    padding: 30px 15px !important;
    border-radius: 15px !important;
  }

  /* Title */
  .wrapper > section:nth-of-type(2) .col-md-10 h4 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }

  /* The Row containing the benefits */
  .wrapper > section:nth-of-type(2) .col-md-10 .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  /* The Columns (Items) - Set to 33.33% width (3 columns) */
  .wrapper > section:nth-of-type(2) .col-md-10 .col-xs-12 {
    width: 33.33% !important;
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
    padding: 0 2px !important;
    margin-bottom: 0 !important;
  }

  /* Hide Icons */
  .wrapper > section:nth-of-type(2) .col-md-10 div[style*="width: 60px"] {
    display: none !important;
  }

  /* Adjust Text Alignment and Spacing */
  .wrapper > section:nth-of-type(2) .col-md-10 .col-xs-12 > div {
    text-align: center !important;
    padding: 10px 2px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  /* Benefit Title */
  .wrapper > section:nth-of-type(2) .col-md-10 h5 {
    font-size: 11px !important;
    margin-bottom: 5px !important;
    min-height: 30px !important; /* Ensure alignment */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
  }

  /* Benefit Description */
  .wrapper > section:nth-of-type(2) .col-md-10 p {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

}