.elementor-2032 .elementor-element.elementor-element-1afc7dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2032 .elementor-element.elementor-element-ee4a1ab{--display:flex;}@media(min-width:768px){.elementor-2032 .elementor-element.elementor-element-ee4a1ab{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-b053446 *//* ==========================================================================
   IKA HOMEPAGE PARTNERS SECTION
   ========================================================================== */
.ika-partners-section {
    padding: 70px 20px;
    background-color: #ffffff; /* Đổi sang nền trắng theo yêu cầu */
    font-family: var(--ika-font-main, 'Inter', sans-serif);
}

.ika-partners-container {
    max-width: 1250px;
    margin: 0 auto;
}

.ika-partners-header {
    text-align: center;
    margin-bottom: 50px;
}

.ika-partners-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--ika-primary, #0F2550);
    text-transform: uppercase;
    font-family: var(--ika-font-heading, 'Inter', sans-serif);
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

/* Thanh gạch ngang trang trí hai bên tiêu đề (Giống ảnh mẫu) */
.ika-partners-title::before,
.ika-partners-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: var(--ika-secondary, #BF1F26); /* Màu Đỏ IKA */
}

/* Swiper Slider Wrapper */
.ika-partners-swiper {
    width: 100%;
    padding: 10px 10px 50px 10px !important; /* Dành khoảng trống phía dưới cho các dấu chấm pagination */
    overflow: hidden;
}

/* Thẻ chứa Logo (Tròn) */
.ika-partner-card {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    width: 100%;
    aspect-ratio: 1 / 1; /* Đảm bảo luôn là hình vuông hoàn hảo */
    border-radius: 50%; /* Bo tròn 100% giống ảnh mẫu */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f3f4f6;
}

.ika-partner-card:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 10px 25px rgba(15, 37, 80, 0.1);
}

/* Hình ảnh Logo bên trong */
/* Hình ảnh Logo bên trong */
.ika-partner-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
    /* Đã xóa dòng filter trắng đen và opacity đi để giữ màu gốc */
}

/* Khi rê chuột vào, nếu anh vẫn muốn nó sáng lên 1 chút xíu hoặc giữ nguyên thì dùng dòng này (có thể xóa hẳn nếu không cần) */
.ika-partner-card:hover img {
    transform: scale(1.05); /* Phóng to logo lên 1 xíu cho sinh động */
}


/* Swiper Pagination (Các dấu chấm) */
.ika-partners-swiper .swiper-pagination-bullet {
    background-color: #cbd5e1;
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 0 6px !important;
}

.ika-partners-swiper .swiper-pagination-bullet-active {
    background-color: var(--ika-primary, #0F2550);
    width: 25px;
    border-radius: 5px; /* Kéo dài dấu chấm active trông hiện đại hơn */
    transition: all 0.3s ease;
}

/* Bổ sung CSS cho thẻ a bọc ngoài logo để ép ảnh luôn nằm giữa tâm khung tròn */
.ika-partner-card a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* Thêm display: block để xóa khoảng trắng thừa dưới đáy ảnh */
.ika-partner-card img {
    display: block; 
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}


/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 767px) {
    .ika-partners-section {
        padding: 40px 15px; /* Giảm padding hai bên xuống một chút để Slider có thêm không gian */
    }
    .ika-partners-title {
        font-size: 20px; /* Giảm nhẹ cỡ chữ title trên điện thoại */
        gap: 10px;
    }
    .ika-partners-title::before,
    .ika-partners-title::after {
        width: 30px;
    }
    .ika-partner-card {
        padding: 10px; /* Giảm padding bên trong hình tròn để logo thực tế to ra, không bị lọt thỏm */
    }
}/* End custom CSS */