/* Custom CSS Overrides for ABA UniMarket */

/* Fix Mega Menu Submenu - Auto height instead of fixed height with scroll */
.onhover-category-box,
header .onhover-category-list .onhover-category-box {
    height: auto !important;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Submenu items hover effect - similar to parent menu */
.onhover-category-box .category-title-box h5 a {
    transition: all 0.3s ease;
    display: inline-block;
}

.onhover-category-box .category-title-box h5 a:hover {
    color: var(--theme-color);
    transform: translateX(5px);
}

.onhover-category-box ul li a {
    transition: all 0.3s ease;
    display: inline-block;
}

.onhover-category-box ul li a:hover {
    color: var(--theme-color);
    transform: translateX(5px);
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .onhover-category-box,
    header .onhover-category-list .onhover-category-box {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }
}

/* Fix font error for About Us title */
.about-us-title h4 {
    font-family: 'Public Sans', sans-serif !important;
}

/* Make Client Section boxes equal height */
.client-section .slider-3_1 .slick-track {
    display: flex !important;
}

.client-section .slider-3_1 .slick-slide {
    height: inherit !important;
    display: flex !important;
    justify-content: center;
}

.client-section .slider-3_1 .slick-slide > div {
    display: flex;
    flex: 1;
    margin: 0 10px; /* Add slight spacing if not present due to flex */
}

.client-section .slider-3_1 .clint-contain {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Disable hover animation for Client Section */
.client-section .clint-contain:hover .client-icon img {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
}

.client-section .clint-contain:hover h2 {
    margin-right: 0 !important;
    opacity: 0.05 !important;
}

.client-section .clint-contain:hover h4 {
    color: initial !important; /* Keep text color static if needed, or remove this line to allow color change */
}