/* =========================================
   Ruituo Partner Component Styles
   ========================================= */

/* Component wrapper with style isolation */
.ruituo_partner {
    padding: 108px 0 120px;
    background: #05233c;
    font-family: var(--font-family);
  }
  
  /* Custom container with max-width 1500px */
  @media screen and (min-width: 1800px) {
    .ruituo_partner .container {
      max-width: 1500px;
    }
  }
  
  /* =========================================
     Section Header
     ========================================= */
  .ruituo_partner .ruituo-section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 78px;
  }
  
  .ruituo_partner .ruituo-section-title {
    color: #FFFFFF;
    font-family: var(--title-font-family, 'Inter', sans-serif);
    font-size: var(--ruituo-title, 40px);
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    text-align: center;
  }
  
  .ruituo_partner .ruituo-title-line {
    width: 90px;
    height: 4px;
    background: var(--color-primary);
  }
  
  /* =========================================
     Partner Swiper
     ========================================= */
  .ruituo_partner .ruituo-partner-swiper-wrapper {
    position: relative;
  }
  
  .ruituo_partner .ruituo-partner-swiper {
    padding-bottom: 60px;
  }
  
  .ruituo_partner .swiper-wrapper {
    align-items: stretch;
  }
  
  .ruituo_partner .swiper-slide {
    height: auto;
  }
  
  /* Partner Item */
  .ruituo_partner .ruituo-partner-item {
    width: 100%;
    background: #071B2D;
    border-radius: 8px;
    padding: 9px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    height: 100%;
  }
  
  .ruituo_partner .ruituo-partner-item.ruituo-partner-highlight {
    background: #004F96;
  }
  
  .ruituo_partner .ruituo-partner-item:hover {
    border-radius: 8px;
    background: #004F96;
  }
  
  .ruituo_partner .ruituo-partner-item a,
  .ruituo_partner .ruituo-partner-item img {
    display: block;
    width: 100%;
    /* max-width: 200px; */
    height: auto;
  }
  
  .ruituo_partner .ruituo-partner-item img {
    aspect-ratio: 3 / 1;
    object-fit: contain;
    transition: transform 0.3s ease;
  }
  
  
  /* Swiper Pagination */
  .ruituo_partner .ruituo-partner-pagination {
    position: absolute;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    justify-content: center;
    z-index: 10;
  }
  
  .ruituo_partner .ruituo-partner-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D9D9D9;
    opacity: 1;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  
  .ruituo_partner .ruituo-partner-pagination .swiper-pagination-bullet-active {
    background: var(--color-primary);
  }
  
  /* =========================================
     Responsive Design - max-width approach
     ========================================= */
  
  @media (max-width: 1600px) {
    .ruituo_partner {
      padding: 90px 0 100px;
    }
    
    .ruituo_partner .ruituo-section-header {
      margin-bottom: 60px;
    }
    
    .ruituo_partner .ruituo-partner-item {
      padding: 35px;
    }
  }
  
  @media (max-width: 1400px) {
    .ruituo_partner {
      padding: 80px 0 90px;
    }
    
    .ruituo_partner .ruituo-section-header {
      margin-bottom: 50px;
    }
    
    .ruituo_partner .ruituo-partner-item {
      padding: 9px 30px;
    }
  }
  
  @media (max-width: 1200px) {
    .ruituo_partner {
      padding: 70px 0 80px;
    }
    
    .ruituo_partner .ruituo-section-header {
      margin-bottom: 40px;
    }
    
    .ruituo_partner .ruituo-partner-item {
      padding: 9px 25px;
    }
  }
  
  @media (max-width: 992px) {
    .ruituo_partner {
      padding: 60px 0 70px;
    }
    
    .ruituo_partner .ruituo-section-header {
      margin-bottom: 30px;
    }
    
    .ruituo_partner .ruituo-partner-item {
      padding: 9px 20px;
    }
  }
  
  @media (max-width: 768px) {
    .ruituo_partner {
      padding: 50px 0 60px;
    }
    
    .ruituo_partner .ruituo-partner-swiper {
      padding-bottom: 50px;
    }
    .ruituo_partner .ruituo-partner-pagination{
      bottom:-50px !important;
    }
    .ruituo_partner .ruituo-partner-item {
      padding: 9px 20px;
    }
    
    .ruituo_partner .ruituo-partner-item img {
      max-width: 150px;
    }
  }
  
  @media (max-width: 576px) {
    .ruituo_partner {
      padding: 40px 0 50px;
    }
    
    .ruituo_partner .ruituo-section-header {
      margin-bottom: 25px;
    }
    
    .ruituo_partner .ruituo-partner-swiper {
      padding-bottom: 45px;
    }
    .ruituo_partner .ruituo-partner-pagination{
      bottom:-45px !important;
    }
    .ruituo_partner .ruituo-partner-item {
      padding: 9px 15px;
    }
    
    .ruituo_partner .ruituo-partner-item img {
      max-width: 120px;
    }
    
    .ruituo_partner .ruituo-partner-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
    }
  }
  
  /* Style isolation - box-sizing */
  .ruituo_partner *,
  .ruituo_partner *::before,
  .ruituo_partner *::after {
    box-sizing: border-box;
  }