/* Zhongyu Company Info Component Styles */

.zhongyu-company-info {
    width: 100%;
    padding: 140px 0;
    background: #fff;
  }
  
  /* Each info item */
  .zhongyu-company-info-item {
    width: 100%;
  }
  .zhongyu-company-info-item + .zhongyu-company-info-item{
    margin-top:56px;
  }
  .zhongyu-company-info-item:last-child {
    margin-bottom: 0;
  }
  
  /* Content wrapper with flexible layout */
  .zhongyu-company-info-content {
    display: flex;
    gap: 16px;
    width: 100%;
  }
  
  /* Layout variations - alternating text left/right */
  .layout-text-left .zhongyu-company-info-content {
    flex-direction: row;
  }
  
  .layout-text-right .zhongyu-company-info-content {
    flex-direction: row-reverse;
    /* padding-right: 90px; */
  }
  
  /* Text content area */
  .zhongyu-company-info-text {
    width: calc(50% - 8px);
    display: flex;
    flex-direction: column;
    gap: 11px;
  }
  .layout-text-left .zhongyu-company-info-text{
    padding-left:90px;
  }
  .layout-text-right .zhongyu-company-info-text{
    padding-right:90px;
  }
  
  .zhongyu-company-info-title {
    font-family: var(--title-font-family, 'Roboto');
    font-size: 24px;
    font-weight: 700;
    line-height: 1.171875;
    color: #0C3054;
    margin: 0;
  }
  
  .zhongyu-company-info-description {
    font-family: var(--font-family, 'Roboto');
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #595757;
    white-space: pre-line;
    margin: 0;
  }
  
  /* Image area */
  .zhongyu-company-info-image {
    flex: 1;
    min-width: 0;
    /* aspect-ratio: 959/342; */
    overflow: hidden;
    border-radius: 5px;
  }
  
  .zhongyu-company-info-image img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    object-position: center;
    display: block;
    aspect-ratio: 959/342;
  }
  
  /* Responsive styles - desktop first approach */
  
  /* Extra large screens */
  @media (max-width: 1600px) {
    .zhongyu-company-info-description{
      font-size:14px;
    }
  }
  @media (max-width: 1400px) {
    .zhongyu-company-info {
      /* padding: 120px 0; */
    }
  
    .zhongyu-company-info-text {
      /* flex: 0 0 700px; */
      /* max-width: 700px; */
    }
  
    .zhongyu-company-info-title {
      font-size: 20px;
    }
    .zhongyu-company-info-description{
      font-size:12px;
    }
  }
  
  /* Large screens */
  @media (max-width: 1200px) {
    .zhongyu-company-info {
      /* padding: 100px 40px; */
      padding: 140px 15px;
    }
  
    .zhongyu-company-info-text {
      /* flex: 0 0 600px; */
      /* max-width: 600px; */
      width: 100%;
      padding: 0 !important;
    }
  
    .zhongyu-company-info-description {
      font-size: 15px;
    }
    .zhongyu-company-info-content{
      flex-direction: column !important;
    }
  }
  
  /* Medium screens - tablet */
  @media (max-width: 992px) {
    .zhongyu-company-info {
      padding: 80px 30px;
    }
  
    /* Switch to vertical stack layout */
    .layout-text-left .zhongyu-company-info-content,
    .layout-text-right .zhongyu-company-info-content {
      flex-direction: column;
      align-items: stretch;
      gap: 20px;
    }
  
    .zhongyu-company-info-text {
      flex: 1;
      max-width: 100%;
    }
  
    .zhongyu-company-info-title {
      font-size: 18px;
    }
  
    .zhongyu-company-info-description {
      font-size: 14px;
      line-height: 1.8;
    }
  
    .zhongyu-company-info-image {
      /* aspect-ratio: 16/9; */
    }
    .zhongyu-company-info-item + .zhongyu-company-info-item{
      margin-top: 30px;
    }
  }
  
  /* Small screens - mobile landscape */
  @media (max-width: 768px) {
    .zhongyu-company-info {
      padding: 60px 20px;
    }
  
    .zhongyu-company-info-title {
      font-size: 16px;
    }
  
    .zhongyu-company-info-description {
      font-size: 14px;
    }
  }
  
  /* Extra small screens - mobile portrait */
  @media (max-width: 576px) {
    .zhongyu-company-info {
      padding: 50px 15px;
    }
  
    .zhongyu-company-info-item {
      /* margin-bottom: 40px; */
    }
  
    .zhongyu-company-info-content {
      gap: 20px;
    }
  
    .zhongyu-company-info-text {
      gap: 15px;
    }
  
    .zhongyu-company-info-description {
      font-size: 13px;
      line-height: 1.7;
    }
  }