/**
 * Hubsleek - Why Hubsleek "6 Reasons Agencies Choose Hubsleek" Section
 * Sticky scroll interaction & progressive card focus/blur effect.
 * Scoped strictly to .hubsleek-reasons-section / .kb-row-layout-id362_b26c87-a8
 */

/* ==========================================================================
   Desktop Sticky & Scroll Interaction (min-width: 1025px)
   ========================================================================== */
@media (min-width: 1025px) {

    /* Ensure the row wrapper allows sticky children */
    .hubsleek-reasons-section,
    .kb-row-layout-id362_b26c87-a8 {
        position: relative;
    }

    /* Left Column container spans full height of grid row */
    .hubsleek-reasons-section .kadence-column362_ae54d5-27,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_ae54d5-27 {
        height: 100% !important;
        align-self: stretch !important;
    }

    /* Left Column content becomes sticky in viewport */
    .hubsleek-reasons-section .kadence-column362_ae54d5-27>.kt-inside-inner-col,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_ae54d5-27>.kt-inside-inner-col {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 140px !important;
        z-index: 2;
    }

    /* Right column cards wrapper */
    .hubsleek-reasons-section .kadence-column362_6d96e5-46>.kt-inside-inner-col,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_6d96e5-46>.kt-inside-inner-col {
        position: relative;
    }

    /* Default inactive card: subtle blur + dimmed opacity */
    .hubsleek-reasons-section .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column {
        opacity: 0.35;
        filter: blur(4px);
        -webkit-filter: blur(4px);
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1),
            filter 0.4s cubic-bezier(0.25, 1, 0.5, 1),
            -webkit-filter 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        will-change: opacity, filter;
    }

    /* Active card: 100% opacity, completely crisp & clear */
    .hubsleek-reasons-section .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column.is-active,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column.is-active {
        opacity: 1 !important;
        filter: blur(0px) !important;
        -webkit-filter: blur(0px) !important;
    }
}

/* ==========================================================================
   Mobile & Tablet Reset (<= 1024px)
   Do NOT alter existing mobile/tablet design or force sticky scrolling
   ========================================================================== */
@media (max-width: 1024px) {

    .hubsleek-reasons-section .kadence-column362_ae54d5-27,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_ae54d5-27,
    .hubsleek-reasons-section .kadence-column362_ae54d5-27>.kt-inside-inner-col,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_ae54d5-27>.kt-inside-inner-col {
        position: static !important;
        height: auto !important;
        top: auto !important;
    }

    .hubsleek-reasons-section .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column {
        opacity: 1 !important;
        filter: none !important;
        -webkit-filter: none !important;
        transition: none !important;
        flex: none !important;
    }
}

/* ==========================================================================
   Reduced Motion Accessibility
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {

    .hubsleek-reasons-section .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column,
    .kb-row-layout-id362_b26c87-a8 .kadence-column362_6d96e5-46>.kt-inside-inner-col>.wp-block-kadence-column {
        opacity: 1 !important;
        filter: none !important;
        -webkit-filter: none !important;
        transition: none !important;
    }
}

.agencies-number-bg {
    width: max-content !important;
}