.cf-widget-container-7930b6e7 {
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
    font-family: sans-serif;
}

/* ── Stage ─────────────────────────────────────────────────────────────── */
.cf-stage {
    position: relative;
    height: 420px;
    perspective: 1400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    user-select: none;
    -webkit-user-drag: none;
}

/* ── Slide base ─────────────────────────────────────────────────────────── */
.cf-slide {
    position: absolute;
    transition: transform 0.55s cubic-bezier(.4,0,.2,1),
                opacity  0.55s cubic-bezier(.4,0,.2,1),
                z-index  0s   0.28s;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,0.35);
    cursor: grab;
    opacity: 0;
    pointer-events: auto;
    will-change: transform, opacity;
    user-select: none;
    -webkit-user-drag: none;
}
.cf-slide:active {
    cursor: grabbing;
}
.cf-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
}

/* ── Overlays (Preview Overlay) ────────────────────────────────────────── */
.cf-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45); /* Controlled dynamically by Elementor */
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

/* ── Category Pill ──────────────────────────────────────────────────────── */
.cf-category-pill {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 20px;
    letter-spacing: 0.8px;
    z-index: 2;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* ── Active (centre) ────────────────────────────────────────────────────── */
.cf-slide.cf-pos-0 {
    transform: translateX(0) translateZ(0) rotateY(0deg) scale(1) !important;
    opacity: 1 !important;
    z-index: 10 !important;
    pointer-events: auto;
}
.cf-slide.cf-pos-0 .cf-slide-overlay {
    opacity: 0 !important; /* Remove overlay on the active slide */
}
.cf-slide.cf-pos-0 .cf-slide-link {
    pointer-events: auto !important;
}

/* ── Side Positions ── */
.cf-slide.cf-side {
    transform: translateX(var(--cf-tx,0)) translateZ(var(--cf-tz,0)) rotateY(var(--cf-ry,0deg)) scale(var(--cf-sc,0.85));
    opacity: var(--cf-op, 0.7);
    z-index: var(--cf-zi, 1);
    pointer-events: auto;
}
.cf-slide.cf-side .cf-slide-overlay {
    opacity: 1 !important; /* Retain overlay opacity on secondary slides */
}
.cf-slide.cf-side .cf-slide-link {
    pointer-events: none !important; /* Disable links on non-active preview slides */
}

/* ── Hidden (beyond visible range) ─────────────────────────────────────── */
.cf-slide.cf-hidden {
    transform: translateX(var(--cf-tx,0)) translateZ(-600px) rotateY(var(--cf-ry,0deg)) scale(0.6);
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

/* ── Info area ──────────────────────────────────────────────────────────── */
.cf-info-area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    text-align: center;
}
.cf-nav-btn {
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    color: #333;
    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.25s, transform 0.2s;\n    flex-shrink: 0;\n}\n.cf-nav-btn:hover {\n    filter: brightness(0.95);\n    transform: scale(1.08);\n}\n.cf-text-content {\n    min-width: 260px;\n    max-width: 480px;\n}\n.cf-title {\n    margin: 0 0 5px;\n    font-size: 22px;\n    font-weight: 700;\n}\n.cf-title a {\n    text-decoration: none;\n    color: inherit;\n    transition: color 0.25s;\n}\n.cf-title a:hover {\n    opacity: 0.85;\n}\n.cf-date {\n    font-size: 13px;\n    font-weight: 600;\n    color: #666;\n    margin-bottom: 8px;\n}\n.cf-desc {\n    margin: 0;\n    font-size: 13px;\n    color: #555;\n    line-height: 1.5;\n}\n\n/* ── Responsive Styling ─────────────────────────────────────────────────── */\n@media (max-width: 767px) {\n    .cf-stage {\n        height: 320px !important;\n    }\n    .cf-slide {\n        width: 220px !important;\n        height: 300px !important;\n    }\n    .cf-slide.cf-side {\n        transform: translateX(calc(var(--cf-tx,0) * 0.45)) translateZ(calc(var(--cf-tz,0) * 1.5)) rotateY(calc(var(--cf-ry,0deg) * 0.7)) scale(calc(var(--cf-sc,0.85) * 0.85)) !important;\n        opacity: 0.45 !important;\n    }\n    .cf-nav-btn {\n        display: none !important;\n    }\n    .cf-text-content {\n        min-width: 180px;\n        max-width: 280px;\n    }\n    .cf-title {\n        font-size: 17px;\n    }\n    .cf-desc {\n        font-size: 11px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1024px) {\n    .cf-stage {\n        height: 380px !important;\n    }\n    .cf-slide {\n        width: 260px !important;\n        height: 360px !important;\n    }\n    .cf-slide.cf-side {\n        transform: translateX(calc(var(--cf-tx,0) * 0.75)) translateZ(calc(var(--cf-tz,0) * 1.2)) scale(calc(var(--cf-sc,0.85) * 0.9)) !important;\n    }\n}\n