@media (min-width: 1280px) {
    .welcomekit-jobs-list-item:before {
        content: '';
        max-height: 32px;
        border-radius: 0 0 16px 16px;
        opacity: 0;
        height: 32px;
        width: 100%;
        z-index: -2;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--shadow_gradient, linear-gradient(90deg, #00A3CF 27.68%, rgba(0, 200, 255, 0.00) 170.54%), #FFF);
        pointer-events: none;
        transition: transform .4s ease, opacity .4s ease;
    }

    .welcomekit-jobs-list-item:after {
        content: '';
        max-height: 48px;
        border-radius: 0 0 16px 16px;
        opacity: 0;
        height: 48px;
        width: 100%;
        z-index: -2;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--shadow_gradient, linear-gradient(90deg, #00A3CF 27.68%, rgba(0, 200, 255, 0.00) 170.54%), #FFF);
        pointer-events: none;
        transition: transform .4s ease .2s, opacity .4s ease;
    }

    .blueCardHover:before {
        content: '';
        max-height: 32px;
        border-radius: 0 0 16px 16px;
        opacity: 0;
        height: 32px;
        width: 100%;
        z-index: -2;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--shadow_gradient, linear-gradient(90deg, #00A3CF 27.68%, rgba(0, 200, 255, 0.00) 170.54%), #FFF);
        pointer-events: none;
        transform: translateY(0);
        transition: transform .4s ease, opacity .4s ease;
    }

    .blueCardHover:after {
        content: '';
        max-height: 48px;
        border-radius: 0 0 16px 16px;
        opacity: 0;
        height: 48px;
        width: 100%;
        z-index: -2;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--shadow_gradient, linear-gradient(90deg, #00A3CF 27.68%, rgba(0, 200, 255, 0.00) 170.54%), #FFF);
        pointer-events: none;
        transform: translateY(0);
        transition: transform .4s ease .2s, opacity .4s ease;
    }

    .blueCardHoverVisible:before {
        opacity: 0.15;
        transform: translateY(6px);
    }

    .blueCardHoverVisible:after {
        opacity: 0.1;
        transform: translateY(11px);
    }

    .accordionItemContainer {
        padding: 32px 40px;
        background: #FFFFFF;
        border-radius: 16px;
    }

    .blogItemContainer {
        padding: 0;
        height: 100%;
    }

    .accordionItemContainer:after {
        content: '';
        max-height: 48px;
        border-radius: 0 0 16px 16px;
        opacity: 0;
        height: 48px;
        width: 100%;
        z-index: -2;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--shadow_gradient, linear-gradient(90deg, #00A3CF 27.68%, rgba(0, 200, 255, 0.00) 170.54%), #FFF);
        pointer-events: none;
        transform: translateY(0);
        transition: transform .4s ease .2s, opacity .4s ease;
    }

    .accordionItemContainer:before {
        content: '';
        max-height: 32px;
        border-radius: 0 0 16px 16px;
        opacity: 0;
        height: 32px;
        width: 100%;
        z-index: -2;
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--shadow_gradient, linear-gradient(90deg, #00A3CF 27.68%, rgba(0, 200, 255, 0.00) 170.54%), #FFF);
        pointer-events: none;
        transform: translateY(0);
        transition: transform .4s ease, opacity .4s ease;
    }

    .accordionItemHoverVisible:after {
        opacity: 0.10;
        transform: translateY(12px);
    }

    .accordionItemHoverVisible:before {
        opacity: 0.15;
        transform: translateY(6px);
    }
}